03.03 PS怎么绘制色相环?

中艺摄影微课堂


色相环的制作练习的确可以熟悉软件的操作基础和色彩知识,你看来很用功啊!

24色相环制作:

01.在软件中新建一个文件,设置参数为20厘米乘以20厘米的正方形,分辨率为300像素/英寸,RGB模式。

02.建立好空白文件后,在试图菜单下打开新建参考线,垂直和水平方向各建立一条,都设置位置为50%,这是建立文件的中线以方便找到整个文件的中心点。

03.建立好的两条垂直线的相交点即是中心点,在工具栏中选择椭圆选区工具,将鼠标移动到中心点上,当鼠标变红色时即是对准。此时按住Shift和Alt键以中心为圆心建立出一个正圆。

04.正圆绘制出来以后记住一定要新建图层,如果此时你忘记了新建图层那后面的步骤将会很麻烦。

05.在前景色调配一个浅灰色,此处尽量不要使用纯色,尽可能使用灰色系,不然很有可能跟后面的色彩混合到一起难以分辨,选择好颜色以后在编辑菜单下选择填充命令,将灰色填充到圆圈中。

06.填充完毕后保留选区,在选择菜单下打开变换选区命令,记住是变换选区,不是编辑菜单下的自由变换,一定要区分这两个命令。

07.在变换选区命令编辑状态下,按住Shift和Alt键,保持正圆不变形,保持以圆心为缩放中心,将选区向内部拖拽,最后使选区小于填充的灰色圆圈一部分即可(不要变化太大,不然会很丑)。

08.双击鼠标确定变换选区的编辑,此时选区缩小,选中灰色圆圈图层在编辑菜单下点击清除命令,或者使用按键Delete将选区内的灰色部分删除。

09.中间删除后会得到一个灰色的圆环,此时在选择菜单下将选区取消。

10.利用矩形选框工具将圆环的右半部分选中,有辅助线存在很好选择的,选择的时候框选的范围尽量大一些,一定要将右半个全部框选进去。

11.选中后同样用编辑下面的清除命令将右边半个圆环删除,此时只剩下了左边半个圆环。

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度的圆弧,现在多了起来,一直复制到整个圆环完成。

19.到此色相环的24个格子就操作完毕,接下来一个个选择好进行色彩填充,先选择中间靠右的,以此为第一个,可以鼠标在此处点击右键选择相对应图层,也可以按住Ctrl直接利用移动工具点击选择相对应图层。

20.点开拾色器,在拾色器中填写色值以得到标准的颜色,先选择红色,RGB色值为255,0,0。

21.选好颜色后,利用快捷键Shift+Alt+Delete将前景色填充到选中的图层中(图层顺序不能错,第一个图层为中线靠右的图像所对应的图层),这样就得到了色相环中第一块颜色。然后顺时针去数八个格子,不包括已经填充的颜色,数到第八个后点击右键选择相应图层。

22.再次点击前景色进入拾色器,设置颜色为绿色,我们目的就是先将三个原色进行填充,绿色的色值为0,255,0。

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色的色相环就诞生了。

42.后续的工作还有很多,不要松懈,将所有填充了颜色的图层全部选中,最后的白色背景层不要选中,然后在任何一个图层上点击右键选择拼合图层,将所有填了颜色的图层合并为一个图层。

43.合并后将色相环进行图层复制,连着复制两个出来,一共有三个色相环存在。

44.选中任何一个进行自由变换,缩放的时候保持圆形,保持中心缩放,按住Shift和Alt即可,缩放到比原始的色环小一圈,中间需要留有一个缝隙,确定后如图。

45.再次选择一个色环图层同样进行自由变换,缩小到最里面,保持一个缝隙。

46.接下来对三个色环进行纯度的调整,最外面的大环保持不变,选中中间环的图层,打开色相/饱和度命令,将饱和度减少25。

47.接着选中最小环的图层,再次打开色相/饱和度命令,将饱和度减少50,如图。这样色相环从外到内就有了饱和度的变化,最外圈是标准色,360度是标准的色相。

48.接下来需要标注色相环中的冷暖色系,在工具栏中选择椭圆选框工具,鼠标移动到圆心位置,按住Shift和Alt键绘制一个正圆选区,选择范围大于最大的圆环即可所示。

49.做好选区以后在图层新建一个空白图层,在编辑菜单下打开描边命令,设置描边颜色为黑色,描边宽度为3像素,给选区进行描边操作。

50.将描边的圆环线图层复制一个,利用自有变换进行等比放大,放大的时候保持中心不变,需要按住Shift和Alt键。

