Fireworks教程:制作魅力流光超炫特效_Fireworks教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

      推薦:Fireworks教程:彎曲文字效果如何制作
      本教程僅提供一種思路 只為拋磚引玉 大家如果有更好的方法也拿出來共享,下面先看效果 第一步:用螺旋形工具畫出一個螺旋 第二步:根據情況從中心刪除多余節點 第三步:復制一個并適當調整大小 第四步:調整兩個螺旋的位置,使中心對齊 第五步:用鋼筆工具把兩個螺旋的

         現在把漸變色改為由黑到白,并轉為點陣圖。

      Fireworks教程:制作魅力流光超炫特效  模板無憂

        直接在點陣圖上右鍵調出彈出菜單,選擇Transform/變形-->Skew/斜切,選中底邊的控點向外拉伸到近屏幕邊緣。

        現在你有個很大的梯形已經遠遠超出畫布范圍,橫跨屏幕。

        不必擔心,直接到屬性面板把圖形寬度改成60像素,再把它拖到畫布中間來,這就是我們要的第一束光的原型。

      Fireworks教程:制作魅力流光超炫特效

        Edit/編輯-->Clone/克隆或快捷鍵Ctrl+Shift+D原位克隆一份,右鍵選擇Transform/變形-->Rotate 180°/旋轉180度。

        把兩束光沿相反方向擺成一線,對齊。

        Modify/修改-->Symbol/元件-->Convert to Symbol.../轉化成元件,或快捷鍵F8直接將這兩個組合圖建立成圖形元件。

      Fireworks教程:制作魅力流光超炫特效

        現在把漸變色改為由黑到白,并轉為點陣圖。

      Fireworks教程:制作魅力流光超炫特效

        直接在點陣圖上右鍵調出彈出菜單,選擇Transform/變形-->Skew/斜切,選中底邊的控點向外拉伸到近屏幕邊緣。

        現在你有個很大的梯形已經遠遠超出畫布范圍,橫跨屏幕。

        不必擔心,直接到屬性面板把圖形寬度改成60像素,再把它拖到畫布中間來,這就是我們要的第一束光的原型。

      Fireworks教程:制作魅力流光超炫特效

        Edit/編輯-->Clone/克隆或快捷鍵Ctrl+Shift+D原位克隆一份,右鍵選擇Transform/變形-->Rotate 180°/旋轉180度。

        把兩束光沿相反方向擺成一線,對齊。

        Modify/修改-->Symbol/元件-->Convert to Symbol.../轉化成元件,或快捷鍵F8直接將這兩個組合圖建立成圖形元件。

      Fireworks教程:制作魅力流光超炫特效

        Ctrl+Shift+D原位克隆這份元件,并在克隆出來的元件上點擊右鍵,選擇Transform/變形-->Rotate 180°/旋轉180度。

        目前雖然看不出有什么明顯變化,這是為下一步的旋轉補間作準備。

        選中這兩個元件,Modify/修改-->Symbol/元件-->Tween Instances.../補間實例,

        在彈出的窗口設置步數值21,并取消勾選Distribute to frames/分散到幀。

        實現的效果就如同這個蒲公英的樣子。

        如果你的電腦配置低些,完成這一步會多需要幾秒鐘時間。

      Fireworks教程:制作魅力流光超炫特效

        因為這個旋轉補間的最上層是重合的,所以可以把最上層的元件刪除。

        Select/選擇-->Select All/全選,或者直接快捷鍵Ctrl+A,把所有補間的元件都選起來。

        Modify/修改-->Symbol/元件-->Break Apart/打散,或者使用快捷鍵Ctrl+Shift+B。

        把蒲公英變成每一分支都可以單獨移動的點陣圖。

      Fireworks教程:制作魅力流光超炫特效

        因為這朵蒲公英的形狀太圓了,要做成所需要的爆炸樣式還需要個別調整每個分支的位置。

        這是個需要點耐心,憑感覺的活。

        調整的宗旨是讓發散的光束有參差不齊的層次。

        總之沿著每個光束的方向向內或向外移動。注意光束的指向始終對準蒲公英的中心。

      Fireworks教程:制作魅力流光超炫特效

        幾分鐘后,整個迸發的光球打底已經完成。

        確定不需要再修改后,把分散在各層的點陣圖再Ctrl+G/群組起來。

        然后我們把這一組在層面板上點掉眼睛圖示,將這層隱藏起來。

        接下來開始為光球賦予五彩光環。

        在畫布上畫出與畫布同等大小的方形,

        填充漸變方式為Cone錐形,點擊色彩圖示,調出填充漸變色面板。

        在預設選項下,色彩選擇Spectrum/光譜。

      Fireworks教程:制作魅力流光超炫特效

        現在把光譜圖的圖層混合模式改成Multiply/正片疊底。

        畫布上現在看不到光譜的錐形圖了。沒關系,暫時也先把它隱藏。

        回到先前做好的光球原型,Ctrl+Shift+D/原位克隆。

        在克隆出來的這層,把圖層混合模式改為Additive/添加。

        光束開始變亮。

      Fireworks教程:制作魅力流光超炫特效

        選中新克隆出來的圖層,再接再厲,再克隆兩個新層出來。

        并把最上層克隆的圖層混合模式改為Reflect/反射。

        這一步是為了把光束的對比進一步加強。

      Fireworks教程:制作魅力流光超炫特效

        現在可以打開之前隱藏起來的光譜圖看效果了。

      Fireworks教程:制作魅力流光超炫特效

        回到圖層底部選中最初的光球原型,Ctrl+Shift+D/原位克隆。

        把克隆出來的圖層拉到光譜圖層上面,右鍵選擇Transform/變形-->Numeric Transform/數值變形。

        在彈出的對話窗口鍵入百分比為90。

      Fireworks教程:制作魅力流光超炫特效

        同樣原理再克隆兩次,把每次新克隆的圖層混合模式改成Additive/添加。

        熱力四射的彩光底圖就完成了。

      Fireworks教程:制作魅力流光超炫特效

        接下來再加點鏡頭光點的裝飾。

        我是直接用鋼筆線條的筆觸改的,這樣比較省時間。

        筆觸的選擇是30像素白色,Random/隨機-->Dots/點狀。

        具體數值我在Stroke Options/筆觸選項的Advanced/進階中改過。

        各位可以用源文件在FW中打開,在屬性面板下的筆觸選項內查看。

        由于Fireworks的筆觸選項基調沒有六角形,就用正方形代替了。

      Fireworks教程:制作魅力流光超炫特效

        環境光效完成,放上預先準備好的素材圖。

        如果細致點,焦點產品最好是另外扣圖再放上,但是這個教程的重點不在于此,我就偷懶了。:P

      分享:Fireworks教程:制作碳纖維風格圖標

      推薦:Fireworks視頻教程

      共2頁上一頁12下一頁
      來源:模板無憂//所屬分類:Fireworks教程/更新時間:2014-10-10
      相關Fireworks教程