8

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

 3 years ago
source link: https://www.shejidaren.com/psd-color-creator.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

7月 28, 2021 发表于: 设计工具. 评论

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设计交流群,分享经验、接单、求职、聊设计。
赞助商链接

赞助商链接

喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK