Fireworks製作蝴蝶翻飛巧寫書法字GIF動畫

　　看到許多論壇上有一種漂亮的GIF動畫寫字效果：隨著一隻上下飛舞的小蝴蝶，漂亮的書法字就一筆一划地寫出來了。於是自己研究了一下製作方法，這裡特地把Fireworks的製作步驟寫出來和大家共用。文章末尾提供原檔案供大家下載參考。

　　完成效果如下，看上去特別清新素雅。

　　1.在Fireworks中建立一個寬100像素、高120像素、畫布顏色為“自訂”（顏色值為#C6E0FF）的文檔。

　　 2.在左邊“工具箱”中選取矩形工具 ，設定屬性如下圖所示（其中顏色值為#69ACFF），製作邊框。

　　提示：如果這個矩形大小不合適，可利用“Ctrl+T”變形進行調整。

　　3.在右邊“圖層面板中”將此層共用，然後建立一層。

　　4.使用“文字工具”在上面打上合適的字，字的大小顏色等自行調整。（這裡我設定的字型為華文行楷）

　　5.選中文字後，選擇菜單“修改/平面化所選”，將這個文字層轉化為位元影像。

　　6.接下來在“幀面板”中選擇“重製幀”，複製在22幀左右。（複製幀數按根據字的筆畫多少有所不同）

　　7.將素材中的蝴蝶複製在這些幀中（注意單數幀上放置合起翅膀的蝴蝶，雙數幀放置張開翅膀蝴蝶）。

　　8.用橡皮擦寫字數的筆劃（可以從後往前每幀擦掉一筆），並將該層的蝴蝶放在合適的位置。

　　提示：擦時注意調整橡皮擦大小，隨時進行調節。

　　製作出的效果如下圖所示：

　　10.畫筆字完成後，將沒有蝴蝶的最後一幀重設18幀（與提供的素材相同幀數，方便匯入）。然後每幀調整文字的透明度，從99%每幀下調一點，一直到文字透明。

　　11.選中第倒數第18幀（即剛製作好擦寫完成的文字），選擇菜單“檔案/匯入”，將素材動畫蝴蝶匯入進來。

　　12.最後在幀中選中製作文字的部分幀（可利用shift一次加選），設定其幀延時30/秒。剩下的蝴蝶效果為15/秒。

　　13.利用下方的播放預覽後，最後就是匯出漂亮的動畫了。選擇“檔案/映像預覽”，在儲存設定中選擇“動畫GIF接近網頁128”（這種圖片效果不錯而且比較小），單擊“匯出”即可。

（點擊看大圖）

 

　　素材（蝴蝶飛）： 　　PNG源檔案：