編者按：今天的圖標(biāo)教程適合新手臨摹，效果是美到爆的Smartisan 瀏覽器圖標(biāo)。教程過(guò)程細(xì)致，參數(shù)明了，涉及多個(gè)快捷鍵技巧，非常值得練習(xí) >>>

最終效果：

教程開(kāi)始，第一步新建，500*500畫(huà)布 拉個(gè)白到灰的徑向漸變。

橢圓工具拉個(gè)300*300的圓居中對(duì)齊填充灰色。

添加圖層樣式。

再畫(huà)一個(gè)較小的圓形。

添加圖層樣式：內(nèi)陰影和投影。

復(fù)制剛剛添加圖層樣式的圖層，右鍵清除圖層樣式 Ctrl+t按住alt+shift同比縮小2到4px左右。

給黑圓添加漸變，注意是角度漸變。

添加漸變后的樣子。

橢圓工具再畫(huà)一個(gè)圓，放在上面。

添加圖層樣式。

復(fù)制剛剛添加圖層樣式的圓形，清除圖層樣式，稍微放大2個(gè)像素左右。

再來(lái)添加圖層樣式。

再畫(huà)一個(gè)同等大小的。

羽化一下調(diào)整下透明度。

放在這個(gè)位置做為投影。

找到只添加藍(lán)色漸變的那個(gè)圖層，右鍵轉(zhuǎn)為智能對(duì)象。

ctrl+t，輸入20°

畫(huà)一個(gè)圓，大小自己感覺(jué)，能對(duì)上最好，填充相同的顏色。

放在接口處慢慢調(diào)整對(duì)齊。

效果如下：

找到接口的圓圖層和漸變的圓形圖層，Ctrl+E合并。

最后一步給合并的圖層添加內(nèi)陰影。

教程結(jié)束，最終效果：

【2015年最新圖標(biāo)教程合集】

?風(fēng)格素凈非常討人喜歡的播放器圖標(biāo)：
《PS教程！手把手教你快速打造簡(jiǎn)約的播放器圖標(biāo)》

兩個(gè)科幻感風(fēng)格的扁平化太空?qǐng)D標(biāo)！
《PS進(jìn)階教程！手把手教你繪制扁平風(fēng)行星與雷達(dá)圖標(biāo)》

喂！別忘了給他一個(gè)天空（來(lái)自有愛(ài)的評(píng)論串）
《PS初級(jí)教程！手把手教你繪制酷炫有型的火箭圖標(biāo)》

作者：看不見(jiàn)的敵人28

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

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