編者按：超精致圖標(biāo)教程第一彈！@張小碗兒grace?同學(xué)的教程非常用心。圖標(biāo)光影到位，細(xì)節(jié)豐富，過(guò)程清晰明了，細(xì)致入微，說(shuō)手把手教絕不為過(guò)。這一個(gè)為大家量身打造的教程，就別光馬克咯，速速學(xué)起來(lái) ?>>>

強(qiáng)烈推薦大家關(guān)注小碗同學(xué)的設(shè)計(jì)師交流群：150327690

先展示一下整體效果圖和兩個(gè)細(xì)節(jié)圖：

繪制網(wǎng)球基本雛形

首先新建一張紙。

寬：1600px? 高：1200px? 分辨率：72像素/英寸

名稱(chēng)：網(wǎng)球-test

添加畫(huà)紙背景色。

點(diǎn)擊選色工具中得前景色工具，輸入色值? e6efd4

繪制出網(wǎng)球基本圓

先點(diǎn)擊前景色 ，色值：90bf00

然后點(diǎn)擊圓形形狀工具 ， ps界面上方屬性欄顯示如下，寬：800px；長(zhǎng)：800px；

在屏幕中心創(chuàng)建圓形形狀，圖層命名為綠毛毛層，右下角為圖層狀態(tài)。

為綠毛毛層添加圖層樣式，使用顏色漸變，繪制出網(wǎng)球大概的體感，光感。

鼠標(biāo)選中綠毛毛層，再點(diǎn)擊圖層界面最下方圖層樣式：

混合模式：正常；? 樣式：徑向；? 角度：15度；? 縮放：150%

處理以上的參數(shù)外，還有點(diǎn)擊紅框內(nèi)的漸變條。

勾畫(huà)網(wǎng)球上的白線。新建圖層，命名為白線，點(diǎn)擊鋼筆工具，勾畫(huà)出網(wǎng)球上的白線，色值：e9efb8

給白線增加描邊的圖層樣式。大小：3px? ；位置：外部；? 混合模式：正片疊底；不透明度：11%

扣除網(wǎng)球多余的部分。

選擇綠毛毛層，點(diǎn)擊路徑選擇工具，再點(diǎn)擊屏幕中間的綠球，選中綠毛毛球的路徑。

再點(diǎn)擊鋼筆工具，在ps上方屬性欄上點(diǎn)擊紅色框內(nèi)的路徑選擇 工具，選擇下拉菜單中的 減去頂層形狀。

小心慢慢的扣去多余的形狀，如下圖：

刻畫(huà)網(wǎng)球絨毛材質(zhì)

這一步是繪制綠毛毛球的虛邊，為最后的毛絨邊做準(zhǔn)備，是步驟比較多的一步。

將綠色毛毛層【右鍵】轉(zhuǎn)化為? 智能對(duì)象

點(diǎn)擊濾鏡 - 雜色 - 添加雜色

數(shù)量：16%?? 分布：平均分布?? 勾選單色

點(diǎn)擊濾鏡 - 模糊 - 徑向模糊

數(shù)量：10 ；模糊方法：縮放；品質(zhì)：草圖；

點(diǎn)擊濾鏡 - 銳化 - 進(jìn)一步銳化

這一步是繪制綠毛毛球的表面。

將剛才做好的綠毛毛層復(fù)制（起名綠毛毛層-2），放在原綠毛毛層的上面，然后關(guān)掉 進(jìn)一步銳化、徑向模糊前面的小眼睛。

然后給綠毛毛-2層再加一個(gè) 高斯模糊的濾鏡。

半徑：0.5px

細(xì)致繪制白色膠質(zhì)部分

因?yàn)榘拙€的的原因，網(wǎng)球綠毛毛層在貼近白線的部分會(huì)產(chǎn)生一定的厚度。

首先我們來(lái)做上陰影。將白線層復(fù)制，起名為白線-2，再將綠毛毛層-2復(fù)制，起名為白線材質(zhì)-1? ，【右鍵】白線材質(zhì)-1層；

選擇創(chuàng)建剪切蒙版 , 將白線材質(zhì)-1的圖層屬性改為正片疊底。圖層狀態(tài)如下圖。

然后選中紅框中的兩個(gè)圖層（白線-2、白色材質(zhì)-1），上移10px

然后我們?cè)儆猛瑯拥姆椒▉?lái)做上陰影。將白線層復(fù)制，起名為白線-3，再將綠毛毛層-2復(fù)制，起名為白線材質(zhì)-2 ，【右鍵】白線材質(zhì)-2層 ;

選擇創(chuàng)建剪切蒙版 , 將白線材質(zhì)-2的圖層屬性改為柔光。圖層狀態(tài)如下圖。

然后選中紅框中的兩個(gè)圖層（白線-2、白色材質(zhì)-1），上移10px

