http://www.yuyong.net

【羽兔网设计师周刊】如何创建调色板

调色板帮助我们在设计项目中建立色彩规范、提高工作效率.通过上文对色彩基础知识的学习,接下来为大家介绍几种简单易用的创建调色板的小技巧. 1 从设计作品收集色彩 打开dribbble...

调色板帮助我们在设计项目中建立色彩规范、提高工作效率.通过上文对色彩基础知识的学习,接下来为大家介绍几种简单易用的创建调色板的小技巧.

1 从设计作品收集色彩

打开dribbble,每一幅作品预览页左下角都有一份自动生成的配色板,很多同学可能不知道这个配色文件是可以下载的.将调色板保存到本地,为自己在创作时提供灵感.在ps里的操作步骤是:点击“窗口—色板”,然后在色板的属性面板右上角打开“导入色板”,载入刚下载的色彩文件即可.

【羽兔网设计师周刊】如何创建调色板

2从图片取色

这种方法也很常用,不需要任何插件,丢一张图片到Ps,然后将图片「马赛克」处理下就可得到一组配色.例如,我们需要一组同色系的绿色,在网上(建议unsplash或500px等专业图片网站)找一张树叶的图片,接着将图片在Ps中打开,进入“滤镜—像素化—马赛克”,在打开的窗口里调节单元格大小即可.

【羽兔网设计师周刊】如何创建调色板

3 自定义色块叠加

该方法稍微复杂一点,示例步骤如下:第一步绘制一个正方形做底板,填充一个颜色#5354F0;第二步分别在正方形的上和下1/3处叠加20%的白色和黑色;第三步分别在正方形中和右1/3处叠加40%、80%的紫红色#DF56FA;最后改变紫红色图层的混合模式为叠加即可得到一组蓝紫色色调的调色板.

【羽兔网设计师周刊】如何创建调色板

4 网站生成

利用Adobe Color配色网站自动生成一组配色.它是一个基于网络的应用程序和创意社区,提供免费的色彩主题,全世界的设计师都可以在这里创建和共享颜色与灵感,并且在 Adobe 相应的软件中也提供了扩展程序,比如我们常用的 Photoshop 和 Illustrator.

【羽兔网设计师周刊】如何创建调色板

Adobe Color 通过拖拽色轮或输入自定义色值,可以创造出基于相似、互补、三原色、正方形等不同色彩规则的配色方案.除此之外,还支持 CMYK、RGB、HSV 多种色彩模式的配色调整.用法很简单,点击颜色块上的小三角确定基础色,就会自动生成5个基于你所选色彩规则的配色方案,拖动下方的颜色条时相应的也会改变配色方案.如果没有灵感可以通过顶部导航进入“探索”页,这里为我们提供了很多提取好的颜色和图片,这里的图片很丰富,有的是摄影作品,有的是设计作品,上方的轮播图提供的一些格外的内容,比如潘通流行色、Adobe 社区、Adobe 手机端的 APP 等等,非常的实用.

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。