Fireworks 制作魅力流光超炫特效
發(fā)布時間:2009-05-07 01:28:07 作者:佚名
我要評論

現(xiàn)在把漸變色改為由黑到白,并轉(zhuǎn)為點陣圖。
直接在點陣圖上右鍵調(diào)出彈出菜單,選擇Transform/變形-->Skew/斜切,選中底邊的控點向外拉伸到近屏幕邊緣。
現(xiàn)在你有個很大的梯形已經(jīng)遠遠超出畫布范圍,橫跨屏幕。
不必擔心,直接到屬性面板把圖形寬度改成60像素,再把它拖
現(xiàn)在把漸變色改為由黑到白,并轉(zhuǎn)為點陣圖。
直接在點陣圖上右鍵調(diào)出彈出菜單,選擇Transform/變形-->Skew/斜切,選中底邊的控點向外拉伸到近屏幕邊緣。
現(xiàn)在你有個很大的梯形已經(jīng)遠遠超出畫布范圍,橫跨屏幕。
不必擔心,直接到屬性面板把圖形寬度改成60像素,再把它拖到畫布中間來,這就是我們要的第一束光的原型。
Edit/編輯-->Clone/克隆或快捷鍵Ctrl+Shift+D原位克隆一份,右鍵選擇Transform/變形-->Rotate 180°/旋轉(zhuǎn)180度。
把兩束光沿相反方向擺成一線,對齊。
Modify/修改-->Symbol/元件-->Convert to Symbol.../轉(zhuǎn)化成元件,或快捷鍵F8直接將這兩個組合圖建立成圖形元件。
#p#
現(xiàn)在把漸變色改為由黑到白,并轉(zhuǎn)為點陣圖。
直接在點陣圖上右鍵調(diào)出彈出菜單,選擇Transform/變形-->Skew/斜切,選中底邊的控點向外拉伸到近屏幕邊緣。
現(xiàn)在你有個很大的梯形已經(jīng)遠遠超出畫布范圍,橫跨屏幕。
不必擔心,直接到屬性面板把圖形寬度改成60像素,再把它拖到畫布中間來,這就是我們要的第一束光的原型。
Edit/編輯-->Clone/克隆或快捷鍵Ctrl+Shift+D原位克隆一份,右鍵選擇Transform/變形-->Rotate 180°/旋轉(zhuǎn)180度。
把兩束光沿相反方向擺成一線,對齊。
Modify/修改-->Symbol/元件-->Convert to Symbol.../轉(zhuǎn)化成元件,或快捷鍵F8直接將這兩個組合圖建立成圖形元件。
#p#
Ctrl+Shift+D原位克隆這份元件,并在克隆出來的元件上點擊右鍵,選擇Transform/變形-->Rotate 180°/旋轉(zhuǎn)180度。
目前雖然看不出有什么明顯變化,這是為下一步的旋轉(zhuǎn)補間作準備。
選中這兩個元件,Modify/修改-->Symbol/元件-->Tween Instances.../補間實例,
在彈出的窗口設(shè)置步數(shù)值21,并取消勾選Distribute to frames/分散到幀。
實現(xiàn)的效果就如同這個蒲公英的樣子。
如果你的電腦配置低些,完成這一步會多需要幾秒鐘時間。
因為這個旋轉(zhuǎn)補間的最上層是重合的,所以可以把最上層的元件刪除。
Select/選擇-->Select All/全選,或者直接快捷鍵Ctrl+A,把所有補間的元件都選起來。
Modify/修改-->Symbol/元件-->Break Apart/打散,或者使用快捷鍵Ctrl+Shift+B。
把蒲公英變成每一分支都可以單獨移動的點陣圖。
因為這朵蒲公英的形狀太圓了,要做成所需要的爆炸樣式還需要個別調(diào)整每個分支的位置。
這是個需要點耐心,憑感覺的活。
調(diào)整的宗旨是讓發(fā)散的光束有參差不齊的層次。
總之沿著每個光束的方向向內(nèi)或向外移動。注意光束的指向始終對準蒲公英的中心。
#p#
幾分鐘后,整個迸發(fā)的光球打底已經(jīng)完成。
確定不需要再修改后,把分散在各層的點陣圖再Ctrl+G/群組起來。
然后我們把這一組在層面板上點掉眼睛圖示,將這層隱藏起來。
接下來開始為光球賦予五彩光環(huán)。
在畫布上畫出與畫布同等大小的方形,
填充漸變方式為Cone錐形,點擊色彩圖示,調(diào)出填充漸變色面板。
在預(yù)設(shè)選項下,色彩選擇Spectrum/光譜。
現(xiàn)在把光譜圖的圖層混合模式改成Multiply/正片疊底。
畫布上現(xiàn)在看不到光譜的錐形圖了。沒關(guān)系,暫時也先把它隱藏。
回到先前做好的光球原型,Ctrl+Shift+D/原位克隆。
在克隆出來的這層,把圖層混合模式改為Additive/添加。
光束開始變亮。
選中新克隆出來的圖層,再接再厲,再克隆兩個新層出來。
并把最上層克隆的圖層混合模式改為Reflect/反射。
這一步是為了把光束的對比進一步加強。
#p#
現(xiàn)在可以打開之前隱藏起來的光譜圖看效果了。
回到圖層底部選中最初的光球原型,Ctrl+Shift+D/原位克隆。
把克隆出來的圖層拉到光譜圖層上面,右鍵選擇Transform/變形-->Numeric Transform/數(shù)值變形。
在彈出的對話窗口鍵入百分比為90。
同樣原理再克隆兩次,把每次新克隆的圖層混合模式改成Additive/添加。
熱力四射的彩光底圖就完成了。
#p#
接下來再加點鏡頭光點的裝飾。
我是直接用鋼筆線條的筆觸改的,這樣比較省時間。
筆觸的選擇是30像素白色,Random/隨機-->Dots/點狀。
具體數(shù)值我在Stroke Options/筆觸選項的Advanced/進階中改過。
各位可以用源文件在FW中打開,在屬性面板下的筆觸選項內(nèi)查看。
由于Fireworks的筆觸選項基調(diào)沒有六角形,就用正方形代替了。
環(huán)境光效完成,放上預(yù)先準備好的素材圖。
如果細致點,焦點產(chǎn)品最好是另外扣圖再放上,但是這個教程的重點不在于此,我就偷懶了。:P
鑒于產(chǎn)品圖片是單純的白底,底光中心部位也是白色,我就直接改了圖層混合模式為Multiply/正片疊底,略修正了下產(chǎn)品圖的明暗對比度。
用鋼筆勾勒三條流動的光線,設(shè)置發(fā)光和改圖層混合模式為Overlay/疊加。
整個效果就此大功告成了。
如果有的朋友對流光的制作有問題,可以參考我以前在論壇解說的一篇文字。

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

Edit/編輯-->Clone/克隆或快捷鍵Ctrl+Shift+D原位克隆一份,右鍵選擇Transform/變形-->Rotate 180°/旋轉(zhuǎn)180度。
把兩束光沿相反方向擺成一線,對齊。
Modify/修改-->Symbol/元件-->Convert to Symbol.../轉(zhuǎn)化成元件,或快捷鍵F8直接將這兩個組合圖建立成圖形元件。

#p#
現(xiàn)在把漸變色改為由黑到白,并轉(zhuǎn)為點陣圖。

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

Edit/編輯-->Clone/克隆或快捷鍵Ctrl+Shift+D原位克隆一份,右鍵選擇Transform/變形-->Rotate 180°/旋轉(zhuǎn)180度。
把兩束光沿相反方向擺成一線,對齊。
Modify/修改-->Symbol/元件-->Convert to Symbol.../轉(zhuǎn)化成元件,或快捷鍵F8直接將這兩個組合圖建立成圖形元件。

#p#
Ctrl+Shift+D原位克隆這份元件,并在克隆出來的元件上點擊右鍵,選擇Transform/變形-->Rotate 180°/旋轉(zhuǎn)180度。
目前雖然看不出有什么明顯變化,這是為下一步的旋轉(zhuǎn)補間作準備。
選中這兩個元件,Modify/修改-->Symbol/元件-->Tween Instances.../補間實例,
在彈出的窗口設(shè)置步數(shù)值21,并取消勾選Distribute to frames/分散到幀。
實現(xiàn)的效果就如同這個蒲公英的樣子。
如果你的電腦配置低些,完成這一步會多需要幾秒鐘時間。

因為這個旋轉(zhuǎn)補間的最上層是重合的,所以可以把最上層的元件刪除。
Select/選擇-->Select All/全選,或者直接快捷鍵Ctrl+A,把所有補間的元件都選起來。
Modify/修改-->Symbol/元件-->Break Apart/打散,或者使用快捷鍵Ctrl+Shift+B。
把蒲公英變成每一分支都可以單獨移動的點陣圖。

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

#p#
幾分鐘后,整個迸發(fā)的光球打底已經(jīng)完成。
確定不需要再修改后,把分散在各層的點陣圖再Ctrl+G/群組起來。
然后我們把這一組在層面板上點掉眼睛圖示,將這層隱藏起來。
接下來開始為光球賦予五彩光環(huán)。
在畫布上畫出與畫布同等大小的方形,
填充漸變方式為Cone錐形,點擊色彩圖示,調(diào)出填充漸變色面板。
在預(yù)設(shè)選項下,色彩選擇Spectrum/光譜。

現(xiàn)在把光譜圖的圖層混合模式改成Multiply/正片疊底。
畫布上現(xiàn)在看不到光譜的錐形圖了。沒關(guān)系,暫時也先把它隱藏。
回到先前做好的光球原型,Ctrl+Shift+D/原位克隆。
在克隆出來的這層,把圖層混合模式改為Additive/添加。
光束開始變亮。

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

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

回到圖層底部選中最初的光球原型,Ctrl+Shift+D/原位克隆。
把克隆出來的圖層拉到光譜圖層上面,右鍵選擇Transform/變形-->Numeric Transform/數(shù)值變形。
在彈出的對話窗口鍵入百分比為90。

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

#p#
接下來再加點鏡頭光點的裝飾。
我是直接用鋼筆線條的筆觸改的,這樣比較省時間。
筆觸的選擇是30像素白色,Random/隨機-->Dots/點狀。
具體數(shù)值我在Stroke Options/筆觸選項的Advanced/進階中改過。
各位可以用源文件在FW中打開,在屬性面板下的筆觸選項內(nèi)查看。
由于Fireworks的筆觸選項基調(diào)沒有六角形,就用正方形代替了。

環(huán)境光效完成,放上預(yù)先準備好的素材圖。
如果細致點,焦點產(chǎn)品最好是另外扣圖再放上,但是這個教程的重點不在于此,我就偷懶了。:P
鑒于產(chǎn)品圖片是單純的白底,底光中心部位也是白色,我就直接改了圖層混合模式為Multiply/正片疊底,略修正了下產(chǎn)品圖的明暗對比度。

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

如果有的朋友對流光的制作有問題,可以參考我以前在論壇解說的一篇文字。
相關(guān)文章
- firework輸入的文字可以根據(jù)需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來看看詳細的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個工具在哪?怎么使用呢?詳細請看下文介紹2024-05-23電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05fw怎么設(shè)計科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設(shè)計科技干的線條?fireworks中想要畫曲線線條,我們需要用到混合路徑工具,下面我們就來看看fireworks混合路徑工具制作圖形的技巧2023-01-09Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來看看fw中幾種制作高光效果的方法2022-12-21fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個效果呢?下面我們就來看看Fireworks給圖片添加漸隱效果的技巧,詳細請看下文介紹2022-11-28Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來看看fw給圖片增加陰影效果的技巧2022-11-28fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影?fw中輸入的文字想要添加陰影,該怎么添加內(nèi)陰影呢?下面我們就來看看Fireworks給文字添加陰影的技巧,詳細請看下文介紹2022-11-28Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來看看FW蒙版功能的使用技巧,詳細請看下文介紹2022-11-28