Fireworks制作經(jīng)典的掃光字GIF動(dòng)畫(huà)(4)

來(lái)源:未知 作者:bbs.16xx8.com 學(xué)習(xí):1738人次
作者:佚名   出處:PConline 作者:情非得已
Fireworks制作掃光字動(dòng)畫(huà)主要技巧是圖層蒙板的使用。我們也可以使用ImageReady, Flash等工具實(shí)現(xiàn)掃光字動(dòng)畫(huà)效果,基本的原理也是一樣的,讀者可以舉一反三,觸類(lèi)旁通。

效果:

下載該源文件(PNG)

Fireworks掃光字GIF動(dòng)畫(huà)效果

下載該源文件(PNG)。

1、首先我們把背景選為黑色。再輸入文字用白色填充,注意調(diào)整文字之間的間隔。

在Fireworks中輸入文字并調(diào)整

2、選中字體,對(duì)其進(jìn)行轉(zhuǎn)換為路徑文件。

將字體轉(zhuǎn)換為路徑

3、對(duì)間隔再做少許調(diào)整。

對(duì)間隔再做少許調(diào)整

4、復(fù)制文字改為黑色,做平移,出現(xiàn)立體效果。

制作立體效果

5、再?gòu)?fù)制一次文字,并用部分選取工具選中路徑進(jìn)行顏色的填充。顏色根據(jù)自己喜好來(lái)

給字體填充顏色

6、用矩形選框工具畫(huà)一個(gè)矩形填充白色,羽化10象素,矩形最好放在文字上方。


 

繪制矩形、填充白色并羽化

7、接著就要進(jìn)行動(dòng)畫(huà)的操作過(guò)程了,因?yàn)榭紤]到只有第一層圖片有動(dòng)畫(huà)效果,所以可以對(duì)另外2個(gè)圖層進(jìn)行共享層的操作。我們點(diǎn)擊層面板上的按扭進(jìn)行新建層。

新建層

并在共享此層上打勾:

在共享此層上打勾

將需要共享的圖層拖至層2內(nèi)并放在層1下面

將圖層拖至層2內(nèi)

8、接著在幀面板上點(diǎn)擊,選擇重置幀,就是復(fù)制相同的幀。

復(fù)制相同的幀

9、選擇第2幀,剪切白色羽化矩形,選中最上面需要做動(dòng)畫(huà)的圖層,使用編輯—粘貼于內(nèi)部,看....效果出來(lái)了,不過(guò)重要的是這里才剛剛開(kāi)始。

編輯—粘貼于內(nèi)部

10、我們?cè)倏磳用姘,把鎖定選項(xiàng)點(diǎn)掉,再選中蒙板處。

去掉鎖定選項(xiàng),再選中蒙板

11、用指針工具在圖形里面選擇羽化后的矩形,用鍵盤(pán)的

用方向鍵移動(dòng)羽化后的矩形

12、選中第2幀,再重置一個(gè)幀,請(qǐng)按照第8步部來(lái)做。

13,重復(fù)第11步,把白色的閃光效果幀一幀往后移,接下來(lái)幾幀如此類(lèi)推。


 

往后移白色的閃光效果幀

14、到這里要做個(gè)過(guò)渡,把第一幀復(fù)制一下放到最后一幀,做為最后的總結(jié),并調(diào)整等待時(shí)間。

做個(gè)過(guò)渡效果

15、最后就是導(dǎo)出效果了,咱們選擇文件導(dǎo)出向?qū),要圖片色彩更好點(diǎn)就選擇256色吧,默認(rèn)128,設(shè)置好按導(dǎo)出就行了。

在Fireworks導(dǎo)出效果

最終效果:

 

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!