UI設計教程 PS如何繪製逼真相機教程 VR端UI設計

教程主要使用Photoshop設計灰色漸變風格的相機圖標教程，教程的主要部分都是用圖層樣式來完成的。

最終效果：

老規矩，先來分析一下。這裡我們主要分為四個部分：底座、綠條、大鏡頭、小鏡頭，其他問題都不大，主要是鏡頭部分、需要用到多個圖層及圖層樣式，來表現圖標的立體感。

步驟一：

首先新建畫布800*600畫布，命名為相機，填充背景顏色#c5c3c6

步驟二：

使用圓角矩形、繪製一個280*280，圓角半徑為50px的圖層，並為它添加圖層樣式。

步驟三：

接下來我們新建85*280的矩形，命名為綠條、添加圖層樣式。

步驟四：

使用橢圓工具、繪製一個170*170的大圓，並為它添加圖層樣式。

步驟五：

繼續使用橢圓工具、繪製一個150*150的圓，並為它添加圖層樣式。

步驟六：

繼續使用橢圓工具、繪製一個135*135的圓，並為它添加圖層樣式。

步驟七：

我們繼續使用橢圓工具、繪製一個115*115的圓，並為它添加圖層樣式。

步驟八：

繼續使用橢圓工具、繪製一個70*70的圓，並為它添加圖層樣式。

步驟九：

繼續使用橢圓工具、繪製一個65*65的圓，並為它添加圖層樣式。

步驟十：

有木有很快，現在我們來繪製最後一個圓，繼續使用橢圓工具、繪製一個28*28的圓，並為它添加圖層樣式。

步驟十一：

使用橢圓工具、繪製二個白色的圓，調節變換大小。

步驟十二：

現在使用形狀工具布爾運算為鏡頭添加高光吧、繪製兩個正圓相交命令下留取高光形狀，顏色為白色。

步驟十三：

接下來為高光添加圖層蒙版擦除不需要的位置，將填充數值重新設置。

步驟十四：

最後我們用形狀工具，高斯模糊命令將投影位置處理一下吧。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！