UI圖標(biāo)，設(shè)計(jì)指針色板主題圖標(biāo)實(shí)例(4)

本教程教你如何設(shè)計(jì)一枚色板主題圖標(biāo)，效果主要運(yùn)用圖層樣式制作出，步驟比較詳細(xì)，還有PSD參考文件，看不懂的同學(xué)可以下載參考一下。想學(xué)的就跟著教程一起練習(xí)吧。 

源文件下載鏈接：http://pan.baidu.com/s/1pJDksMB 密碼：2vlg

效果圖：

新建1000*1000畫(huà)布，填充顏色e82571，利用圓角矩形工具，半徑100像素按住Shift畫(huà)一個(gè)正方形，點(diǎn)一下上面的形狀，建立形狀圖層。

執(zhí)行圖層樣式斜面浮雕，投影和顏色疊加，參數(shù)：

如下，大家也可以自己摸索不同的數(shù)值：

效果：

新建一個(gè)空白圖層，用上面方法，用橢圓工具，建一個(gè)正圓的形狀圖層。

用參考線(xiàn)或者網(wǎng)格，使圓形盡量居中。添加圖層樣式-漸變疊加，參數(shù)如下：

效果如下：

將橢圓圖層1 復(fù)制一份，Ctrl+T調(diào)整大小，這里用數(shù)字調(diào)整，WH都改為87%

圖層樣式，添加漸變疊加和內(nèi)陰影：

漸變用角度漸變，注意首尾顏色一致即可，顏色大家可以吸色或者調(diào)些自己喜歡的顏色。

效果如下：

將橢圓圖層繼續(xù)復(fù)制一份，Ctrl+T變?yōu)樵瓉?lái)的70%，添加圖層樣式，斜面浮雕，漸變疊加和投影。

效果

將上面圖層復(fù)制一份，變?yōu)樵瓉?lái)的80%，用鋼筆工具，選擇合并形狀，在橢圓上加個(gè)三角形。

然后調(diào)整圖層樣式，只調(diào)整斜面浮雕，其余的保持原樣。

圖層現(xiàn)在除了背景圖層外有五個(gè)：

現(xiàn)在效果如下

將右邊名為橢圓 1 副本 2的圖層復(fù)制一份，拖到最上面，Ctrl+T變?yōu)樵瓉?lái)的50%.右鍵圖層。

清除圖層樣式，添加新的圖層樣式描邊和漸變疊加 ：

完成。