插画师也太难难难了,配色都这么多花样!

用户头像
北京/设计爱好者/6年前/855浏览
插画师也太难难难了,配色都这么多花样!
用户头像
数艺设

插画配色!

一幅作品,给人的第一印象是色彩,可以说好的作品60%取决于好的配色,在插画作品中,色彩更是重中之重。



鲜艳的色彩往往更能吸引人们的视觉点,更插画又是和色彩相辅相成的艺术形式,如何使作品呈现强烈的美感,是每个插画创作者必须要考虑的问题。


今天,数艺君就来跟大家唠唠,插画的配色知识,以及在实际创作当中的配色思路。




配色知识


01

色彩理论:色相环


1.色相

色相:任何黑、白、灰以外的颜色都有色相的属性,而色相就是这些颜色的称谓,即色彩相貌。例如,红色的花,绿色的草,红色就是这朵花的色相,绿色就是草的色相。


2.三原色

三原色:红、黄、蓝为三原色,通过这三种颜色均匀混合调配出绿、橙、紫三种区间色,然后依次融合出更多的颜色。


3.色相环

十二色相环如图所示,是在三原色的基础上制作出来的。对于新手,只要牢记六字口诀即可牢记色相环:红、橙、黄、绿、蓝、紫。所有的颜色都可以根据这六种颜色结合色相环的位置来配色。


02

色相环配色法

1.邻近色

色相环上相距60。左右两种颜色为邻近色,如图所示。邻近色因为视觉冲击力非常弱,一般表现温馨、甜美、雅致的感觉,但是也容易造成单调、呆板的现象。


邻近色示例如图所示,选用了邻近色红色与橙色,只在明度和饱和度上做了调整。


2.间隔色

色相环上相距120。左右的两种颜色为间隔色,间隔色的视觉冲击力强于邻近色,但又不像互补色那么强烈,是常用且实用的配色方案,效果醒目。当然,如果使用不当也容易造成杂乱感,如图所示。


间隔色示例如图所示,选用了间隔色绿色与蓝紫色。


3.互补色

色相环上相距180 。度的两种颜色为互补色。互补色对比非常强烈,视觉冲击力强,能够表现出力量与气势,也是非常现代、时尚的配色。另外,也有不直接选择互补色,而是选择其左右邻近的颜色,效果也不错,如图所示。


互补色示例如图所示,图中没有直接选用草绿色的互补色紫色,而使用的是其左右两边的粉色与蓝紫色。


03

明度与纯度

1.明度

明度:一般就是指色彩的明亮程度。明度最高是白色,最低是黑色,如图所示。


2.纯度

纯度通常是指色彩的鲜艳程度。颜色纯度最高就是纯色,最低是灰色,如图所示。


在Photoshop的拾色器中, x轴代表纯度, y轴代表明度,如图所示。


04

色调决定风格

色调:指图像的相对明暗程度,是明度与纯度的不同组合变化所产生的色彩倾向。直观来说就是色彩给人的整体感受,例如,这幅画的颜色给人温暖的感觉,那就是暖色调,反之就是冷色调。


色相相同而每个颜色的色调不同,也会产生不同的感觉,如图所示。


色相不同,但统一了色调,依然会给人统一的印象,如图所示。


一般日系插画会使用下图中1至3这个色调范围。而选取怎样的色调与画师自己的性格和想表达的感情有关,并没有规定哪个色调是最好的,可以多尝试不同的色调去绘画。


同样一张插图,如果改变色调,提高饱和度和明度,给人的直观感受就会不一样。如下图所示的两幅画,A图是冷色调,给人安静与清爽的感觉;B图提高了饱和度和明度,一下子觉得室内温度上升,产生一种炎热午后的感觉。与低饱和度相比,高饱和度的画面会有积极的倾向,但容易造成视觉疲劳。


05

协调的配色

色彩可以说是无穷尽的,怎么选取颜色呢?这里教你几招。


1.色相一致

色相一致是指选取一种颜色,如蓝色,只在明度与纯度上做变化,因为黑、白、灰属于无彩色,可以一起搭配使用,如图所示。


2.明度一致

明度一致也就是保持色彩亮度的统一。我们可以随机选取不同的配色,然后转化为灰度,使所有灰度保持在相同水平。这样即使是不同的色相,任何颜色也不会突兀,如图所示。


3.纯度一致

纯度一致也就是色相的饱和度保持一致,如图所示,这里选取的是高纯度的配色。统一使用高纯度的配色,色彩会有非常强烈的对比。如果选取的是低纯度的配色,会使画面变成安静、沉稳,色相间的差异也会减弱。


4.冷色调和暖色调

冷色调和暖色调是指色彩给人的感受,是让人觉得寒冷还是觉得温暖,如图所示。


冷暖色配色方案参考如图所示。


5.从生活中取色

生活中常见的颜色会让人觉得熟悉和安心,并且丰富多彩的生活配色也为我们提供了很多的参考。


大地色如图所示,从自然中取色是最安全的一种方式,几千年来人类在自然中生存早已熟知这些颜色,会特别有亲切感,不会感到突兀。


马卡龙色如图所示,马卡龙色是少女的最爱配色。


从图腾壁画中取色,如图所示。平时外出旅游时可以多收集一些各个国家的花纹、图案等,也会是一种独特的配色参考。


6.实例分析

下图中的插画作品,修改前主要采用了蓝绿邻近色配色,但如果画面只有这两个色相会略显单调。


修改后画面中的红伞起到点睛的作用,在色相上红和绿是互补色,会有强烈的视觉冲击感,这也使人们的视线会第一时间集中在红伞上。


然后引导到主体的几个人物上。所以在配色时,先整体选取一组邻近色相,然后局部使用互补色是非常保险的一种配色方法。


