今天給大家?guī)?lái)一個(gè)擬物Icon的原創(chuàng)圖標(biāo)繪制，如果有什么不好的地方還請(qǐng)多多指教，那么就讓我們開(kāi)始吧~下圖是效果圖：

咱們先不急畫(huà)，先分析下圖標(biāo)結(jié)構(gòu)，這就像玩拼圖一樣，主要分為三大層（下圖），得出拆分后的架構(gòu)再畫(huà)就簡(jiǎn)單多了。

步驟一：建立畫(huà)布

展開(kāi)全文

步驟二：外機(jī)殼

1.建立512*512大小的矩形,并作4個(gè)大小為180*180的正圓，色值隨意給個(gè)顏色，布爾運(yùn)算切出,命名圖層1,得到下圖：

2.添加圖層樣式,并增加投影

3.復(fù)制圖層一,將復(fù)制出來(lái)的至于圖層1上方,并添加圖層樣式

4.建立500*500大小的矩形,并作4個(gè)大小為180*180的正圓，色值隨意給個(gè)顏色，布爾運(yùn)算切出,得到下圖：

步驟三：屏幕

1.建立470*362,圓角為4px的矩形畫(huà)布，色值為333333,并做2個(gè)長(zhǎng)度為470,高度分別是30與44px色值為1d1d1d的橫條

步驟四：小元素(手機(jī)上方三孔以及右邊2個(gè)操作按鈕）

1、畫(huà)一個(gè)10*10px色值為140303的圓形和4*4px色值為ffffff的白圓形，調(diào)節(jié)白色圓的透明度和漸變,并在底端打上HUAWEI，字體微軟雅黑，如圖：

白色小圓圖層樣式：

2.畫(huà)中間的圓角矩形框：大小66*10px，滿圓角，圖層樣式如下圖：

3.繼續(xù)畫(huà)小元素：26*10px的圓角矩形,并增加圖層樣式：

還有不要忘了右邊的按鈕哦，這里就不劇透了，（小提示：圓角矩形加圖層樣式漸變效果），最終版如圖下：

總結(jié)

相信經(jīng)過(guò)本次的練習(xí)，對(duì)ps的功能有了更多的了解，本教程主要學(xué)習(xí)圖層樣式的運(yùn)用，特別是多圖層樣式疊加，善用這類(lèi)手法會(huì)給你們帶來(lái)更多不一樣的效果。