大家好,这里是和你聊设计的花生~

上次向大家推荐了配色神器 Palettemaker,它最大的特色可以将配色方案自动应用到海报、插画、图案等设计模板上,让用户实时预览配色方案的大致效果。今天再为大家推荐一个我最新发现的配色工具Color-editor」 ,它允许用户上传自己的文件,并利用预设的配色方案对其进行上色。

Color-editor

网址直达: https://iconscout.com/color-editor

Color-editor 是国外的一个设计资源网站 iconscout 开发的一款色彩编辑工具,可以对 SVG 格式的文件自定义上色。这意味着我们可以将自己的 SVG 文件上传到网站上,利用网站预设的配色方案进行一键上色,非常适合 UI 图标、UI 插画等矢量文件的快速配色。下面一起来看看这个神器怎么使用吧~

1. 使用介绍

进入网站后,首先点击上传本地的 SVG 文件,然后会出现如下界面,网站的调色功能集中在左侧工具栏,调色效果会实时展示在右侧的窗口,点击面板顶部的左右箭头可以撤销&还原炒作,点击「重置」可以一键还原到最初的配色。

矢量插画必备!对本地文件一键配色的神器「Color-editor」

Color-editor 一共提供 3 中着色模式,分别为彩色模式,单色模式和灰度模式,适合不同的配色需要。

① 彩色模式(color tone)

进入彩色模式后,网站会自动给出 200+种预设的配色方案,点击其中一种就能将配色应用到 SVG 文件中。

由于预设配色只有 4 种颜色,如果你觉得应用效果不是很完美,可以在左侧的「item colors」里对画面的任意一种颜色进行单独调整,让整体的配色更加和谐。

② 单色模式(monochrome)

当进入单色模式后,画面中的颜色就只剩一种颜色,而在色彩的饱和度上有所差别。此时我们可以通过色相滑块修改色彩,以及整体降低色彩的饱和度,使配色更加和谐。

感觉这个功能很适合对个 UI 图标进行批量上色——将多个图标一起导出为一个SVG文件,然后上传到网站选择一个主题色就能实现快速上色,整体风格统也会统一,还可以重新下载为SVG格式,方便后期编辑。

③ 灰度模式 (graytone)

进入灰度模式后,画面中的色彩饱和度会处在一个很低的范围,即使改变色相也只能看出一些细微的变化。可以调节左侧的 TONE VALUE 选项,可以把饱和度调整为零。

除了一些简单的的图标和元素,Color-editor 也可以为画面更加复杂矢量插画进行上色。需要注意上传的插画本身需要有不同的上色的区分,否则网站会无法识别。上色完成后,点击网站右下角的下载按钮就可以将保存文件,网站提供下载 PNG、SVG 和 PDF 三种格式。

好啦以上就是今天的配色神器推荐,喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友。有关本文或设计的问题可以在评论区提出,我会第一时间为回复 ~

推荐阅读:

赞赏
收藏 71
点赞 51

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。