当前位置: 首页 > 优图知识库  > PS教程 > PS基础教程

Photoshop绘制逼真的色环配色表效果图

2019/1/3 14:48:18 人评论

本文教大家用PS画色轮图,色轮图就是色彩相位图,它完整表现了色相环360度的全部颜色,PS的色相/饱和度命令依据色轮图而设计,不过在色相/饱和度命令中,你看到的不是色轮,而是色轮的另一种形式--色条,

本文教大家用PS画色轮图,色轮图就是色彩相位图,它完整表现了色相环360度的全部颜色,PS的色相/饱和度命令依据色轮图而设计,不过在色相/饱和度命令中,你看到的不是色轮,而是色轮的另一种形式--色条,你可以把色条当成沿着色轮边缘剪掉一圈,然后再展开的效果,通过色轮图,可明确不同颜色的范围,了解色轮图与色相/饱和度命令的关系,能加深对色相/饱和度命令的理解,提高对该命令的运用水平。

先看效果图:

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

我先仔细的观察了一下网友的图,数了几次之后我得出的结论是这个圆环中的格子是36X11,顺时针方向是36个,横向是11个,当然包括中间的白色,白色也算一个格子。

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

按照上面的长宽比数据,我新建了一个画布,尺寸放大20倍,也就是720X220。

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

新建一层,填充PS自带的彩虹渐变,估计原图用的就是这个,看上去几乎差不多。

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

对照原图的外黑里白的效果,添加一个黑白渐变,混合模式使用”强光"

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

马赛克,这是很关键的一步。之前我说了我把长宽比放大20倍,所以这里马赛克的大小也设为20像素

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

这一步也很重要,重新编辑图像的大小,关闭约束比例,把高度也设为720

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

确定之后你看到的是这么个东西

Photoshop绘制逼真的色环配色表效果图,52photoshop教程


_ueditor_page_break_tag_

极坐标,这里没有什么好说的

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

极坐标之后的效果

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

在“路径”里新建一个路径,画一个随意大小的圆

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

Ctrl+t调整这个路径圆的大小及位置,直径设为图像的大小,也就是720。PS默认的时候长宽栏显示的是百分比,不过你可以在那里右键把它设为像素

Photoshop绘制逼真的色环配色表效果图,52photoshop教程


_ueditor_page_break_tag_

Ctrl+alt+t,中心位置保持不动,直径缩小65.5像素。为什么是65.5?我粗略的计算过,因为原图中横向格子是11个,所以720除以11,最后得出个大约数65.5。别对自己的目测过于自信,数字总是更可靠。

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

再往里的圈也是同样道理,每个圈逐渐缩小65.5

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

以此类推完成后面的工作

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

设置好一个2像素大小,硬度为100的画笔,颜色选择白色,点钢笔,在路径上右键描边

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

这是完成的效果

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

还有辐射状的描边,用矩形工具画一个随意大小的白色矩形

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

像刚才编辑圆圈路径一样,ctrl+t调整这个方块的大小和位置,注意它的高度,跟圆圈的描边一样,也是2个像素

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

ctrl+alt+t旋转复制,这是最轻松的一步,360除以36个格子等于10°,所以在角度那里我旋转10°

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

之后狂按Shift+ctrl+alt+t,直到循环完成。这是我最喜欢的一步

Photoshop绘制逼真的色环配色表效果图,52photoshop教程


_ueditor_page_break_tag_

原图中间好像是没有描边的,有两个办法。一个就是在路径里复制最小的圆圈路径

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

然后在矢量蒙版用“减去”方式粘贴

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

还有一个办法就是在路径里选择最小的圆圈路径,右键设为选区,按ALT在“辐射描边“层点击蒙版按钮添加蒙版。其实我比较习惯前面的一种。

Photoshop绘制逼真的色环配色表效果图,52photoshop教程

最后是完成效果

Photoshop绘制逼真的色环配色表效果图,52photoshop教程


相关资讯

  • ps美容教程之画出纤长睫毛

    1、在工具栏上选择画笔工具,或按F5会出现一个画笔浮动面板,找到一个像草的形状。  2、睫毛的长短用直径来调节,睫毛的稀密用间距的百分比来调节,睫毛的形状用角度来调节,然后我们从左眼的上眼皮开始从左至

    2019/1/3 14:47:01
  • PS怎么绘制碎冰风格海报设计

    PS怎么绘制碎冰风格海报设计

    2019/1/3 14:47:01
  • Photoshop详细解析后期图像处理五个好习惯

    由于越来越多新同学的加入,很多对PS的操作完全不熟练,所以今天野郎打算分享五个PS很重要的操作习惯,这些习惯都非常的重要,下面让我们一起来看看吧。1、Ctrl+J复制背景图层:有看野郎教程的童鞋都有注

    2019/1/3 14:46:52
  • PS新手教程之利用快速蒙版建立局部选区

    有时候我们对照片,尤其是人像照片进行局部调色时,需要精准一点,比方说我们对模特的面部进行调色时,需要建立局部选区,那么有什么方法能够快速建立呢,我们就以下图为例说明一下如何用快速蒙版选中模特的面部,其

    2019/1/3 14:46:36