色环图片(24色环图片)

更新时间:2022-12-07 17:53:58 阅读: 评论:0

色环图片(24色环图片)

大家好,我是乐佳设计:VXd动博网

非常抱歉,打了三天鱼,筛网去了。自己觉得都不好意思,几天没有更新!今天同大家分享图像的自由变换并利用此工具动手制作12色环,我之所以没有选择利用自由变换和变形工具,制作特别炫的跳水呀、飞翔之类的变形,而选择色环是因为我觉得图像的颜色调整,才是PS的核心,文章有点长,请您有耐心。VXd动博网

颜色应该谓之图像的灵魂和主线,无论那种教程避不开的都是颜色,图像颜色、图层颜色、选区颜色、通道和路径颜色;以及图像、图层和通道的混合模式;色相和饱和度调整、明度调整和黑白模式、最后说道的颜色匹配、可选颜色等等这一切,都离不开颜色,那么今天利用自由变换工具,带大家做一做最基本的12色环,既练习了图像工具也对万千变化的颜色有所了解。好了,下面开始我们今天的内容:VXd动博网

图像基础(四)基本内容VXd动博网

今天做这样一个12色环VXd动博网

利用的工具:PS图像自由变换工具,快捷键CTRL+T(使用频率和频次最高的命令)VXd动博网

制作思路:VXd动博网

1】插入矢量形状,自由变换CTRL+T(调整缩放大小到合适位置);把圆360°分成12分,每次旋转30°VXd动博网

2】通过图层再次变形(CTRL+SHIFT+ALT+T)命令复制11次,文字和度数也分别旋转11次所得。VXd动博网

3】按住CTRL键,鼠标单击图层缩略图,建立选区,使用吸管工具更改背景颜色并ALT+DELE键填充选区。VXd动博网

4】按住SHIFT+ALT键,拖放椭圆选框工具,建立中心点圆并描边。VXd动博网

5】视图—显示—智能参考线,微调颜色名称和度数名称位置(我是演示大家有空可以通过CTRL+T自由变换工具进行文字旋转,以符合人的阅读习惯,现在文字是倒立)VXd动博网

五步骤的重点在于多次变形的技巧和12颜色RGB值的确认,请勿本末倒置,理清制作思路了,我们正式开始今天的分享,分两块进行制作(图形制作和颜色填充),希望能对您今后的学习有所帮助。VXd动博网

图形制作VXd动博网

1、新建文件CTRL+N,文档尺寸22*22cmRGB格式8通道;视图—显示—智能参考线,绘制中心参考线和上下左右边界线(5cm)。VXd动博网

新建文件VXd动博网

视图—显示—智能参考线,以便捕捉和对齐VXd动博网

2、制作颜色箭头和相应的12等分度数:VXd动博网

1】单击工具箱自定形状工具,选择合适的矢量图形(如下)缩放至合适的位置;右键单击栅格化图层;关键来了:单击急活图层CTRL+T调用自由变换工具,在工具选项栏角度填入30°,必须记得移动图形中心点到画布中心线交点位置并回车确认!VXd动博网

自由变换工具并旋转角度30°,回车确认VXd动博网

一定要注意:移动中心点到画布中心并旋转30°以后的结果,如下图所示。,VXd动博网

30°旋转以后的结果VXd动博网

需要说明:不建议使用矢量图形,本命令原本也是针对图像的,若矢量图未栅格化也就是没有转换成普通图层,使用下面的再次变形命令,电脑并不新建并复制图层,只是在原图层复制矢量图形。VXd动博网

不调整中心点位置,旋转效果VXd动博网

2】再次变形并复制:CTRL+ALT+SHIFT+T命令,连续11次每次间隔30°,带原始图像共12份圆形闭环,如图示:VXd动博网

再次变形11次,得到结果如图示VXd动博网

