听说你不会上色?快来看超详细的插画上色过程分享 您所在的位置:网站首页 电影场景插画设计 听说你不会上色?快来看超详细的插画上色过程分享

听说你不会上色?快来看超详细的插画上色过程分享

2024-06-12 17:57| 来源: 网络整理| 查看: 265

热评 凳子加椅子 虽然只有三篇文章,但是每一篇都是满满的干货和轻松易懂的经验传播!!!非常喜欢!!!永远期待下一篇!这次的图看到好清爽!真的好喜欢这种画面,颜色鲜艳柔和,很有动感,感觉能传递出轻快的曲调~!(不是托就是单纯的太想要夸夸了~)

大家好我是态爷,上色是很多同学在学习插画过程中觉得比较难的一部分,今天就和大家分享我的上色思路。我会用例子详细展示如何为一张自然场景的插画上色。

往期教程:

大神总结!学插画必知的6种构图小技巧

构图决定了整体画面的基调,是绘画的一个关键知识点。

阅读文章 >

先看一下成品图:

听说你不会上色?快来看超详细的插画上色过程分享

这张插画的草图是我之前练习构图的时候画的,比较粗糙,先细化一下。

听说你不会上色?快来看超详细的插画上色过程分享

1. 铺底色

草图细化完成,接下来是找参考图。参考图的作用是在动笔前对整个画面的构图、造型、色调有一个大概的心理预期。这一步非常重要,不能省略,没有参考图我宁可不动笔。我想画一个蓝天白云下的大草地,有飞机单车,远处还有点雪山,参考图也按这个方向找。

听说你不会上色?快来看超详细的插画上色过程分享

通过参考图,我得到了一组基础配色,这一步需要注意的是不要用吸色的方式找颜色。照片的颜色是由一堆杂乱的像素混合而成的,而不同照片的颜色混合也是不一样的。吸色只能吸到一个独立像素点,而不是一个整体的颜色,更谈不上色彩之间的搭配。要用眼睛去看,拿画笔的是人,不是电脑。

听说你不会上色?快来看超详细的插画上色过程分享

接下来是进一步确定配色比例。这里有一个比较通用的配色公式「60+30+10」,大体分为 2 种:

60%背景色+30%主角&配角色+10%点缀色 60%主体色+30%次级色+10%辅助色

这个公式可以根据你自己的情况来调整,比如 70+25+5,或 60+35+5;而且配色公式不是绝对的,只是辅助手段,不要陷入到教条主义中。

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

听说你不会上色?快来看超详细的插画上色过程分享

听说你不会上色?快来看超详细的插画上色过程分享

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

然后是背景的初步细化,这一步基本确定背景的层次和颜色。场景的层次变化是很丰富的,可以通过明暗对比、色彩对比、塑造程度、清晰度等的递增递减来表现从远到近的空间感。

听说你不会上色?快来看超详细的插画上色过程分享

听说你不会上色?快来看超详细的插画上色过程分享

2. 背景细化

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

按塑造程度从 1-10 来说,前景是 9 或 10,那么背景就是 1 或 2。这样就可以很轻松的确定画面内元素的造程度,从而搭建整个空间。这样做的前提必须是对整个画面有了一个明确的思路,并且铺好底色。

听说你不会上色?快来看超详细的插画上色过程分享

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

然后是远山的细化。如前面说到的,空间远处的色彩对比度要低才能来开视觉层次。低对比度下的明暗,尽量统一在一个色系里,远处的山甚至都可以不用暖色,直接蓝色偏点紫取个低饱和度,在大色调的对比下可以直接给山地脑补一层棕色。画水下的人物也可以用这个方法。

听说你不会上色?快来看超详细的插画上色过程分享

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

听说你不会上色?快来看超详细的插画上色过程分享

听说你不会上色?快来看超详细的插画上色过程分享

3. 主体细化

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

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

听说你不会上色?快来看超详细的插画上色过程分享

飞机的处理也是同理。虽然线和固有色已经分的很清晰了,也不能忘了空间二字。我给下方机翼的暗部加重了颜色,再加一个较强的反光,然后减弱了上方机翼的颜色,这样上机翼-机身-下机翼的空间就能分出来了。

听说你不会上色?快来看超详细的插画上色过程分享

到这一步,整个画面就都完成了。

听说你不会上色?快来看超详细的插画上色过程分享

4. 整体调色

画完之后,我一般会进行一个简单的调色。调色的目的一个是统一色调,再则对整体颜色进行一次大的倾向调整。一般是在图层上方新建一个调整图层,用的是「可选颜色」。先对背景进行一个简单的调整,把暖色部分加一些饱和度,再把绿色往冷了调,目的是让背景色调高度统一,以及进一步突出飞机的黄色。

听说你不会上色?快来看超详细的插画上色过程分享

听说你不会上色?快来看超详细的插画上色过程分享

然后是画面整体的一个调整。先用「曲线工具」调整了一下黑白的色阶,再用「可选颜色」让整体暗部偏蓝;然后提亮了黄色部分的明度,再减一点点饱和度,因为暖色饱和度太高容易焦躁;

最后再新建一个图层加一点杂色,用「颜色加深」叠上去,为画面增添质感。

听说你不会上色?快来看超详细的插画上色过程分享

听说你不会上色?快来看超详细的插画上色过程分享

最后请@麦点盛世刘辉 帮我配了字,完工。以上就是我日常上色的过程分享,希望对正在学习插画的同学们有帮助。

听说你不会上色?快来看超详细的插画上色过程分享

「关注我」

优设账号: https://www.uisdc.com/u/87222/publish/post 微博账号: https://weibo.com/u/6517085292 站酷账号: https://www.zcool.com.cn/u/16953096 优设大课堂课程: https://xue.uisdc.com/teacher?id=5f35175002a5853cf70fc51d

推荐阅读:

优设专访插画师态爷:画完100张电影海报后,我终于学会怎么做好一碗蛋炒饭

大家好,这里是和你们聊设计的花生~ 最近非常幸运,有了一次专访插画师态爷的机会。

阅读文章 >

听说你不会打光?高手总结了8种常见的打光方法

本文梳理了8个常见的打光方式,结合清晰的手绘图例,让知识点一目了然。

阅读文章 > 态爷 文章 3 人气 10.4w

优秀设计师

+关注作者 收藏 127 点赞 77

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。

继续阅读本文相关话题 手绘设计 插画上色 插画设计


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有