DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 一起來視頻聊天!Fireworks繪制逼真攝像頭(5)
一起來視頻聊天!Fireworks繪制逼真攝像頭(5)
編輯:Fireworks基礎     

  為了使這個底座呈現立體效果,我們可將這個對象再復制一份,經“部分選擇”工具的適當修改後,在“屬性”面板裡為該復制對象采用無描邊色的“橢圓形”漸變填充。填充手柄的設置角度如圖21所示。而“橢圓形”漸變中,設置左右兩個顏色滑塊的色值分別為:#B4B4B3和#F0F0EE。接著在“邊緣”選項中選擇“羽化”,並設置其羽化數值為6。


圖21

  仔細看一下就不難發現,此時攝像頭的上半部分與底座之間還缺乏一個投影效果。我們用“橢圓”工具畫一個172*172大小的正圓,在“屬性”面板中為該圓使用無描邊色的實心填充,填充色為:#000000。在“邊緣”選項中再為其設置數值為2的“羽化”效果。經對象層的位置調整,將它放置在所有對象層的倒數第三層,如圖22。

圖22



  最後我們來為這個攝像頭繪制一個投影。使用快捷鍵Ctrl+A,將當前畫布上的所有對象同時選中。然後點擊“復制”、“粘貼”按鈕,將所有對象進行復制,而新復制出來的所有對象會處於被選中狀態,此時再點擊菜單“修改——組合路徑——聯合”命令,把復制出來的所有對象合成一個組合路徑。然後在“屬性”面板中為這一組合路徑使用無描邊色的實心填充,填充色值為:#9B9B9B,邊緣羽化值為6。用“縮放”和“傾斜”工具將該組合路徑進行適當變形後,在“工具欄”中點擊“移到最後”按鈕,將該對象放置到所有對象的最後一層,從而形成攝像頭的一個投影效果,如圖23。

圖23

  為了使該投影能夠產生出“本影”和“半影”的逼真效果。我們為該投影對象再添加一個“運動模糊”特效。然後根據當前攝像頭的投影角度,在特效的設置窗中輸入合理的相關參數。在本例中,我為該特效設置的“角度”為341度,“距離”的數值為12。點擊“確定”後,一個逼真的攝像頭也就繪制完成了。最終效果如圖24。

圖24

 

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