Fireworks製作動態banner流程

動態

itgao老總是我朋友，前幾天要我幫忙做個banner，拖到今天終於有點不好意思了，動手！
好久沒有用fw做動畫了，有些生疏。有不合適的地方希望大家不要扔雞蛋砸我，要扔就扔石頭，一把砸死我得了，我這人臉皮薄，呼呼。
好，廢話不多說，咱們開始吧：
效果圖：

本文涉及知識點：
1、fw建立gif動畫的基本過程；
2、fw幀動畫中共用層的使用；
3、fw形狀漸層動畫的製作；
4、fw縮放動畫的製作；
5、fw幀幀動畫的製作；
...
第一步：做背景層
大家知道，大多動畫的背景圖片都是固定的，變化的只是動畫裡的文字阿、表徵圖等等。我們可以事先將背景部分做好，然後將其設為共用層，其他幀裡我們就不用再複製背景層了。
建立468*60文檔；

用矩形工具畫一個矩形，大小同畫布；

將填充顏色改為線性漸層，調整顏色如下;

通過[檔案] 功能表裡的“匯入”功能，將修飾圖片匯入情境；

並調整布局及搭配，結果如下圖：

將層面板中層1設定為共用層，並建立層2；

選擇層2，情境中輸入“海量”兩個字，大小為120px，調整透明度為60%；調整顏色及傾斜角度；

在幀面板中講幀1滑鼠拖拉之建立表徵圖，複製建立幀2，並將文字大小設定為44；

在畫布中輸入“免費”，在濾鏡的“陰影和光暈”中選擇“發光”；

調整參數如下：

再對“免費”兩個字進行模糊處理：在濾鏡的“模糊”中選擇“縮放模糊”；

調整參數如下：

複製該幀，並將新幀中的“免費”的模糊參數修改如下：

再複製該幀，刪除“免費”的模糊濾鏡。

複製幀，添加輸入“教”；複製幀，添加輸入“程”；重複復制幀，添加輸入“.”實現如下圖的效果：

建立幀（直接點建立幀表徵圖，不用複製幀的操作），輸入“盡在”，匯入圖片，調整位置、文字字型等，如下：

重複復制幀，調整圖片位置：

輸入“Www.ITGao.Com”，並使用發光濾鏡:

雙擊各幀，在彈出的間隔時間：

動畫製作完畢，開始匯出為gif圖片：開啟映像預覽面板

設定如上圖所示，最後點擊“匯出”按鈕，儲存。大功告成，效果如下：

動畫總體過程比較麻煩，綜合了fw的很多實用功能和技巧，但原理其實很簡單，只要耐心調整和操作就可以領悟到fw的無窮魅力了。
希望我的表達不是很爛，想扔雞蛋的開始準備：）
PNG源檔案：