Fireworks創意遮罩動畫製作,視覺,平面,fireworks,課程,書籍,封面,設計

　　

　　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了。看完本例後，趕快擴展你的想像空間吧，用簡單的技術做出更有創意的動畫，如前面的眼睛動畫，PNG圖下載