PSD配色器Bjango Color Creator 模板

设计师Marc Edwards制作了一个由PS实现的配色工具，准确来说不是工具，而是一个PSD文件 ，我们只需要在这个文件里就能进行色彩调配，简单有好用，这个配色器有3种文件格式方便设计师调用（PSD, Sketch, Affinity Designer）。下面简单介绍一下这个PSD配色器的使用方法。
[wm_notice]使用教程转自设计达人网。
作者网站：https://bjango.com/designresources/
项目github上面有开源：https://github.com/bjango/Color-Creator
[/wm_notice]

PSD配色器作用：主要是方便设计师用来调整作品的配色方案，通过次配色器可以很快的调整出双色、三色、渐变色以及亮色调和暗色调。

[wm_kuang title=”界面布局”]

我们打开PSD配色器.psd文件（在设计达人公众号回复“tool”即可获取），可以看到几个区域，分别是双色盘、三色盘、渐变和明暗调色盘、色板储存区。[/wm_kuang]

[wm_kuang title=”修改颜色”]

双击下图标注12345的区域就可以更换颜色

GIF演示：（录制的GIF图色差很大，不用理会，看操作就行）

[/wm_kuang][wm_kuang title=”明暗色调”]

配色器还有明暗图层「Darken and Lighten」，根据需要可以隐藏和显示，建议显示出来比较好，特别是做渐变的时候很有用。

图1：隐藏明暗色调图层

图2：显示明暗色调图层

[/wm_kuang]

[wm_kuang title=”色版存储区”]

当我们确定好颜色后，就可以把颜色放到「色板储存区」，当然这个操作不是必需的。

[/wm_kuang]

[wm_kuang title=”实战案例：宠物APP界面配色”]

1、确定主色和配色方案

首先我们先确定了这个宠物APP以橙色为主色调，并采用四色的配色方案来进行配色。

工具地址：https://www.shejidaren.com/examples/tools/color-scheme/

选择亮色调，这样比较适合这个APP的调性。

把上面的4个颜色放到「PSD配色器」里

开始搭配颜色

注意：

做这个渐变配色的步骤时，我是在明部和暗部色调位置，不断的吸取颜色，直到满意为止。

最后看看效果

[/wm_kuang]

[wm_blue]素材信息[/wm_blue]

素材名称：PSD配色器
素材格式：PSD, Sketch, Affinity Designer