打开网易新闻 查看精彩图片

色彩是一种语言,不同的色彩有不同的情绪和象征意义;色彩是一把利刃,可以成就不同风格的设计。在设计作品中,色彩运用的好坏直接影响设计效果。

既然色彩这么重要,我们肯定要找到方法去驾驭它,今天就以制作一张促销海报为例,教给大家一种简单实用的配色方法——同一调和。

一、什么是「同一调和」?

例如我们可以让各种色彩的H(Hue 色相)、S( Saturation 饱和度)、B( Brightness 亮度或明度),这三个参数中的任意一个或两个参数变一致,就可以达到色彩调和的目的了。

色相:各类色彩的相貌称谓,如大红、普蓝、柠檬黄等。色相是色彩的首要特征,是区别各种不同色彩的最准确的标准。

饱和度:色彩的鲜艳程度,也称色彩的纯度。

明度:色彩的亮度或明度。颜色有深浅、明暗的变化。

「同一调和」的具体方法就是我们要在色轮上选取四种对比较大的色相,其中一个为主色,其他三色为配色,根据同一调和的原理调整个色彩之间的共性关系,让配色中的饱和度S和明度B两个参数与主色相同,色相H不同,最后把各种色彩应用到案例配色中。

了解了「同一调和」的基本原理后,下面我们通过一张促销海报的制作过程,详细讲解「同一调和」方法的运用。

二、在设计案例中的应用

1.建立画板

(1)打开ps(本案例中我们使用的是Photoshop CC,其他版本菜单位置可能不同,但原理相同。)新建一个文档,我们选择新建画板,这样在后面的海报设计中更方便。

(2)设置画板宽为1440,高为500,然后单击确定。

(3)将画板名称再新建另一个画板,用来放这次案例中所要用到的色值。找到“移动工具”中的“画板工具”,在上方画第二个画板,名字为“配色”。

在这里需要注意的是,如果你想拖动画板或改变画板的其他参数,需要点击标题,而不是画板白色区域。

2.选择颜色

在颜色的选择上我们可以多选几种颜色,今天我们选一个主色,三个配色。利用同一调和原理,将配色色值保持一到两个参数不变,改变其他参数。

保持两个参数不变是双性同一,保持一个参数不变就是单性同一,双性同一比单性同一共性更多一些。

(1)选中“配色”画板,在画板上画一个正圆,双击该图层的缩略图,主色我们选红色,通过滑块选择H为0度的红色;饱和度S不要太高,设为55(降低饱和度可以使色彩个性不张扬,看起来更舒适)

明度B设为100,主色的三个色值就确定了。为了便于后面三个颜色的选择,我们可以把这三个色值标注在所选颜色下方。

打开网易新闻 查看精彩图片

(2)用移动工具复制三个圆形,按照上面的步骤选出第二个颜色。第二个颜色可以选择一个与红色接近的邻近色,偏移的角度很小。

我们使用双性同一方法,保持两个参数不变,拾色器中饱和度S和明度B保持不变,只改变色相H即可。

例如我们选玫红色,H设为330度的,在色轮上相当于偏移了30度,第二个颜色就选出来了。颜色选好后也在色块下方标注三个色值。

邻近色:在24色相环上任选一色,与此色相距90度以内的,或者彼此相隔五六个数位内的两色,即称为邻近色。

如:红色与黄橙色、蓝色与黄绿色等。虽然它们在色相上有很大差别,但在视觉上却比较接近。

打开网易新闻 查看精彩图片

(3)第三个颜色我们选邻近色黄色,与红色也比较接近,在色轮上偏移红色大约60度左右。邻近色可以过渡主色,做成渐变色会非常漂亮。确定好参数后,将色值标注在色块下方。

打开网易新闻 查看精彩图片

(4)选了两个邻近色后,我们第四个颜色可以选择一个对比色或者补色,就是在色轮上,距离主色较远的颜色。比如说偏移主色120度或180度的,那我们可以选蓝色。H为210,S和B保持不变。

对比色是人的视觉感官所产生的一种生理现象,是视网膜对色彩的平衡作用。指在24色相环上相距120度到180 度之间的两种颜色,称为对比色。

