photoshop教程｜UI教程｜指針小圖標

第十五期

UI圖標初期教程

指針小圖標

｜photoshop教程｜

（以下界面演示以Photoshop CC2017為演示工具）

【圖形設計師 ID：tuxdesign】

先看看效果

有興趣的小盆友可以

著手練習練習

畢竟光看是看不會的

你說捏

第一步：新建文件，給背景填充你喜歡的顏色(如圖)

第二步：選擇圓角矩形工具，畫一個圓角矩形，命名的【底圖】，添加圖層樣式——漸變疊加(如圖)

第三步：選擇橢圓形工具，畫一個圓形，命名的【圓盤】，添加圖層樣式——漸變疊加(如圖)

第四步：選擇【圓盤】圖層，Ctrl+J複製一層，等比例縮小，命名為【圓盤1】添加圖層樣式——漸變疊加(如圖)

第五步：選擇【圓盤1】圖層，Ctrl+J複製一層，等比例縮小，命名為【圓盤2】添加圖層樣式——漸變疊加(如圖)

重複幾次，就是複製幾個圓形，縮小，調整漸變

第六步：添加刻度(如圖)

第七步：添加指針(如圖)

<完>

好了，本次教程到這裡就結束了，

如果有興趣的朋友，

可以練習一下

有不明白的地方

可以下載PSD原文件參考

歡迎添加公眾號【圖形設計師】

一起學習、一起探討

更多教程請關注微信公眾號查看