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

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

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

我們先排列好畫布：

然后新建個漸變調(diào)整層，仔細(xì)觀察原圖背景，我們不難發(fā)現(xiàn)原圖的背景不是純色的。

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

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

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

效果如下：

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

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

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

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

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

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

選擇橢圓工具。

然后新建一個空白圖層。

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

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

然后弄個漸變。

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

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

再來個內(nèi)陰影，注意陰影的顏色哦！

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

我們來弄弄這個。

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

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

來個漸變。

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

然后弄好啦?。。?/p>

【UI設(shè)計學(xué)習(xí)三部曲】

Step 1：騰訊設(shè)計師的新人培訓(xùn)教程！初學(xué)者必備！
《傳承設(shè)計經(jīng)驗！圖標(biāo)設(shè)計初階的3大關(guān)鍵入門知識點！》

Step 2：到頂尖UI設(shè)計師集聚地吸收經(jīng)驗與靈感！
《設(shè)計師必讀！玩轉(zhuǎn)Dribbble終極指南》

Step 3：每天一練！技巧都學(xué)全！
《PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)》

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

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

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