本例使用Fireworks遮罩效果制作動畫，對遮罩層的制作是本例的關鍵。本實例用到的一些基本操作包括：鋼筆工具、幀(Frames)面板、羽化填充(Feather)、遮罩(Mask)。

制作這類遮罩層有兩種思路：

1、將人物臉部精確的摳出來，轉成灰度，然后使用反色。用這種方法做的效果可能是最好的，能夠以人物面部的明暗影響滾動的文字，使文字若隱若現，但完全在Fireworks中做是比較困難的，尤其是在摳圖上最好能借助Pototshop,以達到最完美的效果。

2、使用圓形工具和鋼筆工具繪制出臉部的大概輪廓，使用羽化填充制作遮罩層。

這里我們采用第二種思路，以下邊左邊的遮罩動畫為例，講述這種創意動畫的制作方法。至于第一種思路，有興趣的朋友可以自己試試。

step1: 打開一幅人物圖片如圖1。最好選擇臉部輪廓較明顯的圖片，這樣更方便完成這個效果。點擊層面板上的小三角形，選擇“Share This Layer”,將該層置為共享層。

圖1

step2:新建一層，選擇圓形工具，去掉填充色，只要邊線的顏色，拖出一個近似于臉部的橢圓，然后用鋼筆工具在橢圓上相對于臉部不規則地方添加幾個控制點，調整如圖2。在這一步中盡量放大圖像視圖，這樣有助于做出比較精確的遮罩層。(請參閱貝賽爾曲線造型操作詳解)

圖2

step3: 選擇上一步繪制好的路徑，使用羽化填充,并且去掉邊線，如圖3。注意一定要用黑色填充，遮罩層的最終效果如圖4所示：

圖3

圖4

step4：用文字工具輸入一些文字如圖5。

圖5

選擇該文字，按F8鍵，將其轉化為符號，在彈出的對話框中選擇Graphic，取名為Symbol 1，如圖6。

圖6

step5: 從Library面板中托出兩個Symbol 1,排列成如圖7一樣的位置。注意兩個Symbol 1之間結合最好和諧融洽一點，這樣在做動畫時就會比較流暢。

圖7

step6: 同時選擇兩個Symbol 1，執行“Modify/Animate/Animate Selection”命令(快捷鍵Alt+Shift+F8)，彈出如圖8的對話框，將Frames參數調為8，點擊OK，兩個Symbol 1成為了一個整體。圖9是此時的幀面板，自動產生8幀的動畫。

圖8

 圖9

效果如圖10所示。

圖10

step7: 選擇前面繪制的遮罩層，在層面板中調整成頂層，然后同時選擇遮罩層和Symbol，執行“Modify/Mask/Group as Mask”命令，這時的整個圖層如圖11所示。

圖11

step8: 現在基本工作已完成了，最后在輸出時選擇“Animated Gif”格式就OK了。看完本例后，趕快擴展你的想像空間吧，用簡單的技術做出更有創意的動畫，如前面的眼睛動畫。