51.工具栏中选择文字工具,在画面中点下鼠标切换输入法就可以输入文字,输入“冷极”两个字。

52.适当调整文字大小和文字方向位置及角度,最终将文字拖到天蓝色的位置,因为天蓝色为色相环中最冷的颜色,被称为冷极。

53.将冷极两个字复制,利用移动工具并按住Alt即刻直接复制,复制后拖到橙色的区域并将“冷极”两个字改为“暖极”。

54.接下来利用多变形套锁工具选择区域进行圆环线的进一步裁切,先选中里面的圆环线图层,利用多变形套锁工具勾选暖极两边各四个格子的部分和冷极两边各四个格子的部分,并且直接将选择的部分删除掉,记住取消选区所示。

55.然后选择外面的圆环线图层,利用多边形套索工具勾选距离冷极和暖极相等距离的左右六个格子,每边三个,然后删除选中部分的弧线,取消选区所示,其实这些处理是为了将圆环线制作成范围标注的弧线。

56.在工具栏中选择画笔工具,设置画笔笔头为实边缘画笔,不透明度100%,画笔大小3像素,颜色为黑色。利用画笔将每个弧线的端点绘制一段线条,绘制直线可以点下鼠标后按住Shift完成。

57.所有弧线端点处都绘制好以后范围标注的线就制作好了,主要是用来标注冷暖色系和中性色系所示。

58.将所有标注区域的文字填写完成,可以通过复制前面调整好大小的文字,然后将文字内容修改即可。如果文字的角度不合适可以利用自有变换进行旋转操作。

59.在圆环中间三原色想对应的位置放置几个字母,标注一下每个原色。

60.接下来将色相环的角度标注,新建图层,利用画笔在中间部分绘制一条垂直线,线的长度要超出绘制的圆弧线一部分。

61.给绘制的垂直线执行自由变换操作,在自由变换的属性栏中的角度选框中输入45度。

62.接着利用前面复制色相环格子的方式将这条线复制成四条,按住Ctrl+Alt+Shift+T即可。

63.将这四个直线图层选中并且进行图层拼合。

64.再次利用椭圆工具以圆心为中心绘制一个正圆,选区大小超出最外面的圆弧线一部分即可。

65.选中合并后的直线图层,利用删除命令将选区内的直线删除,然后在每个剩余的直线部分打字度数,最上面角度为0度。

66.以45度为一个标注,分别为0度、45度、90度、135度、180度,左边部分填充为负数,那就是-45度、-90度、-135度。

67.到此整个色相环就制作完毕,在色相环中我们可以读出色相与饱和度的变化,色彩冷暖的划分,色相角度的改变效果等,此色相环不但在制作过程中让我们重新复习了很多以前的基本操作,还熟悉了色彩色值的运算,制作好以后一定好好保存下来,以后用到色相环的时候会很多,最终的色相环如图。

By 亮亮老师


中艺摄影微课堂


操作步骤:

1.先画好一个空心圆,按住shift+alt以中心点画一个中心圆。

2.再以中心点按住alt点击拉动再按住shift变正圆,松掉alt再按alt这个过程中shift不要松。这样同心圆就完成了。

3.新建空白图层,选“渐变工具”,选区七彩虹的颜色渐变。

4.渐变样式选择“角度渐变”,点击中心按住shift向上拉。

完成啦!


猎豹设计素材库


建议不需要绘制色相环


想提升色彩敏感度提升审美多看看优秀的作品;

平时看看书【例如:色彩原理】;

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


色相环PS里面就有,不行你安装个插件也可以看到,再或者你到abobe官网配色那个网站也有。


梦梦PS教程


关于色相环的制作应该有好几种方法,今天用剪贴蒙版的方法回答一下题主的问题。话不多说,下面我们就开始制作一个比较简单的色相环吧。

1首先我们打开PS软件,新建一个800*800像素画布,如图所示

2选择渐变工具,选择色谱,角度渐变,从中间向边缘处拉,如图所示

3将背景图层复制一层,并选择自定义工具,找到圆形边框图形,按住shift键拉出一个圆形边框,如图所示

4将图层1置顶和形状1栅格化图层,并将背景层眼睛关闭,按住alt键,在图层1与形状1之间单击,效果如图所示

这样一个比较好看的色环就制作完成了,大家多多支持~


一路疯狂跑


这个得用路径,会玩路径的话,很简单的。然后还需要学习下直线复制。欢迎点击我头像进去,再点击下方的 “跟我学PS” 按钮,然后你就能找到我的原创PS路径教程了。后期我会再做直线复制教程的,欢迎去浏览我的免费教程。


分享到:


相關文章: