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

贊助商

分類目錄

贊助商

最新文章

搜索

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

作者:admin    時間:2019-12-2 17:20:46    瀏覽:

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

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

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

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

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

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

畫布寫上要掃光的文字

畫布寫上要掃光的文字

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

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

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

新建幾個幀

新建幾個幀

3、鼠標點一點第一幀,即是選中第一幀。然后再選中兩個位圖:矩形、白色文字。

選中矩形和白色文字兩個位圖

選中矩形和白色文字兩個位圖

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

組合為蒙版

組合為蒙版

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

文字掃光的第一幀效果

文字掃光的第一幀效果

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

鼠標點一點第二幀,即是選中第二幀。

再鼠標點一點矩形,即是選中矩形。然后向右拖動矩形。

第二幀向右拖動矩形

第二幀向右拖動矩形

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

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

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

看!效果又出來了。

文字掃光的第二幀效果

文字掃光的第二幀效果

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

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

設置每幀時間間隔

設置每幀時間間隔

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

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

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

 

標簽: 文字掃光  蒙版  蒙版組合  
x