如何用ps製作設定圖示

來源:酷知科普網 2.52W

對於設定,大家應該很熟悉了吧。對手機上的設定圖示我們也是見過很多種,各式各樣的都有。那麼,你知道手機上的設定圖示是怎麼製作的麼?下面就讓小編帶著大家制作一個吧。

如何用ps製作設定圖示

工具/材料

電腦

ps軟體

操作方法

01

首先,我們需要開啟我們電腦的ps軟體(滑鼠左鍵雙擊桌面上的ps捷徑或者是滑鼠右鍵再選擇開啟都是可以的)。

如何用ps製作設定圖示 第2張
02

開啟ps軟體之後,我們新建一個畫布(選擇檔案-新建或者是快捷鍵Ctrl+N都是可以的),小編就新建了一個200*200的畫布給大家做示範。

如何用ps製作設定圖示 第3張
03

接下來,我們使用橢圓工具畫一個200*200的正圓,然後移動到畫布的中心。然後我們使用直接選擇工具分別選擇正圓的上下左右的錨點,拖動錨點的兩邊的支臂來使其變為一個圓角矩形。

如何用ps製作設定圖示 第4張
如何用ps製作設定圖示 第5張
如何用ps製作設定圖示 第6張
04

關閉背景圖層,給圓角矩形加圖層樣式內陰影、漸變疊加和投影,引數如圖所示。

如何用ps製作設定圖示 第7張
如何用ps製作設定圖示 第8張
如何用ps製作設定圖示 第9張
如何用ps製作設定圖示 第10張
05

接著我們畫一個180*180的正圓,移動到畫布的中心,並新增圖層樣式內發光,引數如圖。

如何用ps製作設定圖示 第11張
06

接著我們畫一個162*162的正圓,移動到畫布的中心,並新增圖層樣式漸變疊加,引數如圖。

如何用ps製作設定圖示 第12張
07

接著我們畫一個146*146的正圓,移動到畫布的中心,並新增圖層樣式漸變疊加,引數如圖。

如何用ps製作設定圖示 第13張
08

接著我們畫一個124*124的正圓,移動到畫布的中心,並新增圖層樣式內陰影、漸變疊加,引數如圖。

如何用ps製作設定圖示 第14張
如何用ps製作設定圖示 第15張
09

接著,我們畫出一個12*115px的圓角矩形,然後連續複製一週,如圖所示。顏色為#b4b4b4。

如何用ps製作設定圖示 第16張
10

接著我們畫一個93*93的正圓,移動到畫布的中心,並新增圖層樣式投影,、引數如圖。顏色為#b4b4b4。

如何用ps製作設定圖示 第17張
11

接著我們畫一個74*74的正圓,移動到畫布的中心,顏色如圖。

如何用ps製作設定圖示 第18張
12

接著我們畫一個63*63的正圓,移動到畫布的中心,並新增圖層樣式外發光。顏色、引數如圖。

如何用ps製作設定圖示 第19張
如何用ps製作設定圖示 第20張
13

接著,我們畫出中間的線條高光部分,畫出6*60px的圓角矩形,然後高斯模糊即可。Ctrl+J複製一層,增加效果。

如何用ps製作設定圖示 第21張
如何用ps製作設定圖示 第22張
14

接著我們畫一個40*40的正圓,移動到畫布的中心,然後調整不透明度為30%即可。顏色如圖所示。

如何用ps製作設定圖示 第23張
15

這樣一個設定圖示就畫好了。

如何用ps製作設定圖示 第24張
熱門標籤