DIV CSS 佈局教程網

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

  我們接著來畫攝像頭頂部的按鈕。用“鋼筆”工具先勾畫出按鈕的外形路徑後,對這一路徑使用無描邊色的“橢圓形”漸變填充,填充手柄的設置如圖11所示。而“橢圓形”漸變中,左右兩個顏色滑塊的色值分別為:#6A7D9B和#A8B4CC。

圖11

  這個按鈕和攝像頭的連接處自然也有一個縫隙。使用我們剛才采用過的方法,在這個按鈕和攝像頭的交接處出繪制制出這條縫隙。如圖12。

圖12

  下面我們開始來繪制這個攝像頭前部的鏡頭。用“橢圓形”工具畫一個104*106大小的橢圓,然後把它移到攝像頭的合適位置。接著在“屬性”面板裡對該橢圓進行無描色的實心填充,填充色為:#2E2E2E。在“邊緣”選項中選擇“羽化”,設置羽化數值為1。最後在“屬性”面板的右側為其添加一個“投影”特效,設置其投影色為:#555555。其它設置參數如圖13所示。

圖13


  用“橢圓形”工具再繪制一個103*106大小的橢圓對象。將它移到黑色橢圓的正中位置,然後在“屬性”面板裡對這個橢圓對象使用無描邊色的“線性”漸變填充,填充手柄的設置如圖14所示。“線性”漸變中左右兩個顏色滑塊的數值分別為:#7E89A0和#434B56。

圖14

  再畫一個97*99大小的橢圓,經適當調整後,同樣采用無描邊色的“線性”漸變進行填充,左右兩個顏色滑塊的數值分別為:#98A3BA和#7C8DAF。如圖15。

圖15



  把這個橢圓再復制一份,然後用“縮放”工具將復制的橢圓縮小至83*85大小。接著在“屬性”面板中對該橢圓采用無描邊色的“橢圓形”漸變填充。填充手柄的設置如圖16所示。其中三個顏色漸變滑塊的色值從左至右依次為:#919191、#353535、#000000。

圖16

 

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