樹(shù)結(jié)構(gòu)圖
您現(xiàn)在的位置： > 技術(shù)沙龍 > 圖形圖像 > Fireworks > 實(shí)例分析 > 用 Fireworks MX 鍛造黃金質(zhì)感
- 相關(guān)軟件
>用 Fireworks MX 鍛造黃金質(zhì)感 創(chuàng)建者：webmaster 更新時(shí)間：2010-06-27 17:12
黃金自古以來(lái)一直以其亮麗奪目的色彩吸引人們的視線，在傳統(tǒng)媒體的平面作品上常被廣泛地運(yùn)用。
但是曾想過(guò)在網(wǎng)頁(yè)上實(shí)現(xiàn)黃金的效果嗎？
作為網(wǎng)頁(yè)三劍客之一的Fireworks,是Macromedia公司主打網(wǎng)絡(luò)影像處理的圖形編輯軟件.
其輔助網(wǎng)頁(yè)設(shè)計(jì)的強(qiáng)大功能已經(jīng)眾所周知，然而她的影像處理能力也不容小覷。
現(xiàn)在就用Fireworks來(lái)實(shí)現(xiàn)黃金質(zhì)感的效果。
在此例，是以五角星來(lái)做范例。順便學(xué)習(xí)Fireworks畫(huà)多邊形的方法。
首先，打開(kāi)FireworksMX，新建畫(huà)布，長(zhǎng)寬值為200x200像素，白色背景。
到Tools(工具)面版，點(diǎn)擊Rectangle Tool(矩形工具)右下角的小箭頭，調(diào)出Polygon Tool(多邊形工具)。
外框色設(shè)置無(wú)，內(nèi)填色隨便，因?yàn)橹笠僮龈?。?lái)到Properties(屬性)面版，在右方設(shè)置：Shape/Star(形狀/星形)，Sides/5(邊/5)，Angle/38(角度/38度),或直接勾選Automatic(自動(dòng)設(shè)置)。
然后到畫(huà)布上，畫(huà)上一個(gè)五角星。
第一個(gè)五角星：第一個(gè)五角星采用圓錐形(Cone)填色，從屬性欄中的填色面版可以看到使用了多種顏色來(lái)體現(xiàn)金屬多種光線的折射效果。因?yàn)樽龅氖屈S金效果，所以填色采用了黃，桔，棕色為基調(diào)。本例的填色依次是：
#BF7300,#FFFF99,#CC6600,#FFAE00,#FFFF00,
#FFCC00,#FFFF66,#9F8000,#CC9900,#CCCC00,
#FFFF33,#FFFFFF,#FFCC66,#FF9900,#C67700,
#9D4F00,#FFFF66,#C47500,#FFFF00,#957000.
到此，金色的感覺(jué)已經(jīng)躍然紙上。不過(guò)看起來(lái)象金色的包裝紙折出的效果，還差一點(diǎn)金子的分量。于是再來(lái)嘗試一個(gè)。
第二個(gè)五角星：照著原樣畫(huà)出第二個(gè)五角星。這次采用折疊(Folds)填色，本例的填色依次是：#FFC820,#FFCCC66,#FFCC00,#FF9900,#FFCC99,#FFFF00.
選中五角星，就會(huì)看到填色杠桿。移動(dòng)填色杠桿到五角星以外，調(diào)整杠桿為大致水平，但有些微折痕。
為了體現(xiàn)五角星的立體感，再到屬性欄右方添加效果(Effects:+)首先使用內(nèi)斜角(Inner Bevel)特效,設(shè)置：Bevel Edge Shape/Flat(斜面形狀/平坦),Width/33(寬度/33),Contrast/60%(對(duì)比度/60%),Softness/2(柔化/2),Angle/158(角度/158度),Button preset/Raised(按鈕預(yù)設(shè)/凸起).
再使用投影(Drop Shadow)特效,設(shè)置：Distance/7(距離/7),Opacity/65%(不透明度/65%),#000000(投影色/黑色),Softness/4(柔化/4),Angle/315(角度/315度),
一個(gè)金燦燦的立體五角星就完成了，很有質(zhì)感吧？
那么有液態(tài)金屬感覺(jué)的黃金五角星又要如何實(shí)現(xiàn)呢？就再來(lái)畫(huà)個(gè)五角星吧。
第三個(gè)五角星：照著原樣畫(huà)出第三個(gè)五角星，內(nèi)填色隨意好了，因?yàn)樵谥蟮男ЧO(shè)置中沒(méi)有影響。
這次要借助支持 Fireworks 的著名外掛濾鏡 Eye Candy 4000.
一樣從屬性欄右方添加效果(Effects:+)，調(diào)用的是鉻合金(Chrome)濾鏡，具體設(shè)置見(jiàn)下圖鉻合金濾鏡效果面版。這個(gè)五角星就有金屬質(zhì)感了。
再來(lái)體會(huì)一下這三種黃金質(zhì)感的五角星效果：
其實(shí)前兩個(gè)五角星的金色主要考驗(yàn)填色技巧。而第三個(gè)實(shí)現(xiàn)容易，但是有一個(gè)缺陷，就是如果要對(duì)效果做微調(diào)，預(yù)覽效果會(huì)跟實(shí)際效果有偏差，這也許是美中不足吧。
在此提供源文件：相關(guān)文章
動(dòng)態(tài)信息類(lèi)型定義與使用2011-12-27應(yīng)用動(dòng)態(tài)類(lèi)2011-12-27- 后一則: Fireworks MX 按圖索金龍