當前位置:妙知谷 >

遊戲數碼 >互聯網 >

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

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

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

如何用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張
標籤: 圖標
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/hulianwang/68re3.html