添加白線明暗。

有很多的方法可以給白線加明暗光影，我這用的是筆刷工具。選擇這款柔柔的筆刷，大小：800px ; 用前景色工具選取 , 色值：4e6e17

在白線-1上面，新建圖層，起名為白線暗部-1，右鍵白線暗部-1層，創(chuàng)建剪切蒙版，在下圖1號(hào)位置上，點(diǎn)一下。

在白線暗部-1上面，新建圖層，起名為白線暗部-2，右鍵白線暗部-2層，創(chuàng)建剪切蒙版，在下圖2號(hào)位置上，點(diǎn)一下。

在白線暗部-2上面，新建圖層，起名為白線暗部-3，右鍵白線暗部-3層，創(chuàng)建剪切蒙版，在下圖3號(hào)位置上，點(diǎn)一下。

注意一下：3號(hào)位置因?yàn)殡x光源比較近，所以白色暗部-3的涂層屬性為正片疊底，不透明度為70%。

用前景色工具選取色值：ffffff

在白線暗部-3上面，新建圖層，起名為白線亮部-1，右鍵白線亮部-1層，創(chuàng)建剪切蒙版，在下圖4號(hào)位置上，點(diǎn)一下。

添加白線上的紋理。

先給白線加一層淺淺的紋理，把白色材質(zhì)-1層復(fù)制，起名白色材質(zhì)-3，放在白色亮部-1的上面。右鍵白線材質(zhì)-3，創(chuàng)建剪切蒙版。

然后將白線材質(zhì)-3的圖層屬性改為柔光。

選擇白線材質(zhì)-3，按鍵盤(pán)快捷鍵 ctrl+u鍵，彈出色相/飽和度界面。

色相：0；飽和度：-60；明度：0；

下面要給白線添加一些類(lèi)似浮雕一樣的材質(zhì)。

有很多的方法可以做白線上一些細(xì)小的材質(zhì)，我這里用的是光效筆刷（微盤(pán)下載），然后進(jìn)行圖層樣式和圖層屬性的處理。

將下載好的筆刷加載到PS筆刷庫(kù)里，在白線材質(zhì)-3上新建一層，起名為白線材質(zhì)-4。

點(diǎn)擊畫(huà)筆工具 , 選擇剛剛加載的筆刷。

用前景色工具選取色值：ffffff；筆刷大小設(shè)定為250px ;

右鍵白線材質(zhì)-4，創(chuàng)建剪切蒙版。

選擇白線材質(zhì)-4圖層，再點(diǎn)擊圖層界面下方的圖層樣式按鈕，選擇斜面和浮雕。

樣式：內(nèi)斜面； 方法：雕刻清晰； 深度：53%； 方向：上； 大小：5px； 軟化：0px；

角度：60°； 高度30°；

高光模式：正常；不透明度：8%；色值：ffffff；

陰影模常：正常；不透明度：70%?? 色值：3d4e04

將白線材質(zhì)-4的圖層樣式調(diào)整為柔光，不透明度：50%

細(xì)致繪制網(wǎng)球毛邊

外邊緣毛邊。

復(fù)制綠毛毛-1層，命名為綠毛毛層-2，放在綠毛毛層-1下面.【右鍵】綠毛毛層-2，選擇柵格化圖層；用這一層來(lái)做毛邊效果

使用涂抹工具來(lái)實(shí)現(xiàn)毛邊效果，大小：3px； 模式：正常；強(qiáng)度80%

在邊緣涂抹出網(wǎng)球的毛邊，這時(shí)候就比較考驗(yàn)?zāi)托牧耍磕ǖ阶约簼M(mǎn)意就可以了。

細(xì)化細(xì)節(jié)。
下圖黑框里面的地方是網(wǎng)球離光源最近的地方，所以它的細(xì)致度要增強(qiáng)一些。用筆刷工具，選擇這款筆刷，筆刷大小為1px , 用前景色工具選取色值:f3fb04? ,細(xì)細(xì)的刻畫(huà)一些小細(xì)節(jié)，增加亮點(diǎn)。

?【能搞定的同學(xué)給你送點(diǎn)福利】

千萬(wàn)千萬(wàn)低調(diào)收藏馬克：
《強(qiáng)烈推薦：90%的人都不知道的電影資源下載站》

邊放松邊提高審美的電影大片：
《看電影漲姿勢(shì)！有哪些電影適合推薦給學(xué)藝術(shù)的人看？》
《看電影漲姿勢(shì)！哪些電影適合推薦給學(xué)藝術(shù)的人看？（二）》

投稿者：@張小碗兒grace

【優(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ì)微博：擁有粉絲量90萬(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ì)教程和各種意想不到的"福利"嗎？添加優(yōu)設(shè)哥微信號(hào)：youshege