文/大眼網(wǎng)蟲

　　我們在網(wǎng)上經(jīng)?？梢钥吹揭恍┓褐i漪的動畫廣告，效果非常的逼真。其實這只是巧妙地利用了動畫軟件中的遮照效果而制作出來的。在fireworks里通過蒙版效果和對每幀的播放時間進行巧妙的調(diào)整后，也能做出這種有水波漣漪的gif動畫。

　　我們先將一張將要用來制作這種漣漪效果的圖片導入fireworks。這時fireworks會自動生成一個背景層，如圖01。

圖1

　　點擊層面板右上角的下拉列表，將背景層設(shè)置為“共享此層”，如圖02。

圖2

　　接著把背景層中的位圖復制一份放到“層1”里面并用方向鍵使其上移2個像素。然后點擊“修改—動畫—選擇動畫”命令，在彈出的窗口里對該位圖進行如下的各項動畫設(shè)置。

圖3

　　現(xiàn)在該來畫水波的漣漪了。用“橢圓形”工具在“層1”里畫兩個以白色為實心填充的橢圓形，如圖04。

圖4

　　將兩橢圓同時選中后使用“修改—組合路徑—打孔”命令，一條漣漪的外形就出來了。再復制多若干條這樣的漣漪外形，并用變形工具進行適當?shù)睦瓕捈靶D(zhuǎn)不同的角度后，形成圖05般的狀態(tài)。

圖5

　　把所有的漣漪外形同時選中后使用“修改—組合”命令，將所有的漣漪合成一個對象層，如圖06。

圖6

　　把“層1”里的兩個對象層全部選中后，使用“修改—蒙版—組合為蒙版”命令，將兩個對象層合成一個蒙版對象，如圖07。

圖7

　　為了使水波的漣漪效果更加的逼真，我們還要在幀面板里對各幀動畫的延遲時間進行調(diào)整，如圖08。

圖8

　　至此整個水波漣漪的動畫效果就完成了，如果你對動畫的色彩要求不是很高的話，建議在點擊“文件—導出預覽”時，可將該gif動畫的使用色設(shè)為128，以減小動畫文件的容量。如圖09。

圖9

　　動畫的最終效果如圖10。

圖10