1、首先建立600x600像素的畫布,各位也可以設置其他适合的尺寸。設置底色黑色。在畫面中(zhōng)間畫一(yī)個300x200像素的矩形,并在屬性面闆設置Feather羽化值爲100。
2、設置填充,點擊Gradient/漸變-->Folds/折疊漸變,漸變色由紅到白(bái)。點擊圖形上的漸變控點拉成水平狀,整個圖案現在看起來類似一(yī)張羽化過的條形碼。
3、現在把漸變色改爲由黑到白(bái),并轉爲點陣圖。
4、直接在點陣圖上右鍵調出彈出菜單,選擇Transform/變形-->Skew/斜切,選中(zhōng)底邊的控點向外(wài)拉伸到近屏幕邊緣。現在你有個很大(dà)的梯形已經遠遠超出畫布範圍,橫跨屏幕。不必擔心,直接到屬性面闆把圖形寬度改成60像素,再把它拖到畫布中(zhōng)間來,這就是我(wǒ)(wǒ)們要的第一(yī)束光的原型。
5、點擊Edit/編輯-->Clone/克隆或快捷鍵Ctrl+Shift+D原位克隆一(yī)份,右鍵選擇Transform/變形-->Rotate 180°/旋轉180度。把兩束光沿相反方向擺成一(yī)線,對齊。點擊Modify/修改-->Symbol/元件-->Convert to Symbol.../轉化成元件,或快捷鍵F8直接将這兩個組合圖建立成圖形元件。
6、Ctrl+Shift+D原位克隆這份元件,并在克隆出來的元件上點擊右鍵,選擇Transform/變形-->Rotate 180°/旋轉180度。目前雖然看不出有什麽明顯變化,這是爲下(xià)一(yī)步的旋轉補間作準備。選中(zhōng)這兩個元件,點擊Modify/修改-->Symbol/元件-->Tween Instances.../補間實例,在彈出的窗口設置步數值21,并取消勾選Distribute to frames/分(fēn)散到幀。實現的效果就如同這個蒲公英的樣子。如果你的電腦配置低些,完成這一(yī)步會多需要幾秒鍾時間。
7、因爲這個旋轉補間的最上層是重合的,所以可以把最上層的元件删除。點擊Select/選擇-->Select All/全選,或者直接快捷鍵Ctrl+A,把所有補間的元件都選起來。點擊Modify/修改-->Symbol/元件-->Break Apart/打散,或者使用快捷鍵Ctrl+Shift+B。把蒲公英變成每一(yī)分(fēn)支都可以單獨移動的點陣圖。
8、因爲這朵蒲公英的形狀太圓了,要做成所需要的爆炸樣式還需要個别調整每個分(fēn)支的位置。這是個需要點耐心,憑感覺的活。調整的宗旨是讓發散的光束有參差不齊的層次。總之沿着每個光束的方向向内或向外(wài)移動。注意光束的指向始終對準蒲公英的中(zhōng)心。
9、幾分(fēn)鍾後,整個迸發的光球打底已經完成。确定不需要再修改後,把分(fēn)散在各層的點陣圖再Ctrl+G/群組起來。然後我(wǒ)(wǒ)們把這一(yī)組在層面闆上點掉眼睛圖示,将這層隐藏起來。接下(xià)來開(kāi)始爲光球賦予五彩光環。在畫布上畫出與畫布同等大(dà)小(xiǎo)的方形,填充漸變方式爲Cone錐形,點擊色彩圖示,調出填充漸變色面闆。在預設選項下(xià),色彩選擇Spectrum/光譜。
10、現在把光譜圖的圖層混合模式改成Multiply/正片疊底。畫布上現在看不到光譜的錐形圖了。沒關系,暫時也先把它隐藏。回到先前做好的光球原型,Ctrl+Shift+D/原位克隆。在克隆出來的這層,把圖層混合模式改爲Additive/添加。光束開(kāi)始變亮。
11、選中(zhōng)新克隆出來的圖層,再接再厲,再克隆兩個新層出來。并把最上層克隆的圖層混合模式改爲Reflect/反射。這一(yī)步是爲了把光束的對比進一(yī)步加強。
12、現在可以打開(kāi)之前隐藏起來的光譜圖看效果了。
13、回到圖層底部選中(zhōng)最初的光球原型,Ctrl+Shift+D/原位克隆。把克隆出來的圖層拉到光譜圖層上面,右鍵選擇Transform/變形-->Numeric Transform/數值變形。在彈出的對話(huà)窗口鍵入百分(fēn)比爲90。
14、同樣原理再克隆兩次,把每次新克隆的圖層混合模式改成Additive/添加。熱力四射的彩光底圖就完成了。
15、接下(xià)來再加點鏡頭光點的裝飾。我(wǒ)(wǒ)是直接用鋼筆線條的筆觸改的,這樣比較省時間。筆觸的選擇是30像素白(bái)色,Random/随機-->Dots/點狀。具體(tǐ)數值我(wǒ)(wǒ)在Stroke Options/筆觸選項的Advanced/進階中(zhōng)改過。由于Fireworks的筆觸選項基調沒有六角形,就用正方形代替了。
16、環境光效完成,放(fàng)上預先準備好的素材圖。如果細緻點,焦點産品最好是另外(wài)扣圖再放(fàng)上,但是這個教程的重點不在于此,我(wǒ)(wǒ)就偷懶了。:P鑒于産品圖片是單純的白(bái)底,底光中(zhōng)心部位也是白(bái)色,我(wǒ)(wǒ)就直接改了圖層混合模式爲Multiply/正片疊底,略修正了下(xià)産品圖的明暗對比度。
17、用鋼筆勾勒三條流動的光線,設置發光和改圖層混合模式爲Overlay/疊加。整個效果就此大(dà)功告成了。
2、設置填充,點擊Gradient/漸變-->Folds/折疊漸變,漸變色由紅到白(bái)。點擊圖形上的漸變控點拉成水平狀,整個圖案現在看起來類似一(yī)張羽化過的條形碼。
3、現在把漸變色改爲由黑到白(bái),并轉爲點陣圖。
4、直接在點陣圖上右鍵調出彈出菜單,選擇Transform/變形-->Skew/斜切,選中(zhōng)底邊的控點向外(wài)拉伸到近屏幕邊緣。現在你有個很大(dà)的梯形已經遠遠超出畫布範圍,橫跨屏幕。不必擔心,直接到屬性面闆把圖形寬度改成60像素,再把它拖到畫布中(zhōng)間來,這就是我(wǒ)(wǒ)們要的第一(yī)束光的原型。
5、點擊Edit/編輯-->Clone/克隆或快捷鍵Ctrl+Shift+D原位克隆一(yī)份,右鍵選擇Transform/變形-->Rotate 180°/旋轉180度。把兩束光沿相反方向擺成一(yī)線,對齊。點擊Modify/修改-->Symbol/元件-->Convert to Symbol.../轉化成元件,或快捷鍵F8直接将這兩個組合圖建立成圖形元件。
6、Ctrl+Shift+D原位克隆這份元件,并在克隆出來的元件上點擊右鍵,選擇Transform/變形-->Rotate 180°/旋轉180度。目前雖然看不出有什麽明顯變化,這是爲下(xià)一(yī)步的旋轉補間作準備。選中(zhōng)這兩個元件,點擊Modify/修改-->Symbol/元件-->Tween Instances.../補間實例,在彈出的窗口設置步數值21,并取消勾選Distribute to frames/分(fēn)散到幀。實現的效果就如同這個蒲公英的樣子。如果你的電腦配置低些,完成這一(yī)步會多需要幾秒鍾時間。
7、因爲這個旋轉補間的最上層是重合的,所以可以把最上層的元件删除。點擊Select/選擇-->Select All/全選,或者直接快捷鍵Ctrl+A,把所有補間的元件都選起來。點擊Modify/修改-->Symbol/元件-->Break Apart/打散,或者使用快捷鍵Ctrl+Shift+B。把蒲公英變成每一(yī)分(fēn)支都可以單獨移動的點陣圖。
8、因爲這朵蒲公英的形狀太圓了,要做成所需要的爆炸樣式還需要個别調整每個分(fēn)支的位置。這是個需要點耐心,憑感覺的活。調整的宗旨是讓發散的光束有參差不齊的層次。總之沿着每個光束的方向向内或向外(wài)移動。注意光束的指向始終對準蒲公英的中(zhōng)心。
9、幾分(fēn)鍾後,整個迸發的光球打底已經完成。确定不需要再修改後,把分(fēn)散在各層的點陣圖再Ctrl+G/群組起來。然後我(wǒ)(wǒ)們把這一(yī)組在層面闆上點掉眼睛圖示,将這層隐藏起來。接下(xià)來開(kāi)始爲光球賦予五彩光環。在畫布上畫出與畫布同等大(dà)小(xiǎo)的方形,填充漸變方式爲Cone錐形,點擊色彩圖示,調出填充漸變色面闆。在預設選項下(xià),色彩選擇Spectrum/光譜。
10、現在把光譜圖的圖層混合模式改成Multiply/正片疊底。畫布上現在看不到光譜的錐形圖了。沒關系,暫時也先把它隐藏。回到先前做好的光球原型,Ctrl+Shift+D/原位克隆。在克隆出來的這層,把圖層混合模式改爲Additive/添加。光束開(kāi)始變亮。
11、選中(zhōng)新克隆出來的圖層,再接再厲,再克隆兩個新層出來。并把最上層克隆的圖層混合模式改爲Reflect/反射。這一(yī)步是爲了把光束的對比進一(yī)步加強。
12、現在可以打開(kāi)之前隐藏起來的光譜圖看效果了。
13、回到圖層底部選中(zhōng)最初的光球原型,Ctrl+Shift+D/原位克隆。把克隆出來的圖層拉到光譜圖層上面,右鍵選擇Transform/變形-->Numeric Transform/數值變形。在彈出的對話(huà)窗口鍵入百分(fēn)比爲90。
14、同樣原理再克隆兩次,把每次新克隆的圖層混合模式改成Additive/添加。熱力四射的彩光底圖就完成了。
15、接下(xià)來再加點鏡頭光點的裝飾。我(wǒ)(wǒ)是直接用鋼筆線條的筆觸改的,這樣比較省時間。筆觸的選擇是30像素白(bái)色,Random/随機-->Dots/點狀。具體(tǐ)數值我(wǒ)(wǒ)在Stroke Options/筆觸選項的Advanced/進階中(zhōng)改過。由于Fireworks的筆觸選項基調沒有六角形,就用正方形代替了。
16、環境光效完成,放(fàng)上預先準備好的素材圖。如果細緻點,焦點産品最好是另外(wài)扣圖再放(fàng)上,但是這個教程的重點不在于此,我(wǒ)(wǒ)就偷懶了。:P鑒于産品圖片是單純的白(bái)底,底光中(zhōng)心部位也是白(bái)色,我(wǒ)(wǒ)就直接改了圖層混合模式爲Multiply/正片疊底,略修正了下(xià)産品圖的明暗對比度。
17、用鋼筆勾勒三條流動的光線,設置發光和改圖層混合模式爲Overlay/疊加。整個效果就此大(dà)功告成了。