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

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Projava

关键词

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

先看uimaker.com/uimakerhtml/uistudy/PSjiaocheng/2021/0204/143772.html">效果图:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 收藏