我們?cè)诰W(wǎng)上經(jīng)?梢钥吹揭恍┓褐i漪的動(dòng)畫(huà)廣告,效果非常的逼真,
用Fireworks泛起水波漣漪
。其實(shí)這只是巧妙地利用了動(dòng)畫(huà)軟件中的遮照效果而制作出來(lái)的。在Fireworks里通過(guò)蒙版效果和對(duì)每幀的播放時(shí)間進(jìn)行巧妙的調(diào)整后,也能做出這種有水波漣漪的GIF動(dòng)畫(huà)。我們先將一張將要用來(lái)制作這種漣漪效果的圖片導(dǎo)入Fireworks。這時(shí)Fireworks會(huì)自動(dòng)生成一個(gè)背景層,如圖01。
圖01
點(diǎn)擊層面板右上角的下拉列表,將背景層設(shè)置為“共享此層”,如圖02。
接著把背景層中的位圖復(fù)制一份放到“層1”里面并用方向鍵使其上移2個(gè)像素。然后點(diǎn)擊“修改—動(dòng)畫(huà)—選擇動(dòng)畫(huà)”命令,在彈出的窗口里對(duì)該位圖進(jìn)行如下的各項(xiàng)動(dòng)畫(huà)設(shè)置。
圖03
現(xiàn)在該來(lái)畫(huà)水波的漣漪了。用“橢圓形”工具在“層1”里畫(huà)兩個(gè)以白色為實(shí)心填充的橢圓形,如圖04,
電腦資料
《用Fireworks泛起水波漣漪》(http://www.szmdbiao.com)。圖04
將兩橢圓同時(shí)選中后使用“修改—組合路徑—打孔”命令,一條漣漪的外形就出來(lái)了。再?gòu)?fù)制多若干條這樣的漣漪外形,并用變形工具進(jìn)行適當(dāng)?shù)睦瓕捈靶D(zhuǎn)不同的角度后,形成圖05般的狀態(tài)。
圖05
把所有的漣漪外形同時(shí)選中后使用“修改—組合”命令,將所有的漣漪合成一個(gè)對(duì)象層,如圖06。
圖06
把“層1”里的兩個(gè)對(duì)象層全部選中后,使用“修改—蒙版—組合為蒙版”命令,將兩個(gè)對(duì)象層合成一個(gè)蒙版對(duì)象,如圖07。
圖07
為了使水波的漣漪效果更加的逼真,我們還要在幀面板里對(duì)各幀動(dòng)畫(huà)的延遲時(shí)間進(jìn)行調(diào)整,如圖08。
圖08
至此整個(gè)水波漣漪的動(dòng)畫(huà)效果就完成了,如果你對(duì)動(dòng)畫(huà)的色彩要求不是很高的話,建議在點(diǎn)擊“文件—導(dǎo)出預(yù)覽”時(shí),可將該GIF動(dòng)畫(huà)的使用色設(shè)為128,以減小動(dòng)畫(huà)文件的容量。如圖09。
圖09
動(dòng)畫(huà)的最終效果如圖10。
圖10