手绘教程!轻松get“赛璐璐”式水彩小场景插画

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

手绘教程!轻松get“赛璐璐”式水彩小场景插画

教程作者:蓝贵莲(授权转载自公众号:胡晓波工作室

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

关于教程

大家好好好好好好好呀!我是专治不会画的蓝贵莲。又到了每月一度的周三插画教程时间!快拿出你们积灰的数位板,和我一起画起来!

今天为你们带来的表演是【“赛璐璐”式水彩场景插画】。接下来,就有请我P3训练营老师——阿桂开始她的表演!

手绘教程!轻松get“赛璐璐”式水彩小场景插画

知识重点:线稿绘制、光影铺色、水彩叠色
操作工具:Photoshop丨数位板
操作难度:★★★☆☆

HALO我是阿桂!最近,奶茶之神托梦对我说“桂啊——下回整个水彩吧——”...那么...搞起!这次给大家带来【“赛璐璐”式水彩小场景插画】的创作技法~一起来画温馨治愈的小日常叭~

风格介绍

在搜索了一遍各类水彩插画后,我将目光锁定在了这一类插画中。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

图片来自插画师井田千秋,仅供赏析

手绘教程!轻松get“赛璐璐”式水彩小场景插画

图片来自插画师Mateusz Urbanowicz,仅供赏析

没能搜索到指代这类水彩插画的合适名词,于是我将其称之为“赛璐璐”式水彩,与之相对的为“厚涂”式水彩,是技法层面的一种分类。赛璐璐上色目前多用来指代日系二次元插画的常用技法,是一种基于干净线稿的平涂式上色技法,对上色的技术要求较低。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

从左至右:渡辺明夫——斋藤直葵——けーしん,仅供赏析

厚涂则是运用笔刷和技巧用颜色慢慢堆砌,立体感很强,色彩质感丰富,技术要求高,在成图中通常不可见线稿。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

从左至右:letsfinalanswer——赛本源——Mark Ryden,仅供赏析

而这里所说的“赛璐璐”式水彩与“厚涂”式水彩的主要区别也集中在线稿及上色技法上。前者对线稿的精致程度要求更高,对光影体积笔触色调的要求相对低一些,后者则刚好相反,因此“赛璐璐”式水彩的掌握难度总体来说对新手更友好些~

手绘教程!轻松get“赛璐璐”式水彩小场景插画

对风格有了大致了解后,搓搓手开搞叭!

手绘教程!轻松get“赛璐璐”式水彩小场景插画

图片来自插画师井田千秋,仅供赏析

以井田千秋的部分作品为参考,我打算画一幅治愈向的单角色小场景,于是我便开始从我的“跑东跑西”文件库里找寻灵感。大家平时出去玩拍到的有意思的照片也可以整理出来作为灵感库之一,自己拍的照片也更不容易出现侵权的问题~

手绘教程!轻松get“赛璐璐”式水彩小场景插画

最后我选择了这张照片作为参考,那么来画姜饼店叭!

手绘教程!轻松get“赛璐璐”式水彩小场景插画

#01 绘制草图手绘教程!轻松get“赛璐璐”式水彩小场景插画

绘制透视辅助线

1.首先根据参考画出透视辅助线。由于本次教程的重点不在场景透视,因此仅分享绘制步骤,不详细讲解透视理论知识。观察照片可以发现,纵向的平行线条有明显往下收缩的趋势,判断该场景为三点透视且为俯视视角,三点透视的两种示意图如下:

手绘教程!轻松get“赛璐璐”式水彩小场景插画

2.绘制透视辅助线的步骤如下图:

手绘教程!轻松get“赛璐璐”式水彩小场景插画

3.在素材中找到视平线以及视中线的大致位置,现实中水平画面中也水平的线为视平线为位置,现实中垂直画面中也垂直的线为视中线位置。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

4.根据主体房子的边线延长与视平线的交点可以判断出x1x1大致位置为紫色标记所在,而画面的纵线向下收缩的趋势并不强烈所以y1应该在画面更下方的位置。这里我希望店铺露出的一面透视感更强些,因此将移动x1x2的位置,让x1离中心更近些。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

5.画出纵向辅助线。透视的强度根据画面需求决定,并不需要与参考完全一致,这里我希望纵向透视不用特别强烈,因此以垂直线为中心,其两边的线条平均且缓慢地向中心下方收拢。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

6.画出相交于x1x2的辅助线。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

7.最后将所有线再干净地描一遍,便得到透视辅助线啦~

手绘教程!轻松get“赛璐璐”式水彩小场景插画

TIPS: 这并不是精确的透视画法,由于插画非写实风格,视觉上做到舒服即可,不需要过度追求透视的精准性。

8.放置物件。步骤如下图:

手绘教程!轻松get“赛璐璐”式水彩小场景插画

a.首先根据两线的位置,将左侧墙面和房子的大形放置进去。这里我希望俯视的视角更明显一些,将水平线放在房子更偏上的位置。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

b.放置按照透视标准摆放的物件:如贴着外墙的画框、桌子、椅子、篮筐、贴着屋内墙壁的冰箱等等。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

c.放置随机透视的物件:如摆歪的篮筐、斜放的花盆和里面的花、被风吹起的窗帘和风铃、斜靠着的扫把等等。

TIPS: 即使参考图里没有随机透视的物件也要给画面制造一些,并与标准透视物件穿插摆放,否则容易导致画面僵硬板正。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

9.完善画面。步骤如下图:

手绘教程!轻松get“赛璐璐”式水彩小场景插画

a.将画面裁剪成合适的大小,注意留出位置放置前景和远景。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

b.添加前景和远景,但不要过于复杂,始终让视觉中心保持最丰富的层次。可以加入一些主题元素加强画面整体性。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

c.加入焦点角色,注意角色的位置不要太边缘。除此之外我还在视觉中心设置了一些亮点元素,桌面上的小精灵以及墙边的迷你小门。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

#02 绘制线稿手绘教程!轻松get“赛璐璐”式水彩小场景插画

笔刷介绍

终于到了最最激动的时刻啦,这次为大家准备了水彩风笔刷~下面就为大家一一介绍一下~

线稿是这类风格的重要一环,线稿是否精致很大程度影响到画面的最终效果。这里我勾线稿使用的笔刷是【湿水勾-浓】及【湿水勾-淡】。线稿的颜色不推荐使用纯黑,不易凸显笔刷的肌理感,可以使用带一点颜色倾向的深色,比如这张图我打算画暖色调于是选择深棕色勾线。

【湿水勾-浓】画出的单线带有些许水彩肌理和水彩边缘。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

这两支笔刷的默认模式都是正片叠底,因此线条与线条相叠的地方颜色会变深。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

用接线的方式勾勒形状时,线与线相衔接的地方会出现类似水彩的叠加效果。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

平涂色块时,被反复涂抹到的地方会变浅。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

【湿水勾-淡】画出的线条颜色会更浅,水彩肌理和水彩边缘更明显,其他的特点和【湿水勾-浓】基本一致。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

大部分线稿使用【湿水勾-浓】来绘制,两种错误使用方式和合适画法如下图,手法合适便能够得到既流畅又带有手绘水彩感的线条啦~

手绘教程!轻松get“赛璐璐”式水彩小场景插画

【湿水勾-淡】可以在一些局部线条需要弱化的地方使用,比如块面内部的纹理、花纹等等。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

了解了笔刷和使用手法之后,来聊聊线稿的绘制技巧,为了得到层次丰富的线稿我们需要注意:

1.线条的粗细秩序

基本原则为:外轮廓线最重-内轮廓线次之-结构线再次之。以人物和招牌为例如下。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

2.线条的明暗变化

基本原则为:亮处偏细,暗处偏粗-远处偏细,近处偏粗-转折处加重体现阴影。可以预先设定好光源的大致方位,如这张图我预设主光源为左后方树林处。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

3.线条对结构的凸显

a.物件边缘的厚度感。留出厚度的空隙能视觉上丰富结构。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

b.对包裹结构的暗示。如图为丢勒的速写作品,可以发现他会使用一些短线有目的地往结构的包裹方向排列。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

c.模仿其手法,我们可以在局部也加入包裹方向的小短线来凸显结构。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

4.线条的节奏感

a.对于线条的节奏感有,长短节奏和粗细节奏,线条长短粗细变化丰富则节奏感强,平均单调则节奏感弱。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

b.我们可以在长线集中的地方制造一些短线,让线条有长短变化,而粗细变化除了基于上述几条原则以外,在绘制一根长线时跟随转折加入粗细变化,也会比一根均匀的长线更有节奏感。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

5.线条的繁简对比

a.主体及周围的物体线条相对丰富复杂,越远离主体的部分线条越简洁,以突出画面的视觉中心。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

b.对于线条的变化可以考虑的要素有很多,但我们不必执着于同时将这些要素考虑周全而变得拘谨不敢落笔,比如在这张线稿的绘制中,你会发现有些局部对线条的秩序体现地更到位,有些局部则对明暗变化体现地更到位...只要有目的地去使用线条,就能够得到富有层次变化的线稿,也可以在画完后再进行线稿的二次优化。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

#03 绘制色稿手绘教程!轻松get“赛璐璐”式水彩小场景插画

首先将线稿图层改为正片叠底模式,这样线条随着底色的深浅就也会有相应的变化啦~然后在线稿图层下方新建图层,就可以开始上色啦!使用到的笔刷有:

首先是两支大面积铺色笔刷-【肌理铺水】和【肌理铺色】。它们都带有细微的画纸肌理,【肌理铺水】的边缘肌理更明显,颜色更透明,【肌理铺色】的边缘肌理细一些,颜色更实。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

基于它们的特性,我们可以使用【肌理铺色】铺大面积颜色,然后使用【肌理铺水】添加颜色变化

手绘教程!轻松get“赛璐璐”式水彩小场景插画

然后是一支上色笔刷-【水彩肌理上色】。大部分上色部分都使用它来完成。自带明显的画纸肌理,且边缘较平整粗细易控制,能够精确绘制,单次平涂的颜色为半透明,多次叠加颜色会逐渐变实。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

最后是【水渍边缘】。带有细微画纸肌理,画出的颜色中间几乎透明,有明显的水彩边缘效果,叠加效果很有层次。主要在最后用来丰富局部的画面效果。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

了解了笔刷后,正式开搞!

铺光影关系

1.首先先用【肌理铺色】把大致光影的明暗及冷暖关系概括出来,这里我的光源设定为暖黄光,因此受光处用较浅的黄色,背光处则用带蓝色倾向的明度稍低的颜色。然后用【肌理铺水】丰富一下颜色变化。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

2.表现出大致光影效果即可,不需要非常精细,完成后便得到了:

手绘教程!轻松get“赛璐璐”式水彩小场景插画

3.接着用白色提亮部,同时也是在接下来的上色中需要留白的区域。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

4.把【肌理铺色】笔刷缩小,绘制留白区域。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

5.这样,大致光影效果就完成了,这一步的目的是给后续上色的明暗和留白起到提示作用,并在后续上色时透出底色的冷暖变化。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

配色

首先可以选出两组颜色,一组暖色一组冷色,通过降低整体纯度统一色调,冷色纯度更低则色调偏暖,反之则色调偏冷。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

这里我选择了暖调来绘制,并注意主体及其附近的部分相对纯度较高,色相较丰富,次要区域色相更单一纯度更低。

在光影层上新建一个图层,用【肌理铺色】把大部分物体的固有色确定下来,注意空出留白区域,这样画面的整体效果就确定下来啦~

手绘教程!轻松get“赛璐璐”式水彩小场景插画

#04 细节刻画手绘教程!轻松get“赛璐璐”式水彩小场景插画

这一步的绘制技法比较简单,大部分使用【水彩肌理上色】来完成即可,重点在于光影体积所对应的颜色选择上。

细节上色

1.首先平铺一遍固有色,有留白部分的注意避开。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

2.通过叠加加深到颜色,灰部固有色区域可以多叠几层让纯度更高,手法可以随意一些,色块叠加形成的痕迹能丰富质感。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

3.用明度与固有色接近的冷色加反光,用明度比固有色深的冷色压阴影。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

4.用明度比固有色高的暖色丰富固有色与亮部的交界处。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

5.总结一下,光影体积所对应的选色基本遵循:

手绘教程!轻松get“赛璐璐”式水彩小场景插画

再来看几个过程熟悉一下吧~有相挨着的物体可以加入环境色。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

视觉中心的部分投影边缘可以叠加一点高纯度颜色丰富效果。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

木纹之类的纹理可以使用【湿水勾-淡】进行绘制。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

最后用【水渍边缘】丰富一些单调大块面的质感。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

当当当——然后就完成啦!

手绘教程!轻松get“赛璐璐”式水彩小场景插画

最后调整

1.整体调整一下画面的色调、纯度、对比度。

手绘教程!轻松get“赛璐璐”式水彩小场景插画

2.叠加一个画纸肌理,置入画纸素材后,将素材图层模式改为叠加,再微调素材的亮度直到对画面颜色影响最小即可~

手绘教程!轻松get“赛璐璐”式水彩小场景插画

#05 知识小结手绘教程!轻松get“赛璐璐”式水彩小场景插画

最后总结一下~总体来说线稿部分需要更多耐心,精致有层次的线条能大大提升画面质量。上色部分需要注意选色,绘制上没有太多技法要求,快乐地去叠颜色就好啦!不擅长透视场景的同学也可以把这种风格技法用在自己拿手的画面中~

欢迎关注作者的微信公众号:「胡晓波工作室」

手绘教程!轻松get“赛璐璐”式水彩小场景插画

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

附件下载

文件名 文件大小 提取码 下载来源
笔刷18.8M364z 点此复制 登录下载
12 收藏 27

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

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

复制本文链接
img

发表评论 已发布 1

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片