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)
-
怎麼取消電腦自動鎖屏
不喜歡電腦自動鎖屏,但也不知道怎麼設定,沒關係,一起和我來了解一下吧。操作方法(01)我們先開啟“控制面板”,可以在“開始選單”或者是直接在桌面上開啟,大家就自己選擇吧。(02)開啟之後,我們選擇“系統和安全”。(03)再在“電源選項”下,選擇“更改計算機睡眠時間”。(04)最...
-
如何管理win10的裝置管理器檢查硬體?
相信很多剛剛安裝windows10正式版的使用者一定發現了很多令人欣喜的功能改進,但是可能還不是很熟悉,尤其是對如何管理win10的裝置管理器檢查硬體,已達到完美的程度。下面就來詳細講解一下。操作方法(01)首先,你要做的是按下快捷鍵Win+X,然後在出現的快捷選單中單擊“控...
-
Thinkpadx250熱啟動及系統安裝
電腦安裝系統大家可能都不陌生了,現在重灌系統基本上都有現成的工具步驟,一步一來小白也能變大神,但是不同品牌的電腦可能進入U盤啟動工具的快捷鍵不同。今天給大家介紹下Thinkpadx250筆記本的熱啟動及系統的安裝。操作方法(01)1、不同的電腦有不同的設定,有些電腦熱...
-
美圖秀秀如何自動摳圖
美圖秀秀是一款非常簡潔實用的圖片處理軟體,能夠勝任大多數圖片處理工作。且有一個非常強大的摳圖功能:自動摳圖。自動摳圖讓摳圖變成一鍵式,可大大提高摳圖效率。操作方法(01)開啟美圖秀秀軟體,點選右上角的“開啟”。(02)在彈出的頁面中找到並雙擊要處理的圖片,或者選...