补色又称互补色,余色,亦称强度比色,就是两种颜色(等量)混合后呈黑灰色,那么这两种颜色一定互为补色。色环的任何直径两端相对之色都称为互补色。

打开网易新闻 查看精彩图片

四种颜色选好后,就可以运用「同一调和」进行色彩之间的搭配组合了。

打开网易新闻 查看精彩图片

2.颜色之间的「同一调和」

(1)我们选中banner画板,将准备好的素材——女孩图片置入图层中,放在海报左侧位置,将女孩调至合适大小。女孩的眼神往右侧看,所以我们可以在右侧做些设计,比如放一些优惠的信息。

(2)新建图层,画一个正圆,为了丰富正圆色彩我们可以添加颜色渐变效果。在图层样式(fx)中选择渐变叠加,因为前面我们已经选好四种颜色了,所以渐变颜色的选择就直接从这四种颜色中进行选择即可。

用吸管工具吸取我们刚才选好的枚红色,将颜色设置成由主色红色过渡到邻近色玫红色的渐变。

打开网易新闻 查看精彩图片

(3)促销海报上面的文字可以是“全场2.6折”,我们把数字放在正圆上,字体选择海报体(字体要符合整体画面,不能太呆板)为突出打折力度,我们将字体设置为白色,其他文字颜色用邻近色或主色。

(4)冷暖搭配可以活泼画面氛围,所以我们再加一些对比色。新建图层,画一个矩形,设置为中空描边矩形,描边的颜色我们吸取之前选好的蓝色,确定后将描边加粗,设为18点,这样更符合画面。

将矩形放于文字和圆形图层下,为了增加画面活泼氛围,可以将矩形做些调整。用钢笔工具在矩形框左侧边上添加三个锚点,然后删掉多余的中间锚点,将矩形框做一个缺口,改变缺口大小,把文字“全场”放在缺口处。

打开网易新闻 查看精彩图片

还可以改变描边属性,从上方属性栏中选择端点和角点为圆润型,描边方式为居中描边,这样描边矩形才更加符合整个画面。然后调整描边矩形大小,设置为矩形被圆压住的效果,调整所有元素的位置。

打开网易新闻 查看精彩图片

(5)新建图层,画一个正圆放在女孩背后,圆形的颜色可以设置为渐变色,同样的方法,这次使用黄色到玫红色的过渡,颜色设置好后可以调整渐变幅度,找到自己想要的效果,使画面层次感更强。

打开网易新闻 查看精彩图片

(6)利用同样的方法可以在画面上增加一些元素,为画面制造动感效果。

新建图层,在图层上画一个圆角矩形,为圆角矩形做渐变色。如果想用圆形的渐变效果,可以直接按住Alt键,拖至圆角矩形图层上,或者在图层中选中渐变样式直接拖拽至画面该图层上,然后再改变圆角矩形的渐变角度,使两种渐变更舒适。

一个渐变做好后,可以多复制几层,调整圆角矩形大小、位置、渐变角度,使画面更加丰富。

画面空白处可以增加一些小元素,达到丰富画面的效果。新建图层,继续画一些形状,按住Shift键可以在该图层中补其他形状,例如小圆或者五角星。

(7)画好后,剩下的事情就是对画面进行微调,调整图形之间的大小、位置等,使画面更舒适。

(8)调整好后将图层导出。文件”菜单栏中找到“导出”,“导出为”,选中“banner”图层,去掉“透明度”,导出到桌面上,这样一张促销海报就完成了。

很多同学在做色彩比较多的设计时,容易把画面做的非常花,经常产生色彩冲撞或者造成视觉疲劳,运用「同一调和」的理论知识,可以将自己想要的色彩搭配起来,使画面更加协调。

今天带大家了解了「同一调和」的配色方法,平常要多加练习,注意积累色彩搭配方面的知识。配色的方法是多种多样的,对于设计师来说,多读书没坏处,日常可以阅读色彩方面的优秀书籍,如《色彩设计的原理》《写给大家看的色彩书1》《贝蒂的色彩》等,掌握色彩理论的基础知识以后,才能更好的运用在自己的设计作品中。

粉丝福利:关注网易号"开课吧范舟",私密小编即可免费获得2980元VIP课程,先到先得