色相環的製作練習的確可以熟悉軟體的操作基礎和色彩知識，你看來很用功啊！

01.在軟體中新建一個檔案，設定引數為20釐米乘以20釐米的正方形，解析度為300畫素/英寸，RGB模式。

02.建立好空白檔案後，在試圖選單下開啟新建參考線，垂直和水平方向各建立一條，都設定位置為50%，這是建立檔案的中線以方便找到整個檔案的中心點。

03.建立好的兩條垂直線的相交點即是中心點，在工具欄中選擇橢圓選區工具，將滑鼠移動到中心點上，當滑鼠變紅色時即是對準。此時按住Shift和Alt鍵以中心為圓心建立出一個正圓。

04.正圓繪製出來以後記住一定要新建圖層，如果此時你忘記了新建圖層那後面的步驟將會很麻煩。

05.在前景色調配一個淺灰色，此處儘量不要使用純色，儘可能使用灰色系，不然很有可能跟後面的色彩混合到一起難以分辨，選擇好顏色以後在編輯選單下選擇填充命令，將灰色填充到圓圈中。

06.填充完畢後保留選區，在選擇選單下開啟變換選區命令，記住是變換選區，不是編輯選單下的自由變換，一定要區分這兩個命令。

07.在變換選區命令編輯狀態下，按住Shift和Alt鍵，保持正圓不變形，保持以圓心為縮放中心，將選區向內部拖拽，最後使選區小於填充的灰色圓圈一部分即可（不要變化太大，不然會很醜）。

10.利用矩形選框工具將圓環的右半部分選中，有輔助線存在很好選擇的，選擇的時候框選的範圍儘量大一些，一定要將右半個全部框選進去。

12.接下來給剩餘的半個圓環做自由變換操作，在編輯選單下選擇自由變換命令。

13.在自由變換編輯狀態下，利用滑鼠將半個圓的中心點（旋轉軸）移動到當初整個圓環的圓心部分，也就是輔助線相交點位置。

14.在自由變換的屬性欄中角度的選框中輸入14度（一個圓的角度是360度，色相環有24色需要24個格子，每個格子15度，還需保留格子之間的縫隙，所以此處填14度），此時左半個圓環將會以圓心為軸進行傾斜旋轉，有一部分會越過中間的垂直輔助線。

15.確定自由變換後再次利用矩形選框選中中間垂直輔助線以左的圓環部分。

16.將選中部分進行清除，此時只剩下了一個很小的一部分圓環，只有14度，這才是我們想要的部分。

17.再次執行自由變換命令，同樣將這個14度圓環的中心點（旋轉軸）用滑鼠拖拽到輔助線相交的圓心上，屬性欄角度選框中輸入15度。

18.確定後可以看到這個14度的圓環會有一個15度的傾斜旋轉，接著直接按住組合快捷鍵Ctrl+Shift+Alt+T，進行重複自由變換操作，此時可以邊變換邊複製，快捷鍵使用方法是Ctrl、Shift、Alt三個鍵按住不動，T一下一下的按下去，你會看到，原來只有一個14度的圓弧，現在多了起來，一直複製到整個圓環完成。

20.點開拾色器，在拾色器中填寫色值以得到標準的顏色，先選擇紅色，RGB色值為255,0,0。

21.選好顏色後，利用快捷鍵Shift+Alt+Delete將前景色填充到選中的圖層中（圖層順序不能錯，第一個圖層為中線靠右的影象所對應的圖層），這樣就得到了色相環中第一塊顏色。然後順時針去數八個格子，不包括已經填充的顏色，數到第八個後點擊右鍵選擇相應圖層。

23.將選擇好的綠色使用快捷鍵Shift+Alt+Delete填充到剛剛選擇的第八個格子裡面，此時綠色被填充好，同樣的選擇和操作，再次順時針去數第八個格子，記住不包括已經填充的綠色格子，然後前景色選擇藍色0,0,255，進行填充，三個原色填充完畢後效果如圖。

