如何用Fireworks製做經典的掃光字GIF動畫

一、首先咱們把背景選爲黑色。再輸入文字用白色填充,注意調整文字之間的間隔。html

 

二、選中字體,對其進行轉換爲路徑文件。工具

Fireworks製做經典的掃光字GIF動畫

三、對間隔再作少量調整。學習

Fireworks製做經典的掃光字GIF動畫

四、複製文字改成黑色,作平移,出現立體效果。字體

Fireworks製做經典的掃光字GIF動畫

五、再複製一次文字,並用部分選取工具選中路徑進行顏色的填充。顏色根據本身喜愛來動畫

Fireworks製做經典的掃光字GIF動畫

六、用矩形選框工具畫一個矩形填充白色,羽化10象素,矩形最好放在文字上方。.net

Fireworks製做經典的掃光字GIF動畫

七、接着就要進行動畫的操做過程了,由於考慮到只有第一層圖片有動畫效果,因此能夠對另外2個圖層進行共享層的操做(若是不作3D效果的話,不用建新圖層,直接在原圖層操做便可)。咱們點擊層面板上的按扭進行新建層。指針

Fireworks製做經典的掃光字GIF動畫

新建層,並在共享此層上打勾:htm

Fireworks製做經典的掃光字GIF動畫

將須要共享的圖層拖至層2內並放在層1下面blog

Fireworks製做經典的掃光字GIF動畫

八、接着在幀面板上點擊,選擇重置幀,就是複製相同的幀。圖片

Fireworks製做經典的掃光字GIF動畫

九、選擇第2幀,剪切白色羽化矩形,選中最上面須要作動畫的圖層,使用編輯—粘貼於內部,看....效果出來了,不太重要的是這裏纔剛剛開始。

Fireworks製做經典的掃光字GIF動畫

十、咱們再看層面板,把鎖定選項點掉,再選中蒙板處。

Fireworks製做經典的掃光字GIF動畫

十一、用指針工具在圖形裏面選擇羽化後的矩形,用鍵盤的<--方向鍵進行移動,到達須要的位置。

Fireworks製做經典的掃光字GIF動畫(2)

用方向鍵移動羽化後的矩形

十二、選中第2幀,再重置一個幀,請按照第8步部來作。

13,重複第11步,把白色的閃光效果幀一幀日後移,接下來幾幀如此類推。

Fireworks製做經典的掃光字GIF動畫(2)

1四、到這裏要作個過渡,把第一幀複製一下放到最後一幀,作爲最後的總結,並調整等待時間。

Fireworks製做經典的掃光字GIF動畫(2)

1五、最後就是導出效果了,我們選擇文件導出嚮導,要圖片色彩更好點就選擇256色吧,默認128,設置好按導出就好了。

最終效果:

Fireworks製做經典的掃光字GIF動畫(2)

以上就是用Fireworks製做經典的掃光字GIF動畫過程,很是實用,感興趣的朋友能夠一塊兒來學習一下!

轉載自http://www.jb51.net/Fireworks/186517.html

相關文章
相關標籤/搜索