當前位置:常識百科館>遊戲數碼>網際網路>

如何使用ps製作計算器圖示

網際網路 閱讀(1.25W)

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

如何使用ps製作計算器圖示

操作方法

01

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

如何使用ps製作計算器圖示 第2張
02

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

如何使用ps製作計算器圖示 第3張
03

接下來,我們使用橢圓工具畫一個200*200的正圓,然後移動到畫布的中心。

如何使用ps製作計算器圖示 第4張
04

這一步我們使用直接選擇工具分別選擇正圓的上下左右的錨點,拖動錨點的兩邊的支臂來使其變為一個圓角矩形。

如何使用ps製作計算器圖示 第5張
05

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

如何使用ps製作計算器圖示 第6張
如何使用ps製作計算器圖示 第7張
如何使用ps製作計算器圖示 第8張
如何使用ps製作計算器圖示 第9張
06

接著我們畫一個180*180的正圓,移動到畫布的中心,天聰綠色(色號為#415828),並新增圖層樣式內發光,漸變為從黑到透明的漸變,引數如圖。

如何使用ps製作計算器圖示 第10張
如何使用ps製作計算器圖示 第11張
07

接下來,我們畫出計算器的分割線,分別為寬度2畫素,長度大於180畫素即可。然後剪下到綠色的圓內。

如何使用ps製作計算器圖示 第12張
08

這一步,我們畫一個160*160畫素的正圓,然後填充綠色(色號為#496b24)。

如何使用ps製作計算器圖示 第13張
09

接下來我們製作一個深色的扇形,顏色為黑色,調整一下填充,當然,也可以調整透明度(扇形的製作過程為複製一個180*180的圓,然後使用矩形減去就可以得到)。

如何使用ps製作計算器圖示 第14張
10

然後畫出加減乘除,移動到合適的位置即可。加減乘除都是有18*2的矩形拼合而成的。

如何使用ps製作計算器圖示 第15張
11

製作好之後需要儲存,除了儲存原始檔,我們再儲存一個png格式的圖片。

如何使用ps製作計算器圖示 第16張