DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> 關於Fireworks >> Fireworks 詳細繪制小燈泡
Fireworks 詳細繪制小燈泡
編輯:關於Fireworks     
先看下最終效果:
Fireworks教程:詳細繪制小燈泡_jb51.net
第一步:先畫玻璃圓泡
1. 先畫一個88*80大小的橢圓,無填充,描邊
Fireworks教程:詳細繪制小燈泡_jb51.net
然後用鋼筆添加錨點,位置如下圖(盡量對稱)
Fireworks教程:詳細繪制小燈泡_jb51.net
2. 然後用部分選定工具,把最下面中間的錨點往下拉(按住shift可垂直下拉),完成後高度約118。然後再添加錨點如下。
Fireworks教程:詳細繪制小燈泡_jb51.net
3. 用部分選定工具將圖形拖拽成下圖形狀(這一步要看大家的鋼筆和形狀的功底了,呵呵)
Fireworks教程:詳細繪制小燈泡_jb51.net
現在,圓泡部分已經完成了,接下來是添加高光。
第二步:高光及折射
1. 先用鋼筆勾出如下幾個圖形(這幾個圖形主要根據圓泡的形狀來制作),然後都不要描邊
Fireworks教程:詳細繪制小燈泡_jb51.net
填充采用線性漸變,具體設置如下:
Fireworks教程:詳細繪制小燈泡_jb51.net
OK,高光部分算是完成了。
上一頁12 下一頁 閱讀全文
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved