ps繪製UI圖標實例圖標的繪製

今天給大家帶來了詳細繪製UI圖標的教程。效果如下。有興趣的朋友可以自己試試。

操作方法

（01）1.開啟PS,新建一個6x6像素大小的頁面。其他參數默認。如圖。

（02）2.新建一個圖層。點擊鉛筆工具。鉛筆大小爲1像素。前景色爲黑色。默認顏色就可以。然後在頁面左上角點擊四下。然後如圖繪製。可以拖拉輔助線繪製。

（03）3.去掉背景。

（04）4.點擊選單欄編輯-->定義圖案。然後點確定。

（05）5.定義好後，按ctrl+n新建一個文檔。文檔大小爲600x600像素。設定背景顏色爲#5f484e前景色爲；#c8b3b8；

（06）6.按ctrl+j複製一層圖層。圖層樣式選擇剛繪製的圖形。並選擇混合模式爲疊加，不透明度爲10%；點確定。

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

（08）8.複製一層矩形，改顏色爲#418810；選擇選擇工具，按住ctrl+方向鍵；將矩形往下移動一些。

（09）9.給上面那層添加圖層樣式，選擇斜面浮雕深度爲42；大小10，角度90；高光模式：顏色減淡，不透明度：67，就可以。選擇圖案疊加，選擇剛繪製的圖形。不透明度爲8；選擇內陰影，混合模式爲：顏色減淡；不透明度30；內發光：混合模式：疊加；顏色：#000000；確定。

（10）10.新建一圖層，選擇橢圓工具，按住shift+alt繪製一個 正圓填充#78cf43；添加圖層蒙版。前景色改爲黑色#000000；選擇橢圓選區工具，按住shift+alt繪製一個正圓，在蒙版上填充黑色。按alt+delete填充。效果如圖。

（11）11.給圖層改成線性加深；添加混合選項：內陰影；混合模式爲：顏色加深；不透明度：41；距離|：2像素；大小：2像素；添加投影；混合模式爲：顏色減淡，顏色爲白色：#ffffff;不透明度爲21；距離2；大小：2；

（12）12.新建一圖層，用橢圓工具按住shift繪製一正圓如圖。填充#7be046；給圖層添加蒙版，選擇橢圓選區工具，按住shift+alt繪製正圓填充黑色；

（13）13.新建一圖層ctrl+shift+alt+n,選擇橢圓工具繪製一個正圓，按住shift鍵，繪製。顏色改爲#fbfb2d；

（14）14.拷貝圖層一的圖層樣式，黏貼到圖層2。

（15）15將圖層3柵格化，我這邊已經先刪除了。點右鍵柵格化就可以。在選中圖層3的情況下，然後點擊矩形選框工具繪製一個矩形。按delete鍵刪除。按ctrl+d取消選區。

（16）16.用橢圓工具，按住shift+alt鍵繪製一個正圓。如圖。並按ctrl+t調整圓的大小。按住alt鍵複製一個到另外一邊。如圖。選中這三層按ctrl+e向下合併。然後點右鍵轉換爲智能對象。右鍵混合選項選擇內發光，混合模式：線性加深，不透明度53，顏色#6f6e14；大小：3；點確定。

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

特別提示

用矩形路徑畫出兩個矩形（捷徑：畫一個圓角矩形，然後按住Alt鍵拖動圖層即可進行復制）。

在ps中新建一塊畫布。（快速鍵：ctrl+n）