设计工具 » PSD配色器不完全使用手册 Color-Creator

PSD配色器不完全使用手册 Color-Creator

发表于: 设计工具. 评论
Sponsor

设计师Marc Edwards制作了一个由PS实现的配色工具,准确来说不是工具,而是一个PSD文件 ,我们只需要在这个文件里就能进行色彩调配,简单有好用,这个配色器有3种文件格式方便设计师调用(PSD, Sketch, Affinity Designer)。下面达人介绍一下这个PSD配色器的使用方法。

PSD配色器不完全使用手册 Color-Creator

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

界面布局

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

PSD配色器不完全使用手册 Color-Creator

修改颜色

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

PSD配色器不完全使用手册 Color-Creator

GIF演示:(录制的GIF图色差很大,不用理会,看操作就行)

PSD配色器不完全使用手册 Color-Creator

明暗色调

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

图1:隐藏明暗色调图层

PSD配色器不完全使用手册 Color-Creator

图2:显示明暗色调图层

PSD配色器不完全使用手册 Color-Creator

色板储存区

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

PSD配色器不完全使用手册 Color-Creator

实战案例:宠物APP界面配色

1、确定主色和配色方案

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

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

PSD配色器不完全使用手册 Color-Creator

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

PSD配色器不完全使用手册 Color-Creator

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

PSD配色器不完全使用手册 Color-Creator

3、开始搭配颜色

PSD配色器不完全使用手册 Color-Creator

注意:

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

PSD配色器不完全使用手册 Color-Creator

最终效果:

PSD配色器不完全使用手册 Color-Creator

PSD配色器下载

素材名称:PSD配色器
素材格式:PSD, Sketch, Affinity Designer
下载地址:https://mdl.ink/JjosmT

感谢阅读!

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }