技術(shù)頻道導(dǎo)航
HTML/CSS
.NET技術(shù)
IIS技術(shù)
PHP技術(shù)
Js/JQuery
Photoshop
Fireworks
服務(wù)器技術(shù)
操作系統(tǒng)
網(wǎng)站運(yùn)營

贊助商

分類目錄

贊助商

最新文章

搜索

簡單!Firefox用蒙版組合實(shí)現(xiàn)文字掃光效果【原創(chuàng)】

作者:admin    時(shí)間:2019-12-2 17:20:46    瀏覽:

文字掃光效果用在logo設(shè)計(jì)上,還是挺多人喜歡的,今天我用Firefox的組合為蒙版來實(shí)現(xiàn)這個(gè)文字掃光效果,操作過程很簡單,一點(diǎn)都不復(fù)雜。

Firefox用蒙版組合實(shí)現(xiàn)文字掃光效果

Firefox用蒙版組合實(shí)現(xiàn)文字掃光效果

1、在畫布上寫上文字,設(shè)置顏色(比如黃色);

然后復(fù)制粘貼文字(直接對文字Ctrl+C,然后Ctrl+V即可),并設(shè)置為白色;

用矩形工具畫一個(gè)矩形,實(shí)心顏色是白色,邊緣羽化選擇10,看下圖所示。然后把矩形旋轉(zhuǎn),并拖到文字的前面,看下圖所示。

畫布寫上要掃光的文字

畫布寫上要掃光的文字

2、全選剛才的三個(gè)位圖:矩形、白色文字、黃色文字,然后復(fù)制(Ctrl+C);

新建一幀,然后粘貼(Ctrl+V);

再繼續(xù)新建幾個(gè)幀,然后各幀都要粘貼(Ctrl+V)剛才復(fù)制的三個(gè)位圖。

新建幾個(gè)幀

新建幾個(gè)幀

3、鼠標(biāo)點(diǎn)一點(diǎn)第一幀,即是選中第一幀。然后再選中兩個(gè)位圖:矩形、白色文字。

選中矩形和白色文字兩個(gè)位圖

選中矩形和白色文字兩個(gè)位圖

之后,點(diǎn)擊菜單的“修改”-“蒙版”-“組合為蒙版”。如下圖:

組合為蒙版

組合為蒙版

看!效果就出來了。如圖:

文字掃光的第一幀效果

文字掃光的第一幀效果

4、現(xiàn)在我們操作文字掃光的第二幀。

鼠標(biāo)點(diǎn)一點(diǎn)第二幀,即是選中第二幀。

再鼠標(biāo)點(diǎn)一點(diǎn)矩形,即是選中矩形。然后向右拖動矩形。

第二幀向右拖動矩形

第二幀向右拖動矩形

選中矩形和白色文字這兩個(gè)位圖,然后點(diǎn)擊菜單的“修改”-“蒙版”-“組合為蒙版”。如下圖:

矩形和白色文字組合為蒙版

矩形和白色文字組合為蒙版

看!效果又出來了。

文字掃光的第二幀效果

文字掃光的第二幀效果

5、按照上述步驟,繼續(xù)操作第三幀、第四幀。。。直到最后一幀。

我們雙擊每幀的時(shí)間,然后設(shè)置下每幀的時(shí)間間隔,10(即是0.1秒)比較合適。最后一幀時(shí)間停留設(shè)為300(即是3秒)。

設(shè)置每幀時(shí)間間隔

設(shè)置每幀時(shí)間間隔

最后,文字掃光效果就出來了。

Firefox用蒙版組合實(shí)現(xiàn)文字掃光效果

Firefox用蒙版組合實(shí)現(xiàn)文字掃光效果

 

標(biāo)簽: 文字掃光  蒙版  蒙版組合  
x
  • 站長推薦
/* 左側(cè)顯示文章內(nèi)容目錄 */