加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

配色难又烦,我一定是用了假的PS

(2017-01-23 13:54:10)

配色难又烦,我一定是用了假的PS

文/阿随向前冲

本文系作者授权“清南”发布


关于配色,四款不容错过的神器!

http://upload-images.jianshu.io/upload_images/2442470-d4455b3b9fa06c3f.jpg?imageMogr2/auto-orient/strip

冬雪寒风夜夜过,只道身凉是场梦。谁谓明朝空欢喜,他乡故知成旧朋。

不问年节聊掌故,未来可期心不冷。生花妙笔如有颜,望断天涯大路横。

虽然开篇一首打油诗,下笔仍旧写技巧,奈何三九四九冻连冻,关起门来说设计,嗯,说起设计聊配色,谈到配色找工具,五花八门用不完,本文寄出一PSD……

http://upload-images.jianshu.io/upload_images/2442470-4587e9950d3f871a.jpg?imageMogr2/auto-orient/strip

别急,PSD文件照样可成神器

这是设计师Marc EdwardsMore制作的一款PSD文件,可以非常方便的设定项目中的配色方案,所有的功能都被包含在图层里了,所需要用到的无非就是设定颜色。闲言少叙,先把“Color Creator.psd”打开,看一下它到底长什么样子:

http://upload-images.jianshu.io/upload_images/2442470-047d050dda9f3cac.png?imageMogr2/auto-orient/strip

布局相当的合理,一目了然


这款PSD制作的真的是很贴心,连对模板使用的说明文字都放在里面了,而常见的几种色板布局形式也都包含在其中,方便我们按照既往习惯使用,而且图层管理的非常好,图层命名目标指向准确,一看就知道是做什么用。


http://upload-images.jianshu.io/upload_images/2442470-df5a720089aab526.png?imageMogr2/auto-orient/strip

关于PSD的文字说明


那么,既然是一个实用性的PSD,色盘当然就是能随心所欲设置的了,而作者比较厉害的就是,让使用者轻点一下,全局皆换,而更换方法也很简单,就是点开相对应的颜色序号后,改变填充色即可,如下动图操作所示:


http://upload-images.jianshu.io/upload_images/2442470-e4cdcbb580e34f7b.gif?imageMogr2/auto-orient/strip

请忽略色盘上的“色阶接线”,压缩导致的,使用中并不会这样啦


像上面这样设置好色盘后,还可以从整体配色方案中吸取出我们要用的一些主要颜色,放到“Swatches”上,操作也很简单,如下面动图所示:


http://upload-images.jianshu.io/upload_images/2442470-87689af10925e10d.gif?imageMogr2/auto-orient/strip

展开Swatches.png图层组,然后改变填充色


此外,这款文件还支持明暗设置,操作也是被放在了图层里,只需关闭或打开图层前的小眼睛即可,如下动图操作展示:


http://upload-images.jianshu.io/upload_images/2442470-4fb38a7543f8492d.gif?imageMogr2/auto-orient/strip

录制成GIF压缩太狠了,好尴尬,嘤嘤哒


模板同时支持渐变色显示,这是个隐藏功能,因为作者设置了默认情况下不可见,需要在图层面板上搜索“step”打开,这个演示比较“捉急”,因为录制gif的压缩率大,导致颜色本身就模糊,实际使用效果要好很多,小伙伴们不用捉急哦。操作如下动图显示:


http://upload-images.jianshu.io/upload_images/2442470-01665fe7c704639e.gif?imageMogr2/auto-orient/strip

在选择渐变之前,颜色本是“柔和”的


嗯,这就是这款“配色造物主”神器了,小小PSD,作用大不同。

http://upload-images.jianshu.io/upload_images/2442470-b3cc2478d26be332.jpg?imageMogr2/auto-orient/strip

链接:http://pan.baidu.com/s/1nuCKcel 密码:oayp


其他高能配色神器

这除了这种PSD文件,正如阿拉蕾在前面说过的,很多插件扩展程序也是非常不错的,比如阿随君在一招解决PSCC2017无法安装扩展插件(有福利)一文中介绍的Coolorus:


http://upload-images.jianshu.io/upload_images/2442470-22334983e7667a0c.gif?imageMogr2/auto-orient/strip

一不小心压缩又太狠了,嘤嘤哒


当然了,Adobe家自出的“Adobe Color Themes”也是相当相当好用的一款配色神器,直接提供了各种配色原则比如补色、分裂补色、三次色等等,让配色从而无忧,如下动图感受一下便利:


http://upload-images.jianshu.io/upload_images/2442470-f764ae4b1fc005dd.gif?imageMogr2/auto-orient/strip

超级好用的说


这款神器不仅能按照各种配色方案自己选颜色,更棒的是还能选择其他设计师、网上最热的等配色方案,而且额还直接按照关键词搜索配色方案,好用到哭,看动图展示感受一下:


http://upload-images.jianshu.io/upload_images/2442470-bbcc8f69795697d8.gif?imageMogr2/auto-orient/strip

搜索功能很赞的,还能保存


而除了PS里的配色插件外,“ColorSchemer Studio 2”这款配色神器也是享誉江湖很久了,不仅配色方案好用,而且还提供了从照片中提取色板的功能,使用的很,看一下动图简单感受下:

http://upload-images.jianshu.io/upload_images/2442470-6a16e0200d2e1287.gif?imageMogr2/auto-orient/strip

中文界面使用起来更溜呢


在从图片中吸取配色方案时,从上面动图可以看到,ColorSchemer支持手动选颜色、随机选颜色、颜色数设定、马赛克模式,尤其是在吸取颜色后,还可以继续到“匹配颜色”面板按照配色原则来搭配,真的是很方便。

http://upload-images.jianshu.io/upload_images/2442470-cb43348c44fa92f4.gif?imageMogr2/auto-orient/strip

看到好图学配色就靠它了


好了,以上就是阿随君这次想聊的一些配色方面的神器了,小伙伴们,可以按照自己喜好选择用适合的。而后面三种只是简单介绍了下,其实操作起来都不叫简单啦,大家动手感受下就知道。当然,如果有很多小伙伴人希望看到阿随君再详细说一下它们的话,也可以留言告诉我哦,或许之后会出更详细教程分享呢,么么哒。

哦,对了关于PPT的配色神器,可以参考阿随君的这篇旧文

PPT冷知识:xml主题颜色预设一键成配色达人


http://upload-images.jianshu.io/upload_images/2442470-7a56a96fbd4073c2.gif?imageMogr2/auto-orient/strip

一键配色,快到爆表


来源邀稿:阿随向前冲

作者简介:阿随向前冲,简书签约作者,PS深度爱好者,专注设计零基础的高效学习大法,《香港电影史记》联合作者;视频作品《玫瑰与小鹿》MV入选《晓松奇谈》播出;《简单快速打造个性表情包》课程合作开发老师。

微信公众号:阿随向前冲

微博:阿随向前冲

 

http://www.cwbgj.com/advance/ueditor/php/upload/20170123/14851504229133.jpg

http://www.jianshu.com/p/ae4119c35d26#

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有