24.三個原色填充好以後緊接著去填充由三個原色混合出的間色，間色位置在兩個原色中間的格子，這就比較好找到了，利用選擇工具先去選中紅色和綠色之間的格子，選中相對應的圖層。

25.紅色和綠色之間的格子需要填充的是黃色，進入拾色器選擇黃色，黃色色值為255,255,0。

26.設定好黃色以後依然可以利用前面所用到的無選區填充快捷鍵Shift+Alt+Delete來進行填充。

27.然後去對藍色和綠色之間的間色進行填充，設定前景色為青色，青色色值為0，255，255。

28.同樣使用Shift+Alt+Delete將青色填充到綠色和藍色中間的格子中，一定要選對圖層才可以填充，不然會出現錯誤。

29.點開前景色進入拾色器，設定顏色為洋紅色，洋紅色色值為255,0,255。

30.將洋紅色填入紅色和藍色中間的格子中，此時三個間色就填充完畢了，整個色相環已經填充了六個色塊，完成了四分之一。

31.剩下的格子中色彩的填充就不太好運算了，不過如果你能夠弄清楚運算規律那就很簡單了，先從緊挨著紅色的格子開始吧，移動工具先選擇好這個格子的對應圖層。

32.關鍵的是對色彩的設定，你必須要知道此時色相環中色彩的變化規律。你可以這樣去分析，在黃色中紅色色值還是255，那說明紅色到黃色之間的三個格子中紅色都是255滿值；黃色的時候綠色色值同樣也是255，那說明從綠色到黃色之間的三個格子的顏色中綠色色值也肯定都是255的滿值。黃色的時候綠色色值是255，到紅色格子的時候綠色卻變成了0，那可以利用一個除法來運算每個格子少了多少，255/4=63.75，但是色值沒有小數點，只有整數。四捨五入得到64，大概每個格子減少了64個色值，這樣就可以推算出每個格子的色值了。每個格子是以64為單位遞增或者遞減的，那麼緊挨著紅色的格子的色值就是紅色滿值255，綠色64。

33.填充了紅色後面第一個格子色彩後就可以按照遞增規律設定色彩了，那麼紅色後的第二個格子的色彩就是紅色保持滿值255，綠色遞增64也就是128。

34.同理運算出紅色後的第三個格子的色值為紅色滿值255，綠色遞增64也就是192，當然也可以用滿值的綠色255減去64得到191,191和192這兩個色值都可以。

35.將這三個格子填充完畢後紅色到黃色之間的色彩變化就搞定了。

36.接著開始填充黃色後面的格子，同樣要用移動工具選中相應圖層，填充每個格子的時候都需要選中所對應的圖層。

37.黃色後的格子顏色為綠色滿值255，紅色減少64也就是191或者192。

38.黃色後的第二個格子就是綠色滿值255，紅色遞減64也就是128

39.黃色後的第三個格子就是綠色滿值255，紅色遞減64也就是64。

40.這三個格子填充好以後效果如圖，可以對照效果圖檢測一下自己的色彩是否準確。

41.按照這樣的運算方法將所有格子的色彩運算出並且填充，其中有一個規律就是靠近哪個原色的格子裡面的色值中哪個顏色為滿值，遠離的原色遞減或遞增，填充完所有格子後一個24色的色相環就誕生了。

43.合併後將色相環進行圖層複製，連著複製兩個出來，一共有三個色相環存在。

44.選中任何一個進行自由變換，縮放的時候保持圓形，保持中心縮放，按住Shift和Alt即可，縮放到比原始的色環小一圈，中間需要留有一個縫隙，確定後如圖。

45.再次選擇一個色環圖層同樣進行自由變換，縮小到最裡面，保持一個縫隙。

46.接下來對三個色環進行純度的調整，最外面的大環保持不變，選中中間環的圖層，開啟色相/飽和度命令，將飽和度減少25。

47.接著選中最小環的圖層，再次開啟色相/飽和度命令，將飽和度減少50，如圖。這樣色相環從外到內就有了飽和度的變化，最外圈是標準色，360度是標準的色相。