日本设计师提出过一个配色黄金比例,即70:25:5。其中,70%为大面积的主色,25%为辅助颜色,5%为点缀色。色相一般不要超过3种,其中深蓝、天蓝可视为一种色相,如图所示。



实例:日系和服少年上色解析



01

设计角色前的准备工作

一般在设计角色前可以先假设一下角色的性格,设定一个时代背景。脑海里有一个概念之后去寻找一些参考图,可以从平时收集的资料中找一些灵感或者直接去网络上搜索。


这次绘画的主题是和服少年,笔者根据自己的喜好选择了几个关键词:冬天、阳光少年、和服、昭和。根据这些关键词我在网上搜寻了一些同时期男性和服作为参考资料,如图所示。


02

绘制线稿

打开Photoshop,按快捷键Ctrl+N新建画布 ,选择钢笔 -2画笔绘制草图,如图所示。


01 草图的绘制过程如图所示。首先确定好人物姿势,降低图层不透明度,再新建一层添加五官、头发和衣服等。然后细化草图,把衣服、五官等结构都交代清楚。


02 绘制线稿,如图所示。继续使用钢笔-2画笔,并结合钢笔工具一起完成勾线。如果在勾线过程中遇到不顺手的情况,可以用快捷键R(旋转视图工具)旋转画布,以自己顺手的角度绘制。


03 绘制衣服线稿。遇到长线条或难以把控的线条时可以用钢笔工具绘制,目的是为了线条的流畅和美观,如图所示。


04 添加闭塞点,如图所示。线稿完成之后可以用画笔在每条线交叉点涂一下,做一个闭塞区域。


最终完成线稿效果如图所示。


02

平涂上色

01 把每一个元素都分开新建图层,如皮肤一层,头发一层等。然后进行上色,并用钢笔工具绘制选区,填充色块,如图所示。


02 在每个区域都涂上颜色后可以尝试不同的配色方案,如图所示。 


因为笔者想要表现温暖复古的感觉,所以主色调选择了饱和度较低的咖啡色,为了使颜色更丰富、有冷暖变化,羽织使用了饱和度低的藏蓝色。脸部是最吸引人的部分,所以围巾选择了红色,让围巾带动人们把视线焦点放在脸部,如图所示。


03 根据配色改变线稿的颜色,例如肤色是肉色的,那么手和脸部的线条可以适当地加点暗橘色,这样上色之后会更加自然,如图所示。


下图所示为图层面板的锁定工具,一旦锁定图层就会出现小锁的标志,之后用画笔在上面画图只会影响原本就存在的区域。


04

五官、头发的上色

上色常用的笔刷是画笔-2、画笔-3和喷枪,如图所示。


01 从肤色开始,用喷枪在鼻头、脸颊、关节等部分涂上浅红色,为肤色打底,使人物看上去有血色。然后为皮肤添加阴影并加深暗部,如鼻子、眼窝、耳蜗等,还有头发和脸的交界处。最后在鼻头、嘴部画上高光,如图所示。


02 眼睛上色过程,如图所示。首先,选取比底色更深的蓝色绘制瞳孔。然后利用图层混合模式叠加效果,这里用到的是柔光模式。最后添加高光。


03 头发上色步骤如图所示。首先绘制底色,再添加阴影,这个时候可以大致把头发结构和受光效果表现出来,然后加深暗部,绘制高光,最后添加帽子的投影,这里选择正片叠底模式。


一般头发的质感表现有3种级别,如图所示,基础表现可以选择1和2,如果想要表现更华丽的质感可以选择3。


05

衣服的上色

衣服绘制的难点是在褶皱 , 要注意人物左边的胯骨略向上,再加上腰带的作用会形成拉伸褶皱,并且手臂、肩膀的位置会形成堆积褶皱,如图所示。


01 使用喷枪,选取比底色深一号的同色系微弱混色。然后绘制褶皱产生的阴影,这里运用图层蒙版工具,可以使阴影有明暗的变化,如图所示。


在图层蒙版中,只需黑白关系即可。黑色是擦除,白色是显现,如图所示。


02 腰带的上色过程如图所示,要点是在底色上绘制花纹后运用正片叠底模式添加阴影。 


03 绘制羽织上的花纹,如果直接贴素材会很假,这个时候就不能偷懒,必须自己动手,依据衣服的纹理绘制图案,如图所示。


04 绘制好花纹后运用柔光模式混上一些淡蓝色,然后用正片叠底模式添加阴影,如图所示。 


05 围巾与帽子的上色过程如图所示。要点与衣服的上色方法一致,运用混色加阴影的处理方式即可。


06

整体调整

调整整体的颜色,可以在顶层新建一个图层,填充淡蓝色,选择正片叠底模式,再添加一个暖色的柔光,如图 所示。


最终完成效果如图所示。


17
阅读原文
|
举报
|
20
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
万圣节主题插画背景
科技感建筑插画背景
二十四节气寒露霜降节气插画
二十四节气寒露霜降节气插画
运动人物插画
西安城市插画 (21)
开学季插画背景
双11电商展台插画
水墨风格夏季主题插画100
二十四节气寒露霜降节气插画
二十四节气寒露霜降节气插画
科技感建筑插画背景
3D风格夏季旅行插画9
餐饮插画背景素材
国潮中国地标建筑美食插画4
万圣节插画背景
水墨风格夏季主题插画77
餐饮插画背景素材
二十四节气寒露霜降节气插画
万圣节主题插画背景
二十四节气寒露霜降节气插画
二十四节气寒露霜降节气插画
中秋节插画灯笼18
运动人物插画
运动人物插画
你可能喜欢
相关收藏夹
大家都在看
登录注册