上次優設分享了@網秦UEC?同學的圓環教程上集，很多同學詢問下集的上色教程，今天咱們書接上回，來為圓環上色和制作質感，上次還沒練習完的同學，練手機會到咯！

第一集教程：《PS教程！手把手教你繪制炫彩立體圓環圖標（一）》

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

得到這樣的效果：

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

藍色

紅色

黃色

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

之后我們為圓環添加一個頂部高光。在圓環圖層之上新建一個空白圖層（快捷鍵ctrl＋alt＋shift＋N）。

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

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

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

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

用遮罩把多余的底光和頂光遮擋起來，點擊大圓a得到大圓的選區，選中文件夾“環”，點擊底部遮罩圖標，建立遮罩，如下

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

得到如下效果：

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

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

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

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

如果制作過程中有疑問，可以加網秦同學的QQ：297721382，找管理員索取這個圖標的PSD原文件呦。

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

【圖標精選教程合集！】

寫實風格的推特小鳥圖標教程！
《PS高級教程！手把手教你創建可愛的推特小鳥圖標》

復古風格的書本圖標繪制教程！
《PS中級教程！教你利用PS繪制精美的復古書本圖標》

牛皮質感的通訊簿圖標繪制教程！
《PS教程！手把手教你打造復古的牛皮質感通訊簿圖標》

原文地址：uec.nq

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

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