授权转自:胡晓波工作室 ID:ziyou-design
这次我们的教程主题是配色方法,许多同学一直误以为配色非常难,几十年如一日的只会吸色,每次只有拿起吸管工具那一刻,内心才得到了无穷的安全感。所以这期教大家如何正确且傲娇的去吸色。
配色肯定存在方法,而且每个人喜欢的方法都不一样,就像是“色感”这个东西每个人的理解都不一样,有的同学就喜欢清淡的色彩,有的同学就更偏爱浓重的色彩组合,并不分对错,个人倾向不同而已。
你一定在网上看过了很多的色彩理论,开篇即色环,你看到色彩居然如此巧妙的形成一个收尾衔接的圆圈,内心无比震撼,更加坚定了色彩本身具备的规律性。这是没问题的,但是色彩理论只能提供一个简单的逻辑,在具体的设计画面中,彩色本身是不单独存在的,所以灵活运用是更加重要的事情。
这次我们说到的配色方法其实非常简单,就是从优秀的摄影作品中得到一些色彩组合。这个方法老生常谈,具体怎么用,其实还是跟图片有较大的关系。
选择优质的摄影图片时,有几个明确的要素。
第一,色彩要明确,不是所有的摄影作品都有明确的色彩倾向,那么我们就尽量找一些色彩比重较高的图片,例如下图。
这两张图尽管色彩饱和度相差很大,但是色彩都是很明确的。
我们看一个错误示范。我们会看到这张图片本身的色彩首先是比较常见的,没有特殊性,色彩分布也是较乱。无法有效借鉴和利用。
第二,选择事物本身就有很好的色彩的摄影图片。
举个简单的例子。下面两只不同品类的鸟,我们肯定会选择右边这只进行取色。
所以说,从摄影图片中取色的这种方法,首先,需要筛选合适的图片,合适的色彩,优质的摄影图片本身有经过一定的调色处理,色彩组合已经非常融洽,只需要根据自己的需求去选择即可。
为了让大家能够更好的看明白取色的这种方法,我们这次案例示范用渐变海报的方式来做,这样对于色彩的感知也直观一些。首先看第一个案例示范。
在第一个案例中,我拿到的图片是一个日落的场景,我们能看到晚霞中透出的色彩非常漂亮,色彩也不算多,比较清晰的色彩可以直接取色。
我这里分别取了纯色,和双色渐变色,尝试不同的色彩组合。
我觉得日落本身从云彩中透出的光非常漂亮,所以用渐变模拟了这种变化性。
顺便说一下这个效果如何做。这里主要是用混合工具来做的。
首先我们设置三种颜色,当然了,数量没有具体的限制,只要能够控制好最终颜色的过渡和舒适度,都是可以的。这个是混合工具中色彩的渐变。
可以多尝试转化一下思路,不同的造型实际上也可以进行混合,也可能会有意料之外的变化,比如下图。
纯色色块之间产生的色彩过渡变化会更加简单一些,如果想要的色彩的层次感上丰富,那么可以尝试渐变色之间的混合变化。
那么以下我设置了两个渐变色,大的椭圆是到外围透明的一个径向渐变。
把白色的背景改为深色背景,就可以得到最终像落日一样的效果。
仍然是利用混合工具,得到下面这个色彩。
然后利用得到的渐变色块进行组合衔接,得到一个完全由色彩构成的渐变海报,我在画面中搭配了一些简单的文字。
只要选对图片进行去色,那么搭配出的颜色会非常舒适,当然还是需要大家对于好的摄影图片有一定的鉴别能力。
因为我上面尝试的是色块之间的组合变化,这种变化只要在版面当中分布平衡,可以有更多不同的版式演绎效果,以下为另一个版本的排版演绎。
接下来我们看第二个案例示范。
第二个案例中我选择了植物,但是这个植物本身的色彩其实一般,主要还是背景虚化形成的颜色非常舒适,所以我毅然决然的选择了它。
我虽然取了五种色彩,但是实际上我们未必用到那么多,所以有的颜色在应用的时候可以取舍一下。
那么最终我只拿了三个颜色。
设置两个渐变描边,混合之后得到这样的色彩变化,更小的那个圆我旋转了角度,所以这里的色彩呈现了夸张的流动变化,也是为了给整体增加一些配色层次。
设置两个渐变描边,混合之后得到这样的色彩变化,更小的那个圆我旋转了角度,所以这里的色彩呈现了夸张的流动变化,也是为了给整体增加一些配色层次。
最终排版,我这里简单尝试演绎了两种版式变化。
第一个排版演绎是将画面进行了上下等比区分,圆形顺应着画面的结构一分为二,上下错落排版。
第二个排版底色同样设置了两个色彩,这是我个人习惯的一个做法,单色作为背景毕竟还是乏味了一些,有不同的色彩加入可以让画面的颜色有一些调剂,视觉上不会觉得太闷太压抑。
接下来我们看第三个案例示范。
第三个案例图片仍然还是植物,这是一个滤镜感很强烈的图片,色彩饱和度蛮好,此刻我审视了一下自己的内心,果然,我就喜欢这种浓重的有些油腻的色彩。
在这个图片中,其实颜色非常简单,基本色就两个,一个是背景的暗色调,一个是花的黄色调。我这里还调取了一些其他小的点缀色。
在这个案例中,因为色彩的明暗色非常明显,所以我打算用简单的几何立体造型的方式来做。
都是45度角的变化,我这里也将背景简单分割了一下,可以跟随图形的造型去有一些更有层次的变化性。
随机添加其他的图形造型,注意色彩的均匀和画面的平衡性即可。
排列文字。这里的文字排版基本上是沿着画面空白的地方进行绕排,画面会更加趋于稳定一些。
最后一步,在ps中添加一次纹理即可。这个案例就到这里结束了。
最后,三个案例的集体展示效果。
我终于...写完了哈哈哈哈哈哈哈哈哈哈哈哈哈
- END -
你错过的文章
第五期:这些LOGO设计得太巧妙了!
关注设计干货铺
领取大神私藏设计素材
如果你喜欢这篇文章
麻烦给设计君点个点赞、在看鼓励一下吧