Fireworks打造流光效果

朱峰社區(qū)在本教程為大家講解使用fireworks制作流光效果的全過程，絢麗的的效果非常能夠吸引人，而教程講解的也非常詳細，相信對大家會有所幫助。

下面教程開始

首先建立600x600像素的畫布，各位也可以設(shè)置其他適合的尺寸。設(shè)置底色黑色。在畫面中間畫一個300x200像素的矩形，并在屬性面板設(shè)置feather羽化值為100。（圖01）

圖01

設(shè)置填充為gradient/漸變->folds/折疊漸變，漸變色由紅到白。點擊圖形上的漸變控點拉成水平狀，整個圖案現(xiàn)在看起來類似一張羽化過的條形碼。（圖02）

圖02

現(xiàn)在把漸變色改為由黑到白，并轉(zhuǎn)為點陣圖。（圖03）

圖03

直接在點陣圖上右鍵彈出菜單，選擇transform/變形->skew/斜切，選中底邊的控點向外拉伸到屏幕邊緣�，F(xiàn)在你有個很大的梯形已經(jīng)遠遠超出畫布范圍，橫跨屏幕。不必擔(dān)心，直接到屬性面板把圖形寬度改成60像素，再把它拖到畫布中間來，這就是我們要的第一束光的原型。（圖04）

圖04

edit/編輯->clone/克隆（ctrl+shift+d）原位克隆一份，右鍵選擇transform/變形->rotate 180°/旋轉(zhuǎn)180度。把兩束光沿相反方向擺成一線，對齊。modify/修改->symbol/元件->convert to symbol.../轉(zhuǎn)化成元件，或快捷鍵f8直接將這兩個組合圖建立成圖形元件。（圖05）

圖05

ctrl+shift+d原位克隆這份元件，并在克隆出來的元件上點擊右鍵，選擇transform/變形->rotate 180°/旋轉(zhuǎn)180度。目前雖然看不出有什么明顯變化，這是為下一步的旋轉(zhuǎn)補間做準備。

選中這兩個元件，modify/修改--symbol/元件->tween instances.../補間實例，在彈出的窗口設(shè)置數(shù)值21，并取消勾選distribute to frames/分散到幀。實現(xiàn)的效果就如同這個蒲公英的樣子。如果你的電腦配置低些，完成這一步會多需要幾秒鐘時間。（圖06）

圖06

因為這個旋轉(zhuǎn)補間的最上層是重合的，所以可以把最上層的元件刪除。select/選擇->select all/全選，或者直接快捷鍵ctrl+a，把所有補間的元件都選起來。modify/修改->symbol/元件->break apart/打散，或者使用快捷鍵ctrl+shift+b。把蒲公英變成每一分支都可以單獨移動的點陣圖。（圖07）

圖07

因為這朵蒲公英的形狀太圓了，要做成所需要的爆炸樣式還需要個別調(diào)整每個分支的位置。這是個需要點耐心，憑感覺的活。調(diào)整的宗旨是讓發(fā)散的光束有參差不齊的層次�？傊�沿著每個光束的方向向內(nèi)或向外移動。注意光束的指向始終對準蒲公英的中心。（圖08）

圖08

幾分鐘后，整個迸發(fā)的光球打底已經(jīng)完成。確定不需要再修改后，把分散在各層的點陣圖再ctrl+g/群組起來。然后我們把這一組在層面板上點擊眼睛圖示，將這層隱藏起來。

接下來開始為光球賦予五彩光環(huán)。在畫布上畫出與畫布同等大小的方形，填充漸變方式為cone錐形，點擊色彩圖示，調(diào)出填充漸變色面板。在預(yù)設(shè)選項下，色彩選擇spectrum/光譜。（圖09）

圖09

現(xiàn)在把光譜圖的圖層混合模式改成multiply/正片疊底。畫布上現(xiàn)在看不到光譜的錐形圖了。沒關(guān)系，暫時也先把它隱藏。

回到先前做好的光球原型，ctrl+shift+d/原位克隆。在克隆出來的這層，把圖層混合模式改為additive/添加。光束開始變亮。（圖10）

圖10

選中新克隆出來的圖層，再接再厲，再克隆兩個新層出來。并把最上層克隆的圖層混合模式改為reflect/反射。這一步是為了把光束的對比進一步加強。（圖11）

圖11

現(xiàn)在可以打開之前隱藏起來的光譜圖看效果了。（圖12）

圖12

回到圖層底部選中最初的光球原型，ctrl+shift+d/原位克隆。把克隆出來的圖層拉到光譜圖層上面，右鍵選擇transform/變形->numeric transform/數(shù)值變形。在彈出的對話窗口鍵入百分比為90。（圖13）

圖13

同樣原理再克隆兩次，把每次新克隆的圖層混合模式改成additive/添加。熱力四射的彩光底圖就完成了。（圖14）

圖14

接下來再加點鏡頭光點的裝飾。我是直接用鋼筆線條的筆觸改的，這樣比較省時間。筆觸的選擇是30像素白色，random/隨機->dots/點狀。

具體數(shù)值我在stroke options/筆觸選項的advanced/進階中改過。由于fireworks的筆觸選項基調(diào)沒有六角形，就用正方形代替了。（圖15）

圖15

環(huán)境光效完成，放上預(yù)先準備好的素材圖。如果細致點，焦點產(chǎn)品最好是另外扣圖再放上，但是這個教程的重點不在于此，我就偷懶了。

鑒于產(chǎn)品圖片是單純的白底，底光中心部位也是白色，我就直接改了圖層混合模式為multiply/正片疊底，略修正了下產(chǎn)品圖的明暗對比度。（圖16）

圖16

用鋼筆勾勒三條流動的光線，設(shè)置發(fā)光和改圖層混合模式為overlay/疊加。整個效果就此大功告成了。（圖17）