前段时间在技术区看到有朋友提出要做个配色方面的教程,颜色方面自己过去只学过一些水粉和国画,稍微具备点颜色搭配能力,在者后来学习的漫画几乎没有用到颜色,全是黑白线稿,到现在做的鼠绘,配色也都是摸着石头过河,今天在网络上搜集了一些资料仅提供给大家参考,毕竟目前关于动画制作配色方面的教程真是少之又少啊,不专业学过还真不晓得该说些什么呢,让大家见笑了。
这里先根据我朋友LONE在闪客皇朝(http://www.flashking.cn)所做的配色教程开始讲。
依次演示:
1、紫色系与黄色系
说明:紫色占大部分画面,添加黄色就占少量画面,这样看上去会比较协调。相反,如果黄色占了大部分的画面,紫色就必须占少量画面。
2、红色系与绿色系
3、红色系与黄色系
4、红色系与黑色系
5、红色系与白色系
说明:
这里大家练习的同时,偶要强调,两种对比色不要在同个画面五五对分,比如图1)紫色占大部分画面,添加黄色就占少量画面,这样看上去会比较协调。相反,如果黄色占了大部分的画面,紫色就必须占少量画面。还有一点,建议大家在要凸显的主体物加以白边或黑边,因为在颜色很多的情况下,黑,白,灰,会起到中间色的作用,来给画面强烈的对比反差做协调。比如要用黑色加边,也不必用纯黑,深色也可以,黑偏蓝啊,黑偏红啊,黑偏黄啊,依次类推,看你自己的感觉了。
不过建议刚开始练习用色的朋友先从纯色练习着手,把握好色彩感觉后在做比较深的研究。
颜色搭配并没有一个固定的模式,如果搞过绘画的人应该知道凡高的作品《向日葵》和《星空》,他的作品颜色搭配很大胆,而且完全超出逻辑,颜色反差很大,使人视觉感受莫大的冲击力!而以上LONE的配色方法,他主要是以粉色调为主,使颜色与颜色之间达到和谐和统一,让人看起来很舒服的样子。
例图:
通常为主色调决定你要搭配什么样的颜色才协调,如上图,主色调为暗绿色,而人物黑白色作为中间色,字体的色调就要做到相应调整,让人首先看到人物眼睛——首饰——闪客皇朝字体,然后才会注意到背景,色彩能引导一个人的视觉走向,跟配色不无关系。
如果配色过于复杂多变,那很难让人把握住中心,我们称之为“记忆点”,你要将什么中心明确的向大家展示,那你就要让它在主背景色中突出表现出来。
如上图,主背景色调为蓝色+部分黑色,而白色是突出表现中心的一个色调,那鸽子的造型就用白色表示,如果用其他色调,如果是墨绿或者与背景色相似的颜色,那就形成不了反差,也就无法体现整幅图的中心点,更不能烘托气氛了。
以下的图是同样的道理,大家可以参考下:
图1:
图2:
图3:
图3的背景色为纯白,那使用淡蓝色搭配能很好的体现主题。各种颜色的搭配能让我们产生共鸣和丰富的想象空间:
谈到配色,网站用色甚为考究,一个配色好的站点,首先吸引人的第一中心点,就是它良好的颜色搭配,然后才会让人注意内容。
不同的网站有着自己不同的风格,也有着自己不同的颜色。网站使用颜色大概分为几种类型:
1、公司色
在现在企业中,公司的CI形象显得尤其重要,每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色,同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C:100%,M:60%,Y:0%,K:0%。这样的颜色使用到网站上显得色调自然,底蕴深厚。
2、风格色
许多网站使用颜色继承的公司的风格。比如海尔使用的颜色是一种中性的绿色,即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多,大公司使用蓝色的较多……这些都是在突出自己的风格。
3、习惯色
这些网站的颜色使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己喜欢红色、紫色、黑色等,在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色,因此这种类型称为习惯色。
以下我分别介绍几个配色比较好的网站,大家可以学习和借鉴下,培养对色彩的敏感以及独到的审美能力。
1,这是个大型的NBA网站,通常我们经常看到的此类网站以白色为背景,但是这个网站却用灰黑色RGB(48,48,48/#333333){以下颜色都用RGB表示},文章标题用色为RGB为(203,201,153/#CCC99),菜单使用的RGB为(112,119,112/#707770)。这样的配色可以显示独特的个性,又不失大型网站的风采。
如图:
色系如下:
现在介绍的网站相对简单,但是她的用心也别具匠心,现在我们来看一看,整体上使用的是白色RGB(255,255,255),辅助色为RGB(79,88,95),菜单色为RGB(48,64,64)和RGB(0,81,111),字体使用的是RGB(83,86,91)。虽然简单,但颜色搭配非常的科学合理。
例图:
橘红色如果运用得当的话是一种非常适用于网页上的颜色。下面这个网站就是一个非常著名的例子。他的主色调为RGB(255,151,0),辅助色调为RGB(255,103,4),菜单RGB为(252,200,0),字体使用黑色RGB为(0,0,0)。此种配色显得主人较前卫,色彩热烈,给人的震撼力较强。
例图:
色系:
当然,还有一些其他类网站配色比较不错,大家只要掌握要领一样能做出好的颜色搭配来!
色系:
色系:
以上举的这个例子是想证明一个道理——只要你有足够的想象力,你就能够设计出漂亮的网页。目前网上非常流行一句话就是网页的搭配不要超过四种主要颜色,否则就有杂乱之感。当然,也有些站点高达7种以上颜色搭配的,那就要看你的颜色驾御能力如何了,呵呵
以往以上所讲的对你有所帮助,我也是刚学不长时间,对色调的把握尚缺火候,相信这里也有不少高手懂得一些配色的原理,真诚希望大家能够多交流,也希望这个帖子能起到抛砖引玉的作用,让大家谈谈配色的经验,这也对一些需要这方面知识的朋友有些帮助。
我自己的观点就是:突出图的中心点,颜色搭配和谐看起来舒服就行了。
以下提供一个SWF,大家动手自己配配颜色,看看颜色与颜色之间的关系,找找感觉吧!
欢迎高手进来补充!不胜感激!