手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

时间:2022-01-10
类别:手绘教程
水平:普通
观众:1.6w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

教程作者:AIFI矮肥才华有限(优设大课堂手绘讲师)

报名课程:态爷手绘就业提高班

交作业:#优设每日作业#

关于教程

最近在家憋得慌,好想出去玩,那就画一张出去玩的吧!今天我们来聊聊自然场景的颜色搭配。

教程内容

最近画了一堆草图,挑一张出来画。这张是上次讲构图的时候随便勾的,比较糙。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

改一下飞机的样式,然后按照三分构图法调整一下画面元素位置和比例。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

细化线稿,加亿点点细节。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

接下来是找参考图。参考图的作用是在动笔前对整个画面的构图、造型、色调有一个大概的心理预期。

这一步别跳过,没有参考图我宁可不动笔,我想画一个蓝天白云下的大草地,有飞机、有单车、远处还有点雪山。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

通过参考图,我得到了一个基础配色。

(警告01:不准吸色。照片的颜色是通过一堆杂乱像素点混合而成的,而不同照片的颜色混合也是不一样的。吸色只能吸到一个独立像素点,而不是一-个整体的颜色,更谈不上色彩之间的搭配。用眼睛去看,拿画笔的是人,不是电脑)

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

在这个画面里,飞机是绝对的主角, 所以用大片的蓝天来做衬托。草地的绿色饱和度不能高,绿色不能太纯,否则就抢戏。背景群山混合了更多天空的环境色,整体压成深蓝色,这样背景就能统一成一个蓝色调,然后通过蓝色-绿色-黄色的近似色渐变逐渐延展到前景来。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

配色比例有这么一个公式:60+30+10(划重点!!!)

60%背景色 + 30%主角&配角色 + 10%点缀色

60%主体色 + 30%次级色 + 10%辅助色

这个公式可以根据你自己的情况来调整,比如70+25+5,或60+35+5。

(警告02:公式不是绝对,公式只是辅助,不要陷入到教条主义中。)

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

接下来先把人物的明暗、固有色画了。除了飞机的主角色,其他所有颜色都是低对比、低饱和,比如骑自行车的人,衣服的颜色基本是直接从背景中提出来的,仅靠自行车和T恤的黑以及清晰的外轮廓与背景作分离。

然后是背景的初步细化,这一步基本确定背景的层次和颜色。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

场景的层次变化是很丰富的,可以通过明暗对比、色彩对比、塑造程度、清晰度等的递增递减来表现从远到近的空间感。

最远的就是天空和云,作为主角飞机的背后的空间,一定要干净通透,这样才能最大程度把它衬托出来。简单拉个渐变,然后直接用天空色加亮作为云的暗部,亮部就直接用白色了。

云彩的形状加了大量线条,让整个画面有了统一的平行线,加强动感。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

大太阳下的自然风景有一个特点,暗部一定是偏蓝的,因为吸收了特别多蓝天的反光,越远的越明显。

最远处的雪山,和云一样,先简单分个明暗就好,暗部直接提取天空色。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

然后就是远处的山,天空色加深加减一点饱和度作为暗部,从这里开始亮部开始带一-点点固有色,大概5%的样子。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

接下来是近处的山,因为要与前景的草坡拉开空间关系,所以暗部用的还是天空色,让它尽量往远了推。亮部开始带大量固有色,从空间关系上考虑,这里用了偏灰的橄榄绿。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

绿色是自然界中最麻烦的颜色,直接用纯绿,会产生一种特别强烈的不适感,所以我们要利用空间、光照、环境色等元素来让绿色偏色。

前景的绿色草坡层次和细节变化是最丰富的,这样才能从视觉上让它跳出来,产生一种通透的空间感。

整个层次的思路是:

环境色10 —— 环境色1
固有色1 —— 固有色10

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

接下来开始细化:我的习惯是先从最远处画起,然后逐渐往前推。这样的好处是可以无脑推空间。

按塑造程度从1—10来说,前景是9或10,那么背景就是1或2.这样就可以很轻松的确定画面内元素的塑造程度,从而搭建整个空间。

这样做的前提必须是对整个画面有了一个明确的思路,并且铺好底色。

云彩的细化我细化从暗部开始,通过暗部的颜色来呈现云彩的层次,画好大块面之后直接用涂抹工具,换一个带笔触的笔刷,抹出被风吹
开的部分,这样就能在最有限的塑造程度里做出丰富的层次感。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

然后开始加亮面,直接用白色就可以了,画好以后补一点反光,补一点形状,最后再用涂抹工具塑造一下就可以了。

云是很透亮的物体,所以我加了大量的阳光的颜色做最亮的暗部,这样一来也可以与暖色的飞机和地面做一个呼应。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

在这一步的时候,前面找的参考图就全都派上用场了,对着画就完事了,只要在画着的时候记着,此刻的塑造程度是多少,环境色和固有色的比例是多少。让空间意识一直扎根在脑海中。

(警告03:不要问我找不到参考图怎么办。)

低对比下的明暗,尽量统一在一个色系里,如远处的山,甚至都可以不用暖色,直接蓝色偏点紫取个低饱和度,在大色调的对比下可以直接脑补层棕色。画水下的人物也可以用这个方法。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

前景草坡的地面虽说层次最丰富塑造最完整,却也不用一根--根草去画出来。只需要把基底颜色做丰富了,加点土块石头,然后在色阶之间加几根冒头的草。就像画头发一样,靠的不是发丝,而是基础的层次。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

这是画面里绿色的层次。基本的大逻辑就是暗部偏冷亮部偏暖,冷往青色走,暖往橄榄绿走,亮部加一-点点土黄作枯草点缀。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

到这里,背景基本完成了。接下来开始画人物。

我在画画的时候习惯把图层整理的比较有条理,最上面是线稿,接着是明暗,最底下是用来做剪辑蒙版的底色,中间是根据颜色或部位分的固有色。

在进行单个部位的塑造时我可以直接给图层加个ALPHA锁定,改起颜色来也很快,后期维护起来特别简便。骑单车的人不是主角,所以只需要在明暗的基础上加一到两个色阶就可以了

图层的分法还是得按画风来定,比如厚涂,我可能就直接一两个图层完事了。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

飞机的处理也是同理。虽然线稿和固有色已经分的很清晰了,也不能忘了空间二字。

我给下方机翼的暗部加重了颜色,再加一个较强的反光,然后减弱了上方机翼的颜色,这样 上机翼-机身-下机翼 的空间就能分出来了。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

到这一步,画面的绘制完成了。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

画完之后,我一般会进行一个简单的调色。调色的目的一-个是统一色调,以及在后期对整体颜色进行一次大的倾向调整。一般是在图层上方新建一个调整图层,用的是可选颜色。

先对背景进行一个简单的调整,把暖色部分加一些饱和度,再把绿色往冷了调,目的是让背景色调高度统一,以及进一步突出飞机的黄色。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

然后是画面整体的一个调整。先用曲线具调整了一下黑白的色阶,再用可选颜色让整体暗部偏蓝,然后提亮了黄色部分的明度,再减一点点饱和度,暖色饱和度太高容易焦躁。最后再新建一个图层加一点杂色,用颜色加深叠上去。

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

最后找来@麦点盛世刘辉,配个字,完工!

手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!手绘教程!听说你不会配色 ​​​?手把手教你还原上色过程!

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

89 收藏 153

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 7

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片