3】制作度数,单击文字工具,我们理解垂直朝上箭头的指向为0°进行标识,文字工具横排文字选框到0°标识右上位置,CTRL+T调整文字大小24(通常手机可辨识字体大小为24,太小看不见);同上操作调整文字中心点到画布中心线交点位置,角度30°并回车确认。VXd动博网

度数标识30°旋转VXd动博网

再次变形并复制:CTRL+ALT+SHIFT+T命令,连续11次每次间隔30°,带原始度数文字共12份圆形闭环,如图示:VXd动博网

度数文字11次旋转结果VXd动博网

这里需要说明两点:VXd动博网

第一、文本框不要有多余的空间,否则旋转完成以后会不是圆形,文本框要贴合文字红色框部分不要,选择是以外框为标准的VXd动博网

第二、12个度数需要手工一一进行调整没有更好的办法一起调整过来,顺时针为0-180°;逆时针为0到-180°(如果换算成正值为负度数+360°,例如-60°=-60°+360°=300°,之所有采用负数标识是因为在PS中调整颜色的工具大部分是-180°到180°区间标示。12色环颜色度数分布VXd动博网

好了12色相的基本图形我们就制作完了,下面开始第二部分颜色的填充。VXd动博网

颜色填充(可能有点长,但希望您有耐心读完,我尽量解释清楚)VXd动博网

颜色填充分为三部分:VXd动博网

1、PS三基色RGB:红、绿、蓝;分布在0°、120°、-120°(240°)又叫对比色,但对比色不仅仅是这三种颜色,相差120°的颜色都是互为对比色。VXd动博网

2、三间色:构成CMYK模式的主要颜色,因为K黑色是混合色,分别是青色、洋红、黄色;分布在180°、-60°、60°,我们叫做互补色(同红、绿、蓝互补),但凡相差180°的颜色都为互补色,因此不安理解:VXd动博网

红色0°——青色180°绿色120°——洋红-60°(300°)蓝色240°——黄色60°理解了以上的逻辑关系,在PS是拾色器中为大家提供提供四种颜色模式:HSLRGBLabCMYK,对于三基色和三间色而言,我们可以通过填充数值,精确填充,需要理解的是RGB属于加色绝对值(0-255)而CMYK属于减色百分(100-0%)相对值,区别在于RGB模式255值为白、0值为黑色;CMYK0%为白色、100%为黑色。VXd动博网

CMYK100%值VXd动博网

RGB255值VXd动博网

小知识:VXd动博网

在数字电路中0和1代表两种对立脉冲现象,因此0和1均为状态值,而不是啥也没有而且不可以不填写,因此PS中无论RGB模式还是CMYK模式0值必须写,不能为空。VXd动博网

因此0-255代表256个数值,中间值为127(跨数实际是128=0-127),对于计算机的超大规模集成数字电路中只有0和1二进制,对于8位二进制而言正好可以表示256个数值,你可以理解2的8次方,也可以理解2的4次方*2的4次方=16*16=256,是否有点绕,绕也是这个意思,说这么多是无论色相、色阶、黑白度和曲线都是0-255,您需要多少知道它的来历,是因为8为二进制,那么问题就来了RGB配合可以表现1600万(256*256*256)多种不同颜色,哎,死了去了。VXd动博网

好了说正事吧,知道了概念,实际操作就简单多了,对于三基色和三间色而言,可以在RGB和CMYK模式中直接填写数字求得。VXd动博网

以下填充方法都相同:VXd动博网

1】单击激活填充图层也可以右键单击选取要填充的图层2】CTRL+单击图层缩略图载入选取3】单击工具箱设置背景颜色,ALT+DEL填充前景色,CTRL+D取消选区。我这是偷懒以后为了设计方面可以建组,图层下方新建组命令(也可以使用SHIFT键,选取同一属性的图层,拖动到相应的组中,关闭眼睛可以减少图层操作)VXd动博网

红色:R255G0B0VXd动博网

RGB模式:蓝色R0G0B255;绿色ROG255B0VXd动博网

三间色:青180°、洋红-60°、黄60°VXd动博网

CMYK模式:黄色C0M0Y100K0VXd动博网

CMYK模式:青色C100M0Y0K0VXd动博网

CMYK模式:洋红色C0M100Y0K0VXd动博网

有人说了,K呢咋没人管呢,K值可以理解明暗度100—0,K为0值时候不影响颜色变化,当K值逐渐增大,直到100%的时候,所选取的颜色变为最暗黑色,具体不作图了,大家可以试试。VXd动博网

3、接下来我们说6种第三色,何为第三色呢?就是三基色和三间色两两中间的颜色,三基色分布为120°,三间色分布为120的中间也就是60°,第三色又在两两的中间那就是30°,好了六个颜色出来了,从30°开始顺时针旋转分别是:VXd动博网

橙色30°(红黄之间)VXd动博网

黄绿色90°(黄绿之间)VXd动博网

水绿色150° (绿青之间)VXd动博网

天蓝色-150° (青蓝之间)VXd动博网

紫色-90° (蓝洋红之间)VXd动博网

水红色-30°(洋红和红色之间)VXd动博网

那我们应当如何确认他们的RGB颜色呢,因为无论RGB或者CMYK模式已经没有纯色可以填写,也就是以上的颜色是混合色,直选其中一中颜色值已经无法表达,需要同时标注两种颜色才可以求解。VXd动博网

基础理论:VXd动博网

任意相邻颜色相加可以得到中间色,最大度数可以放到120°也就是三原色(红+蓝=洋红、红+绿=黄、绿+蓝=青)相邻色,左右30°为相邻色,左右相加也等于中间色,例如“-30°水红+30°橙色=红色0°依照这样的理解,我们来分析橙色是如何来的?VXd动博网

橙色=红色+黄色VXd动博网

而在RGB中我们如何表示黄色呢?因为黄色=红色+绿色(RGB模式,黄色R255 G255 B0),递进的逻辑应该是:橙色=红色+红色+绿色(2*红色+绿色)VXd动博网

正如我们日常油漆工配漆,但这样配出来是两份,我们只要一份除以2,结果就出来了。橙色=红色+一半的绿色,一半也就是50%,全值是255,半值就是127,因此橙色的RGB值为R255 G127(黄色减弱50%) B0,因此一下颜色的RGB值分别为:VXd动博网

橙色30°:R255 G127 B0(黄色衰减)VXd动博网

翠绿色150°(水绿):R0 G255 B127VXd动博网

紫色-90°:R127 G0 B255(红色衰减)VXd动博网

天蓝-150°(亮蓝色):R0 G127 B255VXd动博网

水红色-30°:R255 G0 B127VXd动博网

黄绿色90°:R127 G255 B0VXd动博网

为了是颜色看起来清楚,在背景图层上方新建黑色填充图层,接下来再次使用自由变换工具制作12颜色文字标识。VXd动博网

添加黑色填充图层,使颜色对比强烈VXd动博网

文字自由变换VXd动博网

SHIFT+CTRL+alt+T11次变换VXd动博网

做了这么多,最终用它干吗?来我们做个最简单的的CTRL+U,调用色相和饱和度命令VXd动博网

图像色相饱和度VXd动博网

绿色背景更换成蓝色,如何做呢?绿色到蓝色120°或者到红色呢?逆时针也即是-120°,看看结果如何?VXd动博网

色相调整-120°,绿色变成红色VXd动博网

VXd动博网

好了,不知道表述大家是否能够明白,没办法学识有限,请您见谅!VXd动博网

今天就分享到这里,下次继续图像变形和透视贴图。VXd动博网

本文由乐佳设计原创,请多关注或者留言。VXd动博网

本文发布于:2022-12-07 17:53:58,感谢您对本站的认可!

本文链接:https://www.mbdongbo.com/sports/8/287776.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:
相关文章
Copyright ©2019-2022 Comsenz Inc.Powered by © 动博网 京ICP备13042020号-1