如何用ps製作應用超市圖示

來源:酷知科普網 1.32W

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

如何用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的正圓,移動到畫布的中心,並新增圖層樣式內陰影和投影,引數如圖。顏色為#cad1c9.

如何用ps製作應用超市圖示 第11張
如何用ps製作應用超市圖示 第12張
06

接著,我們畫一個200*157px的矩形,並新增圖層樣式內陰影和漸變疊加,引數如圖。然後剪下到下面的圓。

如何用ps製作應用超市圖示 第13張
如何用ps製作應用超市圖示 第14張
如何用ps製作應用超市圖示 第15張
07

接著,我們利用矩形、橢圓以及圖形之間的運算畫出如圖所示形狀並剪下到下面的圓,

如何用ps製作應用超市圖示 第16張
如何用ps製作應用超市圖示 第17張
如何用ps製作應用超市圖示 第18張
08

接著,我們畫出一個200*56px 的矩形,新增圖層樣式漸變疊加和投影,引數如圖,然後剪下到下面的圓。

如何用ps製作應用超市圖示 第19張
如何用ps製作應用超市圖示 第20張
如何用ps製作應用超市圖示 第21張
09

接著,我們利用圓角矩形以及圖形運算得到如圖所示形狀並新增圖層樣式投影,引數如圖。

如何用ps製作應用超市圖示 第22張
如何用ps製作應用超市圖示 第23張
10

接下來,同樣是利用圖形間的運算得到如圖所示形狀。

如何用ps製作應用超市圖示 第24張
如何用ps製作應用超市圖示 第25張
11

接著新增陰影部分。

如何用ps製作應用超市圖示 第26張
如何用ps製作應用超市圖示 第27張
12

然後,在如圖所示位置新增兩個白色的圓。並新增圖層樣式內發光。

如何用ps製作應用超市圖示 第28張
如何用ps製作應用超市圖示 第29張
13

最後,畫出一個162*162px的白色的圓,填充設為20%。這就畫好了一個應用超市的圖示。

如何用ps製作應用超市圖示 第30張
如何用ps製作應用超市圖示 第31張
熱門標籤