《illustrator 設(shè)計矢量精致圖標(biāo)步驟詳解》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、Illustrator設(shè)計矢量精致圖標(biāo)步驟詳解　　圖標(biāo)是界面設(shè)計領(lǐng)域重要的一項設(shè)計內(nèi)容，這次我們以在2004度中由stark公司主辦的GUI國際奧林匹克大賽中獲全場大獎的圖標(biāo)包的TheLastOrder中的一個圖標(biāo)作為例子給大家講述一下圖標(biāo)制作的詳細(xì)過程?！　∠聢D是這套圖標(biāo)的部分截圖?！　〗坛讨兴鶓?yīng)用到的軟件主要有AdobeIllustratorCS/AdobePhotoshop/AxialisIcon-sharparea制作出此圖形的立體厚度。然后可以點擊Expand按鈕展開此合并圖形?！　　　?隨后我

2、們給這個圖形也上色，同樣使Gradient面板，在這里我采用的圓行漸變模式。　　　　10．這一步我們準(zhǔn)備為這個面板增加一些高光。先復(fù)制一個同樣的圖形填充為白色置于此面板下方?！　　　?1．隨后再復(fù)制一個同樣的圖形置此面板上方，并適當(dāng)縮小一些，采用黑白兩色線性漸變填充。　　　　12．隨后同時選中此黑白漸變圖形以及下面的面板圖形，打開Transparncy面板，點擊面板右下方的小箭頭在彈出菜單中使用MakeOpacityMask　　　　13．同時取消Clip選中狀態(tài)，并勾選InvertMask選項，這樣我們就

3、為這個面板圖形增加了一個透明蔗遮罩，在這種狀態(tài)下，黑白漸變圖形（已被作為OpacityMask中的圖形）黑色部分表示了被遮物體（面板）的透明部分，所以剛才我們?yōu)槊姘逑路教砑拥耐瑯哟笮〉陌咨珗D形是為了怕背景是有色的或是下方還123下一頁[感謝閱讀這篇文章，..，]會有其他物體從透明的面板透出。編輯OpacityMask中的物體需要點擊Transparency面板中的OpacityMask區(qū)域再進(jìn)行編輯?！　　　?4．下面開始為這個面板添加一個屏幕。復(fù)制一個圖形置于面板上方，大小如圖，也采用線性漸變，因為光照

4、方向原因。注意深色和淺色的方向和面板方面：我們在這里做個凹槽效果?！　　　?5．如果理解了透明遮罩的原理，這一步對你非常簡單，和上面給面板加高光一樣首先復(fù)制白色底色以及藍(lán)色面板，隨后用黑白色漸變圖形制作透明遮罩效果，各圖形層次如圖所示?！　　　?6．藍(lán)色面板的色彩填充我采用的圓形填充，如圖所示?！　　　?7．下面為這個基本成型的平板電腦增加更多細(xì)節(jié)，左邊的圖形，以及右邊的三個凹槽，這里需要注意的是所有圖形我都復(fù)制了兩遍，下面的圖形填充白色并向右下方位移若干像素，是為了體現(xiàn)凹槽的高光?！　　　?8．下面我們

5、來制作凹槽上面的按鈕，雖然面積很小，也要體現(xiàn)出高光的漸變，我在這里采用了Blend混合來制作著兩個按鈕。雙擊BlendTool圖標(biāo)可以調(diào)出Blend混合參數(shù)面板。選取工具欄目中的BlendTool，單擊混合的第一個圖形，隨后點擊第二個圖形完成混合?！　　　?9．用鋼筆工具以及各種標(biāo)準(zhǔn)圖形的組合完成下面的圖形，使之組合成為電腦上的其他各個元素（綠色按鈕同樣采用Blend混合完成）　　　　20．這樣我門完成了這個圖標(biāo)的創(chuàng)建工作，隨后作的是輸出。繪制一個128X128(單位：像素)的正方行，精確的圖形調(diào)整可以在

6、Transform面板中完成，隨后是在Transparency面板中將Opacity值調(diào)整為0%　　　　21．使用Flie菜單下的SaveforImage按鈕轉(zhuǎn)換PNG圖象為ICO文件?！　　　?7．選擇你要輸出的ICO的文件規(guī)格?！　　　?8．存儲后的ICO格式文件你就可以直接通過Window或第上一頁123下一頁[感謝閱讀這篇文章，..，]三方圖標(biāo)管理軟件瀏覽了（推薦使用Microangelo）?！　∩弦豁?23[感謝閱讀這篇文章，..，]