編者按：今天是一個圖標臨摹教程，平時同學們看到好看的圖標，如果想臨摹但不知道從什么地方入手，可以先來借鑒下@上清若銘?的思路呦。特別是圖層樣式方面，講得非常仔細，新手的臨摹絕佳教程！

14年你錯過了哪些精品教程+高人氣資源？來這兒搜羅 >>>?《年度頒獎盛典！2014年最受歡迎的設計資源大盤點》

P大點S：善用圖層樣式，你會發現圖層樣式非常的強大，下面的圖片很簡單，用圖層樣式就可以做了出來。

我們先排列好畫布：

然后新建個漸變調整層，仔細觀察原圖背景，我們不難發現原圖的背景不是純色的。

然后漸變的顏色，中心的地方的顏色我們給亮點，四周的顏色我們加點灰色。

中間的圖標是圓角的，所以我們選擇圓角矩形工具。

然后修改半徑，半徑的多少是根據你的畫布的大小而定的，多試試，然后對比。

效果如下：

雙擊擊縮略圖右下角的東東，就會彈出個拾色器。

我們就選擇個淡淡的綠色。

然后選擇混合選項，對比原圖，修改參數。

然后我們修改下光澤等高線，因為原圖的兩邊是沒有明顯的凸起的，所以我們修改修改去掉。

然后我們點投影，投影的顏色我們改改，因為考慮到環境的影響，我們的投影的顏色應該是墨綠色，最好比我的顏色還要黑，我等等也會修改的。

然后投影的其他參數，注意對比原圖，我們可以看出，原圖的投影是兩邊收縮凸顯中間的。

選擇橢圓工具。

然后新建一個空白圖層。

我們在中間按住shift鍵按比例放大，如果在放大的過程中位置對不上，我們可以同時按住空格鍵移動位置。

主要就是修改這些，不過參數是死的，人是活的，大家靈活變動，不要和我一模一樣。

然后弄個漸變。

同樣新建空白圖層，用橢圓工具拉出一個圓形。

給剛剛的橢圓來個漂亮的漸變。

再來個內陰影，注意陰影的顏色哦！

再次新建空白圖層，拉出個圓，選擇顏色。

我們來弄弄這個。

粉色的圓形改下角度就可以了。

中間也弄個圓形，圖層樣式——投影！投影的顏色你們注意下，然后投影也是收縮下兩邊。

來個漸變。

再在中間弄個圓形，拉個漸變！！！

然后弄好啦！！！

【UI設計學習三部曲】

Step 1：騰訊設計師的新人培訓教程！初學者必備！
《傳承設計經驗！圖標設計初階的3大關鍵入門知識點！》

Step 2：到頂尖UI設計師集聚地吸收經驗與靈感！
《設計師必讀！玩轉Dribbble終極指南》

Step 3：每天一練！技巧都學全！
《PS+AI制作精致可愛的毛線風格圖標》

原文地址：tieba.baidu
作者：@上清若銘

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

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