上次優(yōu)設(shè)分享了@網(wǎng)秦UEC?同學(xué)的圓環(huán)教程上集，很多同學(xué)詢問下集的上色教程，今天咱們書接上回，來為圓環(huán)上色和制作質(zhì)感，上次還沒練習(xí)完的同學(xué)，練手機會到咯！

第一集教程：《PS教程！手把手教你繪制炫彩立體圓環(huán)圖標(biāo)（一）》

簡單起見我們使用圖層樣式完成這部分工作，首先是綠色圖層g的樣式：

得到這樣的效果：

再接再厲，為剩下三個圓套用下面的樣式：

藍(lán)色

紅色

黃色

樣式加好后得到這樣的效果：

之后我們?yōu)閳A環(huán)添加一個頂部高光。在圓環(huán)圖層之上新建一個空白圖層（快捷鍵ctrl＋alt＋shift＋N）。

之后選中漸變工具，首先調(diào)整為模式。選擇頂部菜單欄下方工具欄中的漸變模式，點擊進入到編輯模式，選擇預(yù)設(shè)中第二個前景色到透明漸變模式這樣以來我們便可以制作由前景色到透明的漸變圖形了！

接下來選擇頂部菜單工具欄中的徑向漸變，在剛才新建的空白圖層，拽一個尺寸合適的高光出來，通過變形工具（菜單－自由變換，快捷鍵Ctrl＋T）稍微調(diào)整一下，并把不透明度設(shè)為70%?，效果下圖：

同樣的方法在底部拽一個漸變，模式改為柔光不透明度70%

這樣一來，圓環(huán)的基本色，漸變，高光底光都有了。我們需要把他們視作一個整體，繼續(xù)強化質(zhì)感。選中所有圓弧以及高光，底光在內(nèi)的六個圖層，把它們放到同一個分組里（快捷鍵Ctrl＋G）。

用遮罩把多余的底光和頂光遮擋起來，點擊大圓a得到大圓的選區(qū)，選中文件夾“環(huán)”，點擊底部遮罩圖標(biāo)，建立遮罩，如下

接下來給文件夾“環(huán)”添加樣式，和給圖層添加樣式一樣的，雙擊文件夾層，添加樣式

得到如下效果：

最后一步了，添加背景。首先把剛才創(chuàng)建的這個文件夾整個復(fù)制一個（快捷鍵Ctrl＋J）

把得到的這個新文件夾命名為“背景”。在文件夾圖層上點右鍵，選擇轉(zhuǎn)換為智能對象

接下來把它變成一個模糊的背景，保持背景智能對象選中的狀態(tài)下，選擇頂部菜單中的濾鏡－模糊－高斯模糊，半徑設(shè)為80.

圖層不透明度改為80%，就大功告成了：

如果制作過程中有疑問，可以加網(wǎng)秦同學(xué)的QQ：297721382，找管理員索取這個圖標(biāo)的PSD原文件呦。

好的設(shè)計作品需要錘煉，對，就是用大錘子錘自己！

【圖標(biāo)精選教程合集！】

寫實風(fēng)格的推特小鳥圖標(biāo)教程！
《PS高級教程！手把手教你創(chuàng)建可愛的推特小鳥圖標(biāo)》

復(fù)古風(fēng)格的書本圖標(biāo)繪制教程！
《PS中級教程！教你利用PS繪制精美的復(fù)古書本圖標(biāo)》

牛皮質(zhì)感的通訊簿圖標(biāo)繪制教程！
《PS教程！手把手教你打造復(fù)古的牛皮質(zhì)感通訊簿圖標(biāo)》

原文地址：uec.nq

【優(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è)計微博：擁有粉絲量87萬的人氣微博@優(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è)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：