fireworks下用運(yùn)動(dòng)模糊濾鏡制作下雨動(dòng)畫(huà)效果
我要評(píng)論絲絲小雨，帶給我們多少溫柔與浪漫，這篇教程里，我們將會(huì)用fireworks里的運(yùn)動(dòng)模糊濾鏡來(lái)制作出絲小雨的動(dòng)畫(huà)特效．希望大家在網(wǎng)頁(yè)設(shè)計(jì)中能有幫助．
第一步.先選擇一張做為背景的圖片。
第二步.轉(zhuǎn)換到層面板添加一個(gè)新圖層。
第三步.選中第二層，回到圖片編輯窗口，用圖形工具在圖片上方拉出一個(gè)大出畫(huà)布，然后填充為黑色的長(zhǎng)方形。
第四步.保持長(zhǎng)方形選中的狀態(tài)，為其添加效果：效果?雜點(diǎn)?新增雜點(diǎn)，設(shè)置數(shù)量為：400
第六步.再為其添加濾鏡效果：濾鏡?模糊?運(yùn)動(dòng)模糊。
第七步.在彈出的對(duì)話(huà)框中調(diào)整其參數(shù)，背面是設(shè)置濾鏡后得到的效果。
第八步.接著調(diào)整它的透明度，這樣才能把背景顯示出來(lái)。
第九步.這時(shí)候圖片有點(diǎn)像下雨的感覺(jué)吧．
第十步.要做成動(dòng)態(tài)下雨的效果，下面就是關(guān)鍵步驟！轉(zhuǎn)到幀面板為長(zhǎng)方形添加一幀?！?br />
第十一步.調(diào)整該幀長(zhǎng)方形的位置，虛線(xiàn)為本來(lái)的位置，藍(lán)線(xiàn)是調(diào)整后的位置?！?br />
第十二步.重復(fù)10-11的步驟再添加一幀。
第十三步.最后，回到層面板，選擇背景所在的層，雙擊該層名稱(chēng)在彈出的對(duì)話(huà)框中把“共享交疊層”項(xiàng)勾上，作品到此也就完成了。
下面是最后完成的效果：
這里我只不過(guò)是簡(jiǎn)單做一個(gè)示例，希望能夠起到拋磚引玉的效果，大家其實(shí)通過(guò)調(diào)整其中的參數(shù)可以做出更好的效果，如果你做出更好的教程，請(qǐng)與我一起分享哦。
相關(guān)文章
FireWorks設(shè)計(jì)制作動(dòng)畫(huà)Logo實(shí)例教程
Fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫(huà)效果，下面我們就來(lái)看看如何應(yīng)用Fireworks MX2004 新增的一款濾鏡效果來(lái)輕松制作如下圖所示的動(dòng)畫(huà)效果2013-09-02Fireworks利用濾鏡工具輕松制作可愛(ài)Gif動(dòng)畫(huà)實(shí)例教程
本章我們來(lái)教大家利用ireworks中的濾鏡工具來(lái)設(shè)計(jì)制作出，精致可愛(ài)的GIF動(dòng)畫(huà)效果圖片2013-08-30Fireworks用隕石背景打造飛火流星動(dòng)畫(huà)特效實(shí)例教程
本章我們用Fireworks軟件制作出以隕石背景為主的飛火流星的動(dòng)畫(huà)實(shí)例教程2013-08-30Fireworks設(shè)計(jì)制作出具有GIF動(dòng)畫(huà)效果的BANNER實(shí)例教程
本文我們一起學(xué)習(xí)如何使用Fireworks MX制作一個(gè)平滑變色效果的Banner，相信這樣的Banner一定會(huì)讓您的網(wǎng)站增色不少2013-08-27firewords 一款動(dòng)畫(huà)logo制作方法
fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫(huà)效果，下面我們就來(lái)看看如何應(yīng)用fireworks mx2004 新增的一款濾鏡效果來(lái)輕松制作2013-01-03fireworks 輕松繪制 banner廣告動(dòng)畫(huà)教程
本文中我們用fireworks來(lái)制作一個(gè)變色的banner，從中我們可以掌握符號(hào)（symbol）的使用、補(bǔ)間實(shí)例動(dòng)畫(huà)（tween instance）的制作、層(layers)和幀(frames)的基本用法，結(jié)尾2013-01-03Fireworks 精美橫向閃圖漂亮動(dòng)畫(huà)
漂亮的閃圖動(dòng)畫(huà)應(yīng)用范圍非常廣，不僅可以在相冊(cè)、動(dòng)態(tài)表情里使用，還可以在QQ空間、論壇簽名、各類(lèi)回貼和博客中使用。 學(xué)習(xí)要點(diǎn)：本例中我們主要學(xué)習(xí)Fireworks導(dǎo)入閃2009-05-07Fireworks教程:gif動(dòng)畫(huà)圖片批量增加水印
gif動(dòng)畫(huà)圖片批量增加水印效果.這個(gè)功能對(duì)于個(gè)人站長(zhǎng)是非常實(shí)用的。 處理后 1.用firework打開(kāi)gif文件。 2.在gif上面加上水印效果(打上文字，設(shè)置透明2008-10-05
Fireworks折疊漸變制作電視雪花動(dòng)畫(huà)
無(wú)論在GIF動(dòng)畫(huà)中，還是在Flash 動(dòng)畫(huà)中，經(jīng)常會(huì)出現(xiàn)電視機(jī)沒(méi)有信號(hào)的雪花動(dòng)畫(huà)畫(huà)面，或者類(lèi)似的動(dòng)態(tài)圖標(biāo)，現(xiàn)在我們利用Fireworks中的折疊漸變加上逐幀動(dòng)畫(huà)的形式來(lái)制作一下2008-10-05Fireworks教程:動(dòng)畫(huà)制作的技巧
不得不承認(rèn)fireworks的強(qiáng)大與便捷。這幾天的學(xué)習(xí)讓我感覺(jué)以前學(xué)的知識(shí)都只是皮毛中的皮毛。 參考教程： http://bbs.blueidea.com/viewthre ... 3Ddigest#pid38828612008-10-05
