DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁製作工具
>>
Fireworks入門知識
>>
Fireworks基礎
>> Fireworks打造金屬效果
Fireworks打造金屬效果
編輯:Fireworks基礎  
很多朋友都很羨慕一些金屬的效果,那麼現在就讓我們通過
Fireworks
簡易強大的功能來制作一些該類的效果。
提示:不要認為金屬效果很難創造,其實該類效果的基本形成完全依靠填充漸變來實現。只要我們能夠掌握好光源照射以及擴散的角度,在感官上體現出一種立體的感覺就可以了。
圖1
第一步:
如圖1所示。打開工具面板選擇橢圓形工具(TOOLS-Ellipse Tool),同時按住Shift鍵在編輯區中畫一個正圓形。顏色為白色。
圖2
第二步:
如圖2所示。選擇多邊形工具(Polygon Tool)並雙擊,在彈出的的選項面板(Option)中定義邊角數量(Sides)為6。畫出多邊形後選擇比例工具(Scale Tool)將該六邊形橫向壓扁。
圖3
第三步:
如圖3所示。通過不斷的拷貝、粘貼六邊形並轉換角度造成基本的齒輪平面圖。然後按下Ctrl+A全選所有圖形,打開修改菜單選擇聯合功能中的結合(Modify-Combine-Union)將圖形合並。
圖4
第四步:
如圖4所示。打開填充面板選擇放射漸變(Fill-Radial)填充圖形。
圖5
第五步:
如圖5所示。選擇橢圓形工具,按住Shift鍵,於平面齒輪圖形中間畫一個正圓形,然後再次選擇放射漸變填充圓形。
圖6
第六步:
如圖6所示。在次畫出一個正圓形並進行放射填充。
圖7
第七步:
如圖7所示。重復第5步。填充圓形完成後,選擇直線工具(Line Tool)在圓形中間以實際面積為限畫直線,完成後按下Ctrl+C復制相同直線並粘貼,然後改變復制直線顏色為白色,並向下移動1像素。
圖8
第八步:
如圖8所示.按下Ctrl+A全選所有圖形,然後打開修改菜單選擇"轉換為位圖"(Modify-Convert to Bitmap)將圖形轉換.並打開效果面板(Effect)給該圖形添加陰影(Drop Shadow),止此齒輪效果全部完成.當然,你也可以利用效果中的顏色飽和度命令來改變圖形的顏色.
通過以上簡單的幾步我們制作出一個效果較為逼真的齒輪圖,那麼您在動手制作的過程中一定會對通過漸變填充來創造立體效果有了非常深刻的認識.我相信,只要您能夠熟練的掌握並運用填充功能,再開動您的想象力就一定能夠創造出很酷的效果了.左面有一個例子,您嘗試著自己動手將它制作出來吧,記住,要相信自己的能力^_^
?
上一頁:
Fireworks動畫類型及制作詳解
下一頁:
Fireworks4COMMANDS(命令)功能祥解
Fireworks基礎
FIF小組fireworks mx教程合集
本系列教程正在更新中,敬請關注(感謝FIF特別提供)第一章 概述1.1 Fireworks mx
用Fireworks制作太極圖
太極圖又稱“陰陽魚”,其圖案呈圓形,由兩條不同顏色的魚組成,故稱為“陰陽魚”,又稱“雙魚”、“萬物
Fireworks制作閃存盤效果
下載Png源文件:
相關文章
Dreamweaver判斷字符串中是否有換行
Dreamweaver經典問題大搜羅
Fireworks仿真繪畫質感金屬球
Fireworks銳化馬賽克效果
Fireworks給美女來點顏色
Fireworks 繪制可愛水杯
Fireworks用隕石背景打造飛火連天
Fireworks也能為黑白照片上色
Fireworks制作塗鴉效果
Fireworks 制作傾慕系列圖標
Fireworks基礎
Fireworks使用技巧
關於Fireworks
Fireworks設計案例
小編推薦
Fireworks實例水晶櫻桃的制作教程
自定義Firework命令輕松批量調整圖片(2)
Fireworks繪制紙折扇(5)
輕松解決Fireworks彈出菜單的位置偏差
Flash和FW合作旋轉文字動畫[組圖]
Macromedia Fireworks MX的新特性二
Fireworks(FW)制作電視雪花效果[組圖]
Fireworks像素圖(二)
Fireworks畫圖標的完整方法(三)
Fireworks 制作打孔效果[組圖]
熱門推薦
Fireworks 中毛筆字條幅的制作[圖]
Fireworks CS5矢量圖形和位圖圖形
Fireworks CS3的切片和優化功能
Fireworks打造熱力四射手機廣告
用Fireworks制作殘影動畫
如何用Fireworks制作經典的掃光字GIF動畫
Fireworks制作環繞文字
Fireworks教你繪制卷邊黑白藝術照(6)
Fireworks模仿制作逼真的移動硬盤實例
大家都在看
讓你的dw也支持像php樣具有jquery提示功能
用Dreamweaver8對網站文件進行檢查和整理
Fireworks制作簡單清晰的新聞框[組圖]
Fireworks MX 2004 選區工具
FW4技巧:JPEG圖像的區域性選擇壓縮
Flash和FW合作旋轉文字動畫
Fireworks設計繪制超炫的五彩發光斜線條背景實例教程
Fireworks教程:立體質感水晶的制作過程(2)
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved