PS教程！手把手教你快速繪制超漂亮的色環！

編者按：今天來一篇技巧性教程，教同學們快速繪制一個色環，全文有很多快捷鍵操作以及漸變技巧，是新手熟悉基礎工具后進階的絕佳練習素材，還可以幫同學們熟悉色彩搭配，界面全中文，過程特別細致，想想自己有沒有方法臨摹一個，想不出就學起來吧 >>>

給新手的好文：

• 通俗易懂的配色教程：《色彩搭配速成！3個實用方法幫你全面搞定配色》
• 直截了當的快捷方法：《極速上手！120個PHOTOSHOP技巧幫你加速設計（下）》

_projava_：這個圓環中的格子是36*11，順時針方向是36個，橫向是11個，當然包括中間的白色。白色也算一個格子。

最終效果：

按照上面的長寬比數據，我新建了一個畫布，尺寸放大20倍，也就是720*220。

新建一層，填充PS自帶的彩虹漸變。

對照原圖的外黑里白的效果，添加一個黑白漸變，混合模式使用”強光"。

馬賽克，這是很關鍵的一步。之前我說了我把長寬比放大20倍，所以這里馬賽克的大小也設為20像素。

這一步也很重要，重新編輯圖像的大小，關閉約束比例，把高度也設為720。

確定之后你看到的是這么個東西。

極坐標，這里沒有什么好說的。

極坐標之后的效果。

在“路徑”里新建一個路徑，畫一個隨意大小的圓。

Ctrl+t調整這個路徑圓的大小及位置，直徑設為圖像的大小，也就是720。PS默認的時候長寬欄顯示的是百分比，不過你可以在那里右鍵把它設為像素。

Ctrl+alt+t，中心位置保持不動，直徑縮小65.5像素。為什么是65.5?我粗略的計算過，因為原圖中橫向格子是11個，所以720除以11，最后得出個大約數65.5。別對自己的目測過于自信，數字總是更可靠。

再往里的圈也是同樣道理，每個圈逐漸縮小65.5

以此類推完成后面的工作。

設置好一個2像素大小，硬度為100的畫筆，顏色選擇白色，點鋼筆，在路徑上右鍵描邊。

這是完成的效果。

還有輻射狀的描邊，用矩形工具畫一個隨意大小的白色矩形。

像剛才編輯圓圈路徑一樣，Ctrl+t調整這個方塊的大小和位置，注意它的高度，跟圓圈的描邊一樣，也是2個像素。

Ctrl+alt+t旋轉復制，這是最輕松的一步，360除以36個格子等于10°,所以在角度那里我旋轉10°。

之后狂按Shift+ctrl+alt+t，直到循環完成。這是我最喜歡的一步。

原圖中間好像是沒有描邊的，有兩個辦法。一個就是在路徑里復制最小的圓圈路徑。

然后在矢量蒙版用“減去”方式粘貼。

還有一個辦法就是在路徑里選擇最小的圓圈路徑，右鍵設為選區，按ALT在“輻射描邊“層點擊蒙版按鈕添加蒙版。其實我比較習慣前面的一種。

最后是完成效果：

_projava_大牛系列教程合集：

隨時隨地到世界各國旅游！就這么簡單！
《PS教程！手把手教你創建“舊地重游”的圖片效果》

非常受歡迎的文字效果，情懷滿滿的！
《PS教程！手把手教你繪制高格調的墻體雕刻文字》

3D效果十足！視覺沖擊力非常強的平面設計教程！
《PS教程！手把手教你打造蜘蛛俠鉆出屏幕的效果》

作者：_projava_

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

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