編者按：一枚超級漂亮的圖標教程。今天@P大點S微博?同學臨摹了一個色板圖標，效果好到發(fā)指，重點是圖層樣式的運用，關鍵部分都有大字標示，方便大家練習。不多說，開工 >>>

方便練習教程系列：

• 《PS教程！手把手教你繪制效果逼真的黑板粉筆字》
• 《PS教程！手把手教你打造好吃的煎餅蜂蜜字體效果》

源文件 微盤下載

效果圖：

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

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

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

效果：

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

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

效果如下：

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

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

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

效果如下：

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

效果

將上面圖層復制一份，變?yōu)樵瓉淼?0%，用鋼筆工具，選擇合并形狀，在橢圓上加個三角形。

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

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

現(xiàn)在效果如下

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

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

完成。

【效果喜歡到哭的教程系列】

評論有妹子看到效果已不能自拔：
《PS教程！手把手教你繪制精致舒服的播放器圖標》

一秒鐘俘獲直男的心，木有之一！
《PS進階教程！30分鐘擬物圖標速成記之直刀篇》

評論區(qū)一片盛贊！簡單好學效果經(jīng)驗！
《PS新手教程！教你快速繪制精致有格調(diào)的馬賽克背景》

原文地址：tieba.baidu
作者：@P大點S微博

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設計師學習平臺，專注分享網(wǎng)頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量91萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ，歡迎關注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設計 微信號：【youshege】優(yōu)設哥的全拼
您也可以通過掃描下方二維碼快速添加：