UI教程，設(shè)計(jì)相機(jī)主題UI圖標(biāo)實(shí)例

跟大家分享一篇設(shè)計(jì)相機(jī)主題的UI圖標(biāo)實(shí)例，步驟比較多，但有PSD文件可參考，不懂的可以看一下。

PSD鏈接：http://pan.baidu.com/s/1hq3rVPq 密碼：76cv

最終效果：

1，新建一個(gè)2000*2000的畫(huà)布

（因?yàn)橹笮枰O(shè)置一些參數(shù)是根據(jù)畫(huà)布大小而定的，所以不想自己調(diào)參數(shù)的話(huà)就跟我設(shè)置同樣大小的畫(huà)布吧）

2，新建一個(gè)圖層，然后隨便填充一個(gè)顏色（太簡(jiǎn)單不上圖了）

3，雙擊圖層一，打開(kāi)圖層樣式，使用漸變疊加。

4、拉好參考線(xiàn)，畫(huà)出一個(gè)圓角矩形。

5、再畫(huà)一個(gè)圓角矩形，圓角半徑設(shè)置如圖，顏色設(shè)置為灰色。將圖層取名為右邊。

6、按住Ctrl點(diǎn)擊“右邊”圖層的縮略圖，得到此圖層的選區(qū)，并且新建一個(gè)圖層取名為“右邊白邊”。