PS教程：手把手教你臨摹精致細膩的色板圖標

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

方便練習教程系列：

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

源文件 微盤下載

效果圖：

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

執行圖層樣式斜面浮雕，投影和顏色疊加，參數：

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

效果：

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

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

效果如下：

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

圖層樣式，添加漸變疊加和內陰影：

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

效果如下：

將橢圓圖層繼續復制一份，Ctrl+T變為原來的70%，添加圖層樣式，斜面浮雕，漸變疊加和投影。

效果

將上面圖層復制一份，變為原來的80%，用鋼筆工具，選擇合并形狀，在橢圓上加個三角形。

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

圖層現在除了背景圖層外有五個：

現在效果如下

將右邊名為橢圓 1 副本 2的圖層復制一份，拖到最上面，Ctrl+T變為原來的50%.右鍵圖層。

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

完成。

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

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

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

評論區一片盛贊！簡單好學效果經驗！
《PS新手教程！教你快速繪制精致有格調的馬賽克背景》

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

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

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