DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks打造熱力四射手機廣告(5)
Fireworks打造熱力四射手機廣告(5)
編輯:Fireworks基礎     

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


圖14


  15、接下來再加點鏡頭光點的裝飾。我是直接用鋼筆線條的筆觸改的,這樣比較省時間。筆觸的選擇是30像素白色,Random/隨機-->Dots/點狀。具體數值我在Stroke Options/筆觸選項的Advanced/進階中改過。由於Fireworks的筆觸選項基調沒有六角形,就用正方形代替了。


圖15

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


圖16

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


圖17

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved