樹(shù)結(jié)構(gòu)圖
您現(xiàn)在的位置： > 技術(shù)沙龍 > 圖形圖像 > Fireworks > 實(shí)例分析 > Fireworks MX 2004 等高漸變填充
- 相關(guān)軟件
>Fireworks MX 2004 等高漸變填充 創(chuàng)建者：webmaster 更新時(shí)間：2010-06-27 17:12
進(jìn)入Fireworks MX 2004，很明顯的，你會(huì)發(fā)現(xiàn)矢量圖形繪制工具強(qiáng)大很多。而繪制圖形后的矢量填充設(shè)置也有了更形象化的改進(jìn)?？纯刺钌O(shè)置表，有沒(méi)有發(fā)現(xiàn)多了一樣?xùn)|西？是的，這就是FWMX 2004版本新增的等高漸變填充Contour。
先來(lái)畫(huà)個(gè)簡(jiǎn)單圖形來(lái)嘗試下這個(gè)新功能吧，這里我們只用了兩種顏色，通過(guò)起始點(diǎn)角度變化來(lái)看效果。左圖已經(jīng)出現(xiàn)深邃感，右圖能感覺(jué)到光照的方向。等高漸變填充的最大優(yōu)勢(shì)，就是現(xiàn)在可以用漸變色來(lái)體現(xiàn)立體感。
接下來(lái)我們來(lái)試驗(yàn)一下文字。你會(huì)發(fā)現(xiàn)文字直接應(yīng)用等高漸變填充后仍然是生硬的方形填色。只有你把文字轉(zhuǎn)為路徑Convert to Path（快捷鍵Ctrl+Shift+P），填充顏色才可以沿輪廓線漸變。這里我們放了個(gè)內(nèi)斜角的效果做比較，可以看到等高漸變填充的表現(xiàn)更出色。
再來(lái)個(gè)粗細(xì)不均的圖形，我們以螺旋為范例，可以看出等高漸變填充的漸變相當(dāng)平滑，它可以根據(jù)周邊的距離來(lái)進(jìn)行漸變色計(jì)算，首先滿足的是最外層色彩，當(dāng)漸變距離超過(guò)矢量物件本身的輪廓間距時(shí)，越靠近中心的顏色就越早被犧牲掉。
來(lái)玩下進(jìn)階，通過(guò)等高漸變填充我們可以直接做出很有質(zhì)感的按鈕。這里我們應(yīng)用了多色彩漸變，并且加入了材質(zhì)填充來(lái)加強(qiáng)質(zhì)感。
等高漸變填充的豐富立體感表現(xiàn)，再配合Fireworks MX 2004增強(qiáng)的矢量圖形繪制工具，我們已經(jīng)可以做出幾乎觸手可及的小配件。這里用了甜甜圈Doughnut繪圖工具做出雛形后再加以變形，效果中增加了內(nèi)陰影的顏色來(lái)襯托高光部分。
因?yàn)榈雀邼u變填充是矢量圖形的內(nèi)填色方式，所以點(diǎn)陣圖應(yīng)用這個(gè)效果就需要矢量圖的配合。
我們可以使用遮照的形式。在點(diǎn)陣圖片上增加個(gè)矢量圖形，填充使用等高漸變，具體設(shè)置如圖：
把矢量圖形拉到點(diǎn)陣圖下層，兩者組成遮照。再將圖片背景色調(diào)成深色就可以看效果了。
這只是個(gè)簡(jiǎn)單示例，顏色方面，大家可以隨便替換，找出自己需要的風(fēng)格和效果。關(guān)于等高漸變填充，也歡迎大家再深入研究，共同交流分享。相關(guān)文章- 前一則: Fireworks MX 2004 執(zhí)行面版操作
- 后一則: 羽毛效果制作教程