设计癖 - 关注设计癖 提升幸福感

X

设计癖 - 关注设计癖 提升幸福感

登录

忘记密码?

X

设计癖 - 关注设计癖 提升幸福感

邮箱注册

《设计癖免责声明》

密码找回

取消

不再害怕配色,一键解锁海报的配色技巧!

颜色再也难不倒我。

文章来源:胡晓波工作室
ID:ziyou-design
作者:王猛奇
编辑:卝生

这次我们的教程主题是配色方法,许多同学一直误以为配色非常难,几十年如一日的只会吸色,每次只有拿起吸管工具那一刻,内心才得到了无穷的安全感。所以这期教大家如何正确且傲娇的去吸色。

不再害怕配色,一键解锁海报的配色技巧!

配色肯定存在方法,而且每个人喜欢的方法都不一样,就像是“色感”这个东西每个人的理解都不一样,有的同学就喜欢清淡的色彩,有的同学就更偏爱浓重的色彩组合,并不分对错,个人倾向不同而已。

你一定在网上看过了很多的色彩理论,开篇即色环,你看到色彩居然如此巧妙的形成一个收尾衔接的圆圈,内心无比震撼,更加坚定了色彩本身具备的规律性。这是没问题的,但是色彩理论只能提供一个简单的逻辑,在具体的设计画面中,彩色本身是不单独存在的,所以灵活运用是更加重要的事情。

这次我们说到的配色方法其实非常简单,就是从优秀的摄影作品中得到一些色彩组合。这个方法老生常谈,具体怎么用,其实还是跟图片有较大的关系。

不再害怕配色,一键解锁海报的配色技巧!

选择优质的摄影图片时,有几个明确的要素。

第一,色彩要明确,不是所有的摄影作品都有明确的色彩倾向,那么我们就尽量找一些色彩比重较高的图片,例如下图。

这两张图尽管色彩饱和度相差很大,但是色彩都是很明确的。

不再害怕配色,一键解锁海报的配色技巧!

不再害怕配色,一键解锁海报的配色技巧!

我们看一个错误示范。我们会看到这张图片本身的色彩首先是比较常见的,没有特殊性,色彩分布也是较乱。无法有效借鉴和利用。

不再害怕配色,一键解锁海报的配色技巧!

第二,选择事物本身就有很好的色彩的摄影图片。

举个简单的例子。下面两只不同品类的鸟,我们肯定会选择右边这只进行取色。

不再害怕配色,一键解锁海报的配色技巧!

所以说,从摄影图片中取色的这种方法,首先,需要筛选合适的图片,合适的色彩,优质的摄影图片本身有经过一定的调色处理,色彩组合已经非常融洽,只需要根据自己的需求去选择即可。

为了让大家能够更好的看明白取色的这种方法,我们这次案例示范用渐变海报的方式来做,这样对于色彩的感知也直观一些。首先看第一个案例示范。

不再害怕配色,一键解锁海报的配色技巧!

在第一个案例中,我拿到的图片是一个日落的场景,我们能看到晚霞中透出的色彩非常漂亮,色彩也不算多,比较清晰的色彩可以直接取色。

不再害怕配色,一键解锁海报的配色技巧!

我这里分别取了纯色,和双色渐变色,尝试不同的色彩组合。

不再害怕配色,一键解锁海报的配色技巧!

我觉得日落本身从云彩中透出的光非常漂亮,所以用渐变模拟了这种变化性。

不再害怕配色,一键解锁海报的配色技巧!

顺便说一下这个效果如何做。这里主要是用混合工具来做的。

首先我们设置三种颜色,当然了,数量没有具体的限制,只要能够控制好最终颜色的过渡和舒适度,都是可以的。这个是混合工具中色彩的渐变。

不再害怕配色,一键解锁海报的配色技巧!

可以多尝试转化一下思路,不同的造型实际上也可以进行混合,也可能会有意料之外的变化,比如下图。

不再害怕配色,一键解锁海报的配色技巧!

纯色色块之间产生的色彩过渡变化会更加简单一些,如果想要的色彩的层次感上丰富,那么可以尝试渐变色之间的混合变化。

不再害怕配色,一键解锁海报的配色技巧!

那么以下我设置了两个渐变色,大的椭圆是到外围透明的一个径向渐变。

把白色的背景改为深色背景,就可以得到最终像落日一样的效果。

不再害怕配色,一键解锁海报的配色技巧!

仍然是利用混合工具,得到下面这个色彩。

不再害怕配色,一键解锁海报的配色技巧!

然后利用得到的渐变色块进行组合衔接,得到一个完全由色彩构成的渐变海报,我在画面中搭配了一些简单的文字。

只要选对图片进行去色,那么搭配出的颜色会非常舒适,当然还是需要大家对于好的摄影图片有一定的鉴别能力。

不再害怕配色,一键解锁海报的配色技巧!

因为我上面尝试的是色块之间的组合变化,这种变化只要在版面当中分布平衡,可以有更多不同的版式演绎效果,以下为另一个版本的排版演绎。

不再害怕配色,一键解锁海报的配色技巧!

接下来我们看第二个案例示范。

不再害怕配色,一键解锁海报的配色技巧!

第二个案例中我选择了植物,但是这个植物本身的色彩其实一般,主要还是背景虚化形成的颜色非常舒适,所以我毅然决然的选择了它。

不再害怕配色,一键解锁海报的配色技巧!

我虽然取了五种色彩,但是实际上我们未必用到那么多,所以有的颜色在应用的时候可以取舍一下。

不再害怕配色,一键解锁海报的配色技巧!

那么最终我只拿了三个颜色。

不再害怕配色,一键解锁海报的配色技巧!

设置两个渐变描边,混合之后得到这样的色彩变化,更小的那个圆我旋转了角度,所以这里的色彩呈现了夸张的流动变化,也是为了给整体增加一些配色层次。

不再害怕配色,一键解锁海报的配色技巧!

设置两个渐变描边,混合之后得到这样的色彩变化,更小的那个圆我旋转了角度,所以这里的色彩呈现了夸张的流动变化,也是为了给整体增加一些配色层次。

不再害怕配色,一键解锁海报的配色技巧!

最终排版,我这里简单尝试演绎了两种版式变化。

第一个排版演绎是将画面进行了上下等比区分,圆形顺应着画面的结构一分为二,上下错落排版。

不再害怕配色,一键解锁海报的配色技巧!

第二个排版底色同样设置了两个色彩,这是我个人习惯的一个做法,单色作为背景毕竟还是乏味了一些,有不同的色彩加入可以让画面的颜色有一些调剂,视觉上不会觉得太闷太压抑。

不再害怕配色,一键解锁海报的配色技巧!

接下来我们看第三个案例示范。

不再害怕配色,一键解锁海报的配色技巧!

第三个案例图片仍然还是植物,这是一个滤镜感很强烈的图片,色彩饱和度蛮好,此刻我审视了一下自己的内心,果然,我就喜欢这种浓重的有些油腻的色彩。

不再害怕配色,一键解锁海报的配色技巧!

在这个图片中,其实颜色非常简单,基本色就两个,一个是背景的暗色调,一个是花的黄色调。我这里还调取了一些其他小的点缀色。

不再害怕配色,一键解锁海报的配色技巧!

在这个案例中,因为色彩的明暗色非常明显,所以我打算用简单的几何立体造型的方式来做。

都是45度角的变化,我这里也将背景简单分割了一下,可以跟随图形的造型去有一些更有层次的变化性。

不再害怕配色,一键解锁海报的配色技巧!

随机添加其他的图形造型,注意色彩的均匀和画面的平衡性即可。

不再害怕配色,一键解锁海报的配色技巧!

排列文字。这里的文字排版基本上是沿着画面空白的地方进行绕排,画面会更加趋于稳定一些。

不再害怕配色,一键解锁海报的配色技巧!

最后一步,在ps中添加一次纹理即可。这个案例就到这里结束了。

不再害怕配色,一键解锁海报的配色技巧!

最后,三个案例的集体展示效果。

我终于…写完了哈哈哈哈哈哈哈哈哈哈哈哈哈

不再害怕配色,一键解锁海报的配色技巧!

不再害怕配色,一键解锁海报的配色技巧!

不再害怕配色,一键解锁海报的配色技巧!

你此刻的心情

  • 51

  • 0

  • 1

  • 0

  • 0

版权声明: 凡本站注明来源非设计癖的文章,目的在于传播,如需转载,请与稿件来源方联系,如产生任何问题与本站无关;凡本站所发布的图片、视频等素材,版权归原作者所有,仅供学习与研究,如果侵权,请提供版权证明,以便尽快删除。

留下评论 全部评论(1)

  1. 青山一尾鱼

    学到了