15.如果理解了透明遮罩的原理,這一步對(duì)你非常簡(jiǎn)單,和上面給“面板”加高光一樣首先復(fù)制白色底色以及藍(lán)色面板,隨后用黑白色漸變圖形制作透明遮罩效果,各圖形層次如圖所示。
16.藍(lán)色面板的色彩填充我采用的圓形填充,如圖所示。
17.下面為這個(gè)基本成型的平板電腦增加更多細(xì)節(jié),左邊的圖形,以及右邊的三個(gè)凹槽,這里需要注意的是所有圖形我都復(fù)制了兩遍,下面的圖形填充白色并向右下方位移若干像素,是為了體現(xiàn)凹槽的高光。
18.下面我們來制作凹槽上面的按鈕,雖然面積很小,也要體現(xiàn)出高光的漸變,我在這里采用了 Blend 混合來制作著兩個(gè)按鈕。雙擊 Blend Tool 圖標(biāo)可以調(diào)出 Blend 混合參數(shù)面板。選取工具欄目中的 Blend Tool ,單擊混合的第一個(gè)圖形,隨后點(diǎn)擊第二個(gè)圖形完成混合。
19.用鋼筆工具以及各種標(biāo)準(zhǔn)圖形的組合完成下面的圖形,使之組合成為電腦上的其他各個(gè)元素(綠色按鈕同樣采用 Blend 混合完成)
20.這樣我門完成了這個(gè)圖標(biāo)的創(chuàng)建工作,隨后作的是輸出。繪制一個(gè) 128 X 128( 單位:像素 ) 的正方行,精確的圖形調(diào)整可以在 Transform 面板中完成,隨后是在 Transparency 面板中將 Opacity 值調(diào)整為 0%
21.使用 Flie 菜單下的 Save for web 命令,在彈出的窗口中選用 PNG 格式輸出(選擇透明輸出: Transparency )
出處:藍(lán)色理想
責(zé)任編輯:藍(lán)色
上一頁(yè) 用 AdobeIllustrator CS 設(shè)計(jì)圖標(biāo) [2] 下一頁(yè) 用 AdobeIllustrator CS 設(shè)計(jì)圖標(biāo) [4]
|