當前位置:才華齋>計算機>photoshop>

PS如何繪製一個扁平的UI按鈕圖示

photoshop 閱讀(1.14W)

ps怎麼繪製一個扁平的UI圖示?想要設計一款下載圖示,該怎麼設計呢?以下是小編為大家搜尋整理的PS如何繪製一個扁平的UI按鈕圖示,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

PS如何繪製一個扁平的UI按鈕圖示

1、開啟PS,新建一個6x6畫素大小的`頁面。其他引數預設。如圖。

2、新建一個圖層。點選鉛筆工具。鉛筆大小為1畫素。前景色為黑色。預設顏色就可以。然後在頁面左上角點選四下。然後如圖繪製。可以拖拉輔助線繪製。

3、去掉背景。

4、點選選單欄編輯-->定義圖案。然後點確定。

5、定義好後,按ctrl+n新建一個文件。文件大小為600x600畫素。設定背景顏色為#5f484e前景色為;#c8b3b8;

6、按ctrl+j複製一層圖層。圖層樣式選擇剛繪製的圖形。並選擇混合模式為疊加,不透明度為10%;點確定。

7、選擇圓角矩形工具。新拉兩條輔助線。確定好中間點的位置,點選滑鼠,輸入需要的大小。寬高124畫素,半徑25畫素;點確定。顏色為#78cf43;背景色可以按ctrl+u自己改。

8、複製一層矩形,改顏色為#418810;選擇選擇工具,按住ctrl+方向鍵;將矩形往下移動一些。

9、給上面那層新增圖層樣式,選擇斜面浮雕深度為42;大小10,角度90;高光模式:顏色減淡,不透明度:67,就可以。選擇圖案疊加,選擇剛繪製的圖形。不透明度為8;選擇內陰影,混合模式為:顏色減淡;不透明度30;內發光:混合模式:疊加;顏色:#000000;確定。

10、新建一圖層,選擇橢圓工具,按住shift+alt繪製一個 正圓填充#78cf43;新增圖層蒙版。前景色改為黑色#000000;選擇橢圓選區工具,按住shift+alt繪製一個正圓,在蒙版上填充黑色。按alt+delete填充。效果如圖。

11、給圖層改成線性加深;新增混合選項:內陰影;混合模式為:顏色加深;不透明度:41;距離|:2畫素;大小:2畫素;新增投影;混合模式為:顏色減淡,顏色為白色:#ffffff;不透明度為21;距離2;大小:2;

12、新建一圖層,用橢圓工具按住shift繪製一正圓如圖。填充#7be046;給圖層新增蒙版,選擇橢圓選區工具,按住shift+alt繪製正圓填充黑色;

13、新建一圖層ctrl+shift+alt+n,選擇橢圓工具繪製一個正圓,按住shift鍵,繪製。顏色改為#fbfb2d;

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

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

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

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