UI設計教程-相機圖標icon設計

要製作一個圖標看上去有點複雜，不過在繪製的時候把每一層都分解出來了。我們只需要按照的圖示，並控制好各部分的比例，就可以很快做出來。最重要還是要自已去操作一遍。

最終效果

1、新建400 * 300像素的文件，使用矢量工具拉出一個如下圖的圓角方形，並且加上漸變效果。

2、給圖標底座增加厚度和光源，我使用了2種圖層樣式。

3、使用矢量工具拉出一個如下圖的圓形，加上漸變效果，與上圖合起來。

4、繪製金屬底座部分（分為7個部件：投影a、底座b、明暗交界線cd、高光e、凹面fg）。

5、a-g按住由下往上的順序排列得到下圖，並與底座合併。

6、最後是鏡頭，看似很複雜，但也是由圖層堆砌的，只要細心耐心就好了

7、a-f按照由下往上的順序排列得到下圖，並與底座合併。

最終效果：

點擊展開全文

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