DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁製作工具
>>
Fireworks入門知識
>>
Fireworks基礎
>> Fireworks制作昆蟲
Fireworks制作昆蟲
編輯:Fireworks基礎  
說“半原創”,是因為這只昆蟲隨處可見,我只不過是以自己的思路把步驟寫出來而已。我是個Fireworks生手,也是第一次寫教程,難免有疏漏和不足之處。雖然是個簡單的教程,但也終於體會到寫教程的不易了。
完成圖:
步驟:
1.畫布:200×200,點橢圓工具,按住shift畫一個正圓,在屬性面板中將圓的寬和高均設為96,邊緣消除鋸齒,顏色為#870d94,如圖1;
圖1
2.選中正圓,在原位復制一個(ctrl+c,ctrl+v),顏色改為#333333,用矩形工具畫一個長度大於此圓的矩形,如圖2位置擺放。按住shift,選中圓形和矩形,“修改”-“組合路徑”-“打孔”,效果見圖3;
圖2
圖3
3.再次選中第一次畫的正圓,在效果面板中選擇“內側發光”,參數如圖4,再選擇“投影”,參數如圖5,效果見圖6;
圖4
圖5
圖6
4.為了突出層次感,在半圓的底部畫兩條直線,一條白色,一條黑色,再用直線工具在背部中間畫一條直線(筆觸2,柔化線段,透明度50),見圖7(為了看得更清楚,特放大至200%預覽);
圖7
5.大致的輪廓出來了,接下來用橢圓工具畫昆蟲身上的斑點,適當調整方向和位置,效果見圖8;
圖8
6.下面做頭部的高光部分。畫一個橢圓,選擇線性漸變,調整漸變方向,見圖9,漸變參數見圖10;
圖9
圖10
7.別忘了,昆蟲的背部也是發光的哦,同樣,畫一個橢圓,用白箭頭工具將橢圓調整至如圖形狀,顏色#ff00ff,邊緣羽化,羽化度25,效果如圖11。很明顯,高光部分把斑點和背部的中線遮蓋了,所以在層面板中把中線和斑點移至高光的後面,效果如圖12;
圖11
圖12
8.觸角的制作不細說了,熟悉鋼筆工具的朋友可以直接用鋼筆畫路徑,我是用很笨的方法畫出來的……
PNG源文件:
上一頁:
Fireworks 教程-文字蒙蓋圖像
下一頁:
Fireworks圖片分割圖解教程
Fireworks基礎
Fireworks教程:制作可愛晶瑩果凍字
Fireworks利用EyeCandy濾鏡工具設計制作旋轉立體四葉草動畫實例
完成效果如圖。此圖片是動畫效果,由於浏覽器的不兼容,導致此動畫無法觀看的朋友們,可以右鍵另存為到本
動態LOGO的制作
本文為中國教程網合作伙伴印象特別供稿,轉載必須取得授權 本例主要針對一個LOGO的漸隱效果做出仔
相關文章
Dreamweaver判斷字符串中是否有換行
Dreamweaver經典問題大搜羅
Fireworks仿真繪畫質感金屬球
Fireworks銳化馬賽克效果
Fireworks給美女來點顏色
Fireworks 繪制可愛水杯
Fireworks用隕石背景打造飛火連天
Fireworks也能為黑白照片上色
Fireworks制作塗鴉效果
Fireworks 制作傾慕系列圖標
Fireworks基礎
Fireworks使用技巧
關於Fireworks
Fireworks設計案例
小編推薦
Firewoks打造液體金屬表面特效(1)
Fireworks制作仿3D光亮DNA桌面
用Fireworks制作網頁
Fireworks教程:真實的物體陰影效果(1)[組圖]
Fireworks鼠繪:繪制精致葡萄酒瓶
Dreamweaver 快捷鍵12∶Fireworks 快捷鍵
在Fireworks8中創建非矩形切片
Fireworks繪制逼真的中國象棋棋子
Fireworks教程:運用濾鏡制作旋轉的四葉草動畫 (1)
Fireworks給美女臉部彩繪
熱門推薦
Fireworks的高級操作技巧集合[組圖]
用Fireworks8做個符合web標准的彈出菜單[組圖]
Fireworks繪制精致青花陶瓷按鈕(2)
給玉蘭油MM做個曲別針展示圖效果
Fireworks制作美女背景的時鐘動畫
Fireworks中制作線框運動[組圖]
巧用Fireworks漸變工具處理圖片
Fireworks4熱點和切片(下)[組圖]
用Fireworks設計打造專屬的UI套件實例
大家都在看
用Fireworks 解密QQ首頁之左欄樣式制作
Fireworks MX教程(二十八)不透明度和混合模式
Dreamweaver檢查站點中鏈接錯誤
Fireworks交互式填充繪精致網頁導航菜單
Fireworks制作“回形針”效果
Fireworks 制作 IE 浏覽器圖標
Fireworks MX 2004金屬特效字的制作
Dreamweaver屬性檢查器
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved