導言:
本教程為大家講解使用Fireworks製作流光效果的全過程,絢麗的的效果非常能夠吸引人,而教程講解的也非常詳細,相信對大家會有所幫助。
下麵教程開始
首先建立600x600像素的畫布,各位也可以設置其他適合的尺寸。設置底色黑色。在畫麵中間畫一個300x200像素的矩形,並在屬性麵板設置Feather羽化值為100。(圖01)
圖01
設置填充為Gradient/漸變->Folds/折疊漸變,漸變色由紅到白。點擊圖形上的漸變控點拉成水平狀,整個圖案現在看起來類似一張羽化過的條形碼。(圖02)
圖02
#p#e#
現在把漸變色改為由黑到白,並轉為點陣圖。(圖03)
圖03
直接在點陣圖上右鍵彈出菜單,選擇Transform/變形->Skew/斜切,選中底邊的控點向外拉伸到屏幕邊緣。現在你有個很大的梯形已經遠遠超出畫布範圍,橫跨屏幕。不必擔心,直接到屬性麵板把圖形寬度改成60像素,再把它拖到畫布中間來,這就是我們要的第一束光的原型。(圖04)
圖04
Edit/編輯->Clone/克隆(Ctrl+Shift+D)原位克隆一份,右鍵選擇Transform/變形->Rotate 180°/旋轉180度。把兩束光沿相反方向擺成一線,對齊。Modify/修改->Symbol/元件->Convert to Symbol.../轉化成元件,或快捷鍵F8直接將這兩個組合圖建立成圖形元件。(圖05)
圖05
#p#e#
Ctrl+Shift+D原位克隆這份元件,並在克隆出來的元件上點擊右鍵,選擇Transform/變形->Rotate 180°/旋轉180度。目前雖然看不出有什麼明顯變化,這是為下一步的旋轉補間做準備。
選中這兩個元件,Modify/修改--Symbol/元件->Tween Instances.../補間實例,在彈出的窗口設置數值21,並取消勾選Distribute to frames/分散到幀。實現的效果就如同這個蒲公英的樣子。如果你的電腦配置低些,完成這一步會多需要幾秒鍾時間。(圖06)
圖06
因為這個旋轉補間的最上層是重合的,所以可以把最上層的元件刪除。Select/選擇->Select All/全選,或者直接快捷鍵Ctrl+A,把所有補間的元件都選起來。Modify/修改->Symbol/元件->Break Apart/打散,或者使用快捷鍵Ctrl+Shift+B。把蒲公英變成每一分支都可以單獨移動的點陣圖。(圖07)
圖07
因為這朵蒲公英的形狀太圓了,要做成所需要的爆炸樣式還需要個別調整每個分支的位置。這是個需要點耐心,憑感覺的活。調整的宗旨是讓發散的光束有參差不齊的層次。總之沿著每個光束的方向向內或向外移動。注意光束的指向始終對準蒲公英的中心。(圖08)
圖08
#p#e#
幾分鍾後,整個迸發的光球打底已經完成。確定不需要再修改後,把分散在各層的點陣圖再Ctrl+G/群組起來。然後我們把這一組在層麵板上點擊眼睛圖示,將這層隱藏起來。
接下來開始為光球賦予五彩光環。在畫布上畫出與畫布同等大小的方形,填充漸變方式為Cone錐形,點擊色彩圖示,調出填充漸變色麵板。在預設選項下,色彩選擇Spectrum/光譜。(圖09)
圖09
現在把光譜圖的圖層混合模式改成Multiply/正片疊底。畫布上現在看不到光譜的錐形圖了。沒關係,暫時也先把它隱藏。
回到先前做好的光球原型,Ctrl+Shift+D/原位克隆。在克隆出來的這層,把圖層混合模式改為Additive/添加。光束開始變亮。(圖10)
圖10
選中新克隆出來的圖層,再接再厲,再克隆兩個新層出來。並把最上層克隆的圖層混合模式改為Reflect/反射。這一步是為了把光束的對比進一步加強。(圖11)
圖11
#p#e#
現在可以打開之前隱藏起來的光譜圖看效果了。(圖12)
圖12
回到圖層底部選中最初的光球原型,Ctrl+Shift+D/原位克隆。把克隆出來的圖層拉到光譜圖層上麵,右鍵選擇Transform/變形->Numeric Transform/數值變形。在彈出的對話窗口鍵入百分比為90。(圖13)
圖13
同樣原理再克隆兩次,把每次新克隆的圖層混合模式改成Additive/添加。熱力四射的彩光底圖就完成了。(圖14)
圖14
#p#e#
接下來再加點鏡頭光點的裝飾。我是直接用鋼筆線條的筆觸改的,這樣比較省時間。筆觸的選擇是30像素白色,Random/隨機->Dots/點狀。
具體數值我在Stroke Options/筆觸選項的Advanced/進階中改過。由於Fireworks的筆觸選項基調沒有六角形,就用正方形代替了。(圖15)
圖15
環境光效完成,放上預先準備好的素材圖。如果細致點,焦點產品最好是另外扣圖再放上,但是這個教程的重點不在於此,我就偷懶了。
鑒於產品圖片是單純的白底,底光中心部位也是白色,我就直接改了圖層混合模式為Multiply/正片疊底,略修正了下產品圖的明暗對比度。(圖16)
圖16
用鋼筆勾勒三條流動的光線,設置發光和改圖層混合模式為Overlay/疊加。整個效果就此大功告成了。(圖17)
圖17
上一篇 打造詭異人物輪廓光線塗鴉
下一篇 光的軌跡效果製作解析
熱門課程
專業講師指導 快速擺脫技能困惑相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答騰訊光子工作室麵試經驗彙總,附美術崗位麵試寶典:這是我不花錢就能看的嗎
騰訊光子工作室群(英文名:LIGHTSPEED STUDIOS)是騰訊IEG(互動娛樂事業群)旗下工作室群,由量子工作室、光速......
早上路過火星一樓前台,牆上的招聘信息展示區,又雙叒更新啦。今天和明天,將有多場線下和線上企業專場招聘會同步進行!
2024年,隨著Vision Pro頭顯的發布,意味著蘋果公司邁入“空間計算”的第一步。在AIGC、生物傳感、物聯網和“空間計......
最近幾天,來找火星預定人才的企業,真的非常多!就比如昨天,角色動畫班就有6家企業前來拜訪,現場那叫一個氣氛火熱!
本篇文章會深入解析火星時代教育的平麵設計班內容。本課程將帶你進入平麵設計的廣闊世界,跨越設計的理論與實踐,挖掘你的設計潛能。
火星網頁實習培訓開啟了走向網絡前端開發的大門。火星時代教育引領學生掌握了最新的前端技術並且了解火星網頁實習培訓的相關內容。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!