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源文件：

推薦:Fireworks視頻教程