48.接下來需要標註色相環中的冷暖色系，在工具欄中選擇橢圓選框工具，滑鼠移動到圓心位置，按住Shift和Alt鍵繪製一個正圓選區，選擇範圍大於最大的圓環即可所示。

49.做好選區以後在圖層新建一個空白圖層，在編輯選單下開啟描邊命令，設定描邊顏色為黑色，描邊寬度為3畫素，給選區進行描邊操作。

50.將描邊的圓環線圖層複製一個，利用自有變換進行等比放大，放大的時候保持中心不變，需要按住Shift和Alt鍵。

51.工具欄中選擇文字工具，在畫面中點下滑鼠切換輸入法就可以輸入文字，輸入“冷極”兩個字。

52.適當調整文字大小和文字方向位置及角度，最終將文字拖到天藍色的位置，因為天藍色為色相環中最冷的顏色，被稱為冷極。

53.將冷極兩個字複製，利用移動工具並按住Alt即刻直接複製，複製後拖到橙色的區域並將“冷極”兩個字改為“暖極”。

56.在工具欄中選擇畫筆工具，設定畫筆筆頭為實邊緣畫筆，不透明度100%，畫筆大小3畫素，顏色為黑色。利用畫筆將每個弧線的端點繪製一段線條，繪製直線可以點下滑鼠後按住Shift完成。

57.所有弧線端點處都繪製好以後範圍標註的線就製作好了，主要是用來標註冷暖色系和中性色系所示。

58.將所有標註區域的文字填寫完成，可以透過複製前面調整好大小的文字，然後將文字內容修改即可。如果文字的角度不合適可以利用自有變換進行旋轉操作。

59.在圓環中間三原色想對應的位置放置幾個字母，標註一下每個原色。

60.接下來將色相環的角度標註，新建圖層，利用畫筆在中間部分繪製一條垂直線，線的長度要超出繪製的圓弧線一部分。

61.給繪製的垂直線執行自由變換操作，在自由變換的屬性欄中的角度選框中輸入45度。

62.接著利用前面複製色相環格子的方式將這條線複製成四條，按住Ctrl+Alt+Shift+T即可。

63.將這四個直線圖層選中並且進行圖層拼合。

64.再次利用橢圓工具以圓心為中心繪製一個正圓，選區大小超出最外面的圓弧線一部分即可。

66.以45度為一個標註，分別為0度、45度、90度、135度、180度，左邊部分填充為負數，那就是-45度、-90度、-135度。

67.到此整個色相環就製作完畢，在色相環中我們可以讀出色相與飽和度的變化，色彩冷暖的劃分，色相角度的改變效果等，此色相環不但在製作過程中讓我們重新複習了很多以前的基本操作，還熟悉了色彩色值的運算，製作好以後一定好好儲存下來，以後用到色相環的時候會很多，最終的色相環如圖。

By 亮亮老師

建議不需要繪製色相環

想提升色彩敏感度提升審美多看看優秀的作品；

平時看看書【例如:色彩原理】；

有空去看看作品展這些非常有用。

色相環PS裡面就有，不行你安裝個外掛也可以看到，再或者你到abobe官網配色那個網站也有。

關於色相環的製作應該有好幾種方法，今天用剪貼蒙版的方法回答一下題主的問題。話不多說，下面我們就開始製作一個比較簡單的色相環吧。

1首先我們開啟PS軟體，新建一個800*800畫素畫布，如圖所示

2選擇漸變工具，選擇色譜，角度漸變，從中間向邊緣處拉，如圖所示

3將背景圖層複製一層，並選擇自定義工具，找到圓形邊框圖形，按住shift鍵拉出一個圓形邊框，如圖所示

4將圖層1置頂和形狀1柵格化圖層，並將背景層眼睛關閉，按住alt鍵，在圖層1與形狀1之間單擊，效果如圖所示

這樣一個比較好看的色環就製作完成了，大家多多支援~

操作步驟：

1.先畫好一個空心圓，按住shift+alt以中心點畫一箇中心圓。

3.新建空白圖層，選“漸變工具”，選區七彩虹的顏色漸變。

完成啦！