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的畫布
(因?yàn)橹笮枰O(shè)置一些參數(shù)是根據(jù)畫布大小而定的,所以不想自己調(diào)參數(shù)的話就跟我設(shè)置同樣大小的畫布吧)
2,新建一個(gè)圖層,然后隨便填充一個(gè)顏色(太簡(jiǎn)單不上圖了)
3,雙擊圖層一,打開圖層樣式,使用漸變疊加。
4、拉好參考線,畫出一個(gè)圓角矩形。
5、再畫一個(gè)圓角矩形,圓角半徑設(shè)置如圖,顏色設(shè)置為灰色。將圖層取名為右邊。
6、按住Ctrl點(diǎn)擊“右邊”圖層的縮略圖,得到此圖層的選區(qū),并且新建一個(gè)圖層取名為“右邊白邊”。
標(biāo)簽(TAG) UI設(shè)計(jì)教程 ps網(wǎng)頁設(shè)計(jì) 相機(jī)圖標(biāo) 教程 繪制 UI教程