今天給大家?guī)砹嗽敿?xì)繪制UI圖標(biāo)的教程。效果如下。有興趣的朋友可以自己試試。

Adobe Photoshop 8.0 中文完整綠色版

• 類型：圖像處理
• 大?。?/span>150.1MB
• 語言：簡體中文
• 時(shí)間：2015-11-04

查看詳情

1、打開PS,新建一個(gè)6x6像素大小的頁面。其他參數(shù)默認(rèn)。如圖。

2、新建一個(gè)圖層。點(diǎn)擊鉛筆工具。鉛筆大小為1像素。前景色為黑色。默認(rèn)顏色就可以。然后在頁面左上角點(diǎn)擊四下。然后如圖繪制。可以拖拉輔助線繪制。

3、去掉背景。

4、點(diǎn)擊菜單欄編輯-->定義圖案。然后點(diǎn)確定。

5、定義好后，按ctrl+n新建一個(gè)文檔。文檔大小為600x600像素。設(shè)置背景顏色為#5f484e前景色為；#c8b3b8；

6、按ctrl+j復(fù)制一層圖層。圖層樣式選擇剛繪制的圖形。并選擇混合模式為疊加，不透明度為10%；點(diǎn)確定。

7、選擇圓角矩形工具。新拉兩條輔助線。確定好中間點(diǎn)的位置，點(diǎn)擊鼠標(biāo)，輸入需要的大小。寬高124像素，半徑25像素；點(diǎn)確定。顏色為#78cf43；背景色可以按ctrl+u自己改。

8、復(fù)制一層矩形，改顏色為#418810；選擇選擇工具，按住ctrl+方向鍵；將矩形往下移動(dòng)一些。

9、給上面那層添加圖層樣式，選擇斜面浮雕深度為42；大小10，角度90；高光模式：顏色減淡，不透明度：67，就可以。選擇圖案疊加，選擇剛繪制的圖形。不透明度為8；選擇內(nèi)陰影，混合模式為：顏色減淡；不透明度30；內(nèi)發(fā)光：混合模式：疊加；顏色：#000000；確定。

10、新建一圖層，選擇橢圓工具，按住shift+alt繪制一個(gè) 正圓填充#78cf43；添加圖層蒙版。前景色改為黑色#000000；選擇橢圓選區(qū)工具，按住shift+alt繪制一個(gè)正圓，在蒙版上填充黑色。按alt+delete填充。效果如圖。

11、給圖層改成線性加深；添加混合選項(xiàng)：內(nèi)陰影；混合模式為：顏色加深；不透明度：41；距離|：2像素；大?。?像素；添加投影；混合模式為：顏色減淡，顏色為白色：#ffffff;不透明度為21；距離2；大小：2；

12、新建一圖層，用橢圓工具按住shift繪制一正圓如圖。填充#7be046；給圖層添加蒙版，選擇橢圓選區(qū)工具，按住shift+alt繪制正圓填充黑色；

13、新建一圖層ctrl+shift+alt+n,選擇橢圓工具繪制一個(gè)正圓，按住shift鍵，繪制。顏色改為#fbfb2d；

14、拷貝圖層一的圖層樣式，黏貼到圖層2。

15、將圖層3柵格化，我這邊已經(jīng)先刪除了。點(diǎn)右鍵柵格化就可以。在選中圖層3的情況下，然后點(diǎn)擊矩形選框工具繪制一個(gè)矩形。按delete鍵刪除。按ctrl+d取消選區(qū)。

16、用橢圓工具，按住shift+alt鍵繪制一個(gè)正圓。如圖。并按ctrl+t調(diào)整圓的大小。按住alt鍵復(fù)制一個(gè)到另外一邊。如圖。選中這三層按ctrl+e向下合并。然后點(diǎn)右鍵轉(zhuǎn)換為智能對象。右鍵混合選項(xiàng)選擇內(nèi)發(fā)光，混合模式：線性加深，不透明度53，顏色#6f6e14；大?。?；點(diǎn)確定。

17、選擇自定形狀工具，選擇箭頭9，繪制一個(gè)箭頭，填充#3a9206。按ctrl+T旋轉(zhuǎn)角度為90度。如圖。右鍵單擊圖層樣式選擇內(nèi)陰影；混合模式：顏色加深；不透明度54；距離：1；大小：1；雜色：4；添加投影效果；顏色#7c7777；距離：1；大?。?；雜色：4；繪制完成。效果如圖。

相關(guān)推薦：

ps單色圖標(biāo)怎么快速換色?

ps怎么設(shè)計(jì)扁平化風(fēng)格的的鏡頭UI圖標(biāo)?

ps怎么設(shè)計(jì)一款清新優(yōu)雅的音樂按鈕圖標(biāo)?

最新評(píng)論