曼陀罗设计和调色过程【调色部分】(原创)

王朝学院·作者佚名  2016-05-05
窄屏简体版  字體:   |    |    |  超大  

这里分享一下配色的部分,设计的部分可以参考曼陀罗设计和调色过程【设计部分】。

调色前的设计:

[flash=500,400]http://s1.knowsky.com/20131005/oimkhkfvgx5141538703.jpg[/flash]

目标效果是:

• 红色为主色,使用红色的类似色并加上2个互补色作为点缀。(Red Analogous Split Complementary)

• 明确前景中景背景,自中心向外围延伸。

• 颜色一致,不能过于鲜艳。

我的调色板:

[flash=500,400]http://s1.knowsky.com/20131005/sh23oc3wiez151538903.jpg[/flash]

上色咯。

1. 先从大块图案加起,这样比较容易设定基调。背景/远景颜色饱和度较低,偏冷色调,因此我选择了偏冷的蓝紫色,然后在上面加层20%的灰色(50%黑)调低色调。

[flash=500,400]http://s1.knowsky.com/20131005/lygxl00w1j5151539003.jpg[/flash]

2. 依次层层向里加上波纹图形,在这里我在所有背景图层上方添加了一层透明度20%的红色,以调亮整体颜色(见下图)。通过调整各图层的透明度可以使有限的颜色看起来更多样化。颜色渐变也是引导视觉注意力的有效工具之一。越往中间,颜色对比度越大。在中景颜色的使用方法上,我选择了降低红色的鲜艳度(在颜色里添加黑色或棕色) 。

[flash=500,400]http://s1.knowsky.com/20131005/vp2oltrowa3161539203.jpg[/flash]

调整背景颜色是真心无聊。所以我转而开始给中心加颜色。

制造视觉中心的几个小手段:

1. 颜色饱和度高

2. 图形复杂

3. 更多的细节

4. 高对比度(明暗和颜色本身)

瓶盖这里我使用了纯红色,并添加了多层渐变和边框;考虑到配合调色板的颜色一致性,Coca Cola的logo没有使用纯白色,而是使用了非常淡的桔黄色(我的调色板上最浅的颜色)。瓶盖背后的气泡使用了互补色的蓝绿和黄绿,通过透明度增加层次感。丝带饱和度设置的比较高,更加突出视觉中心。最下面的圆形使用了暗红到浅红的渐变,这样能把前景更往前推。暖色在前,冷色退后,这是我们的眼睛对颜色自然的反应。

[flash=500,400]http://s1.knowsky.com/20131005/pet4cuqezor161539403.jpg[/flash]

好了,下面是瓶子。上下左右的大瓶子颜色比较45度角的小瓶子更加亮,这样可以制造层次,把小瓶子推后。在这里我是在小瓶子上加了一点点黑色。

[flash=500,400]http://s1.knowsky.com/20131005/1w13pcwpr5g171539603.jpg[/flash]

最后加上些细节,高亮(绿色的气泡),这样把眼睛锁在图形里,完成!

[flash=500,400]http://s1.knowsky.com/20131005/fzebx35fy13211540103.jpg[/flash]

如何通过调整颜色添加视觉层次感(当然,具体问题具体分析,这里只是总结一下大概的几种方法):

1. 前景:偏暖色调,饱和度较高,色彩色调对比度高;

2. 中景:适当加一些灰色可以在视觉上起推后作用【这种方法叫tone】;

适当加一些原色彩的互补色【混合到一定比例的时候会呈现棕色,这种方法叫mute】;

3. 背景:适当在原色彩的基础上加一点蓝色;

降低对比度;

降低饱和度;

也可以加一些灰色;

也可以加一些白色;

也可以加一些互补色;

我很喜欢分享学习的过程,也很欢迎问题和意见!

【这里注册商标以及可口可乐瓶身图形仅限个人学习和技术交流目的】

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航