手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

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

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

插画作者:胡晓波工作室-琳琳

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

交作业去这里→#优设每日作业#

关于教程

halo,好久不见!我是你们的蓝朋友贵莲,又到了本周三我们表演的时候了,这是我们分享的第34个插画技法教程了。

上次我们给大家讲解了「油画肌理风格插画」的创作技法,很多同学直呼:学不会的知识又增加了!

好吧,这次我们降低一下难度。给大家带来一个「绘本风格插画」的创作技法,并会着重讲解插画中的魔法技能——光影,几笔就能让你的画面bling bling~这个小技巧总是可以学会的吧!

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

本节知识重点:不同光源的绘制方法

案例绘制工具:数位板 |  Photoshop

场景绘制难度:★★★★★

光影绘制难度:★☆☆☆☆

# 绘本风格插画赏析

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

绘本风格的插画的风格种类繁多。其中儿插绘本插画以其丰富饱满的故事内容,生动有趣的人物角色深受小孩和大人们的喜爱。尤其是肌理的增加以及对画面光影的处理,让整个画面更加鲜活灵动。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 图片来自网络 仅供赏析。

#1 搜索图片素材

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

这次的主题是「厨房中的妈妈」。重点展示的厨房的场景,所以我们通过搜索“厨房”以及“厨房餐具”关键词就可以搜索到一些相关联图片。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

在挑选照片场景时尽量挑选餐具较多,画面元素丰富的,这样照片中的元素可以直接使用。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

接着再搜索一些厨房相关的摆件,例如:杯子、盘子、盆栽,茶壶等。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

最后,找一个在厨房里的人物。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

#2 绘制草图场景

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

首先使用“抠图大法”将人物参考图以及摆件参考图抠出来放进场景照片中。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

接下来,直接勾出面中的人物及背景,提取大致的人物位置和物体摆放位置。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

对提取的人物外轮廓,进行主观比例调整,使人物脱离真人比例。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

TIPS:绘制时不要纠结和照片有多像,又不是写实!我们主要是提取照片的动态。

提取摆件及餐具的轮廓。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

将提取的餐具及摆件调整大小放进画面。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

这样那样吼吼哈嘿的草图就完成了!不要夸我哦!

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

#3 场景上色

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

配色时要注意画面颜色的和谐,让画面达到一种明确的氛围感,比如温馨的,热烈的,复古的等等。

为了达到明确的氛围感可以运用大量的邻近色使画面的色调统一,加上对比色点缀画面,使整体画面和谐又不死板。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

画面主色定为黄绿色和黄色,辅色为暗红色。整体的色调氛围就确定了。

同时,注意颜色之间的明度和饱和度要统一。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

将线稿置于顶层,【正片叠底】,降低不透明度。接着用「村口水墨勾线笔」或者钢笔工具进行上色就可以了

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

Duang!Duang!Duang!色稿就完成了。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

#4 细节刻画

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

首先介绍这次用到的纹理笔刷(文章末尾「附件下载」版块获取)。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

每支笔刷都有不同的特点,在流量不同的时候,刷出来的效果也有所不同。除了流量,还有用笔力度都会影响到用笔效果,大家可以多去练习感受不同的效果。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

人物刻画

使用「村口磨砂刻画笔刷」画出人物亮暗面以及人物皮肤色素沉淀较多的地方,如腮红,手指尖,手臂肘等关节处。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

1. 头发刻画

吸取底色,选择底色的四周的颜色,刻画头发结构及暗面。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

根据头发画的明暗面绘制亮暗线条,增加视觉层次。暗面里画暗线,反之则画亮线。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

2. 面部刻画

「村口磨砂刻画笔刷」刻画面部肌理。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

新建图层,选择与肤色贴合的橘红色作为面部肌理色。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

「村口磨砂刻画笔刷」一层层过渡。(手部刻画同理)

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

「村口粉涂笔刷」吸取更重的橘黄色沿着边缘轻扫,使肌理颜色更加突出。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

再用「村口速写铅笔」绘制五官。锁定五官图层像素,绘制线条制造层次。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

使用「村口排线笔」沿着眉毛,眼皮及面颊绘制一些亮暗细线。最后加上高光和边缘线。人物面部就刻画完成了。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

3. 服装刻画

吸取底色较暗的颜色,用【村口磨砂刻画笔刷】画出暗面

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

再吸取比暗部亮的颜色,用【村口磨砂笔刷】逐渐过渡。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

【村口粉涂笔刷】在衣服上画一些比较粗糙的肌理。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

物品刻画

1. 水果刻画

同样吸取底色,然后再向四周取色。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

「村口粉涂笔刷」画出水果亮暗面。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

再吸取比暗部浅的颜色沿边缘逐渐过渡。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

最后用「村口排线笔刷」画轮廓线和亮暗线丰富细节。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

2. 玻璃瓶刻画

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

吸取白色,用「村口铅笔笔刷」画出玻璃瓶身线条。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

使用「村口粉涂笔刷」绘制水的明暗面。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

降低水图层不透明度(70%左右)。新建图层剪切蒙版,吸取比底色亮的颜色,使用「村口常用肌理笔刷」绘制玻璃瓶上的反光和环境色,最后使用「村口铅笔笔刷」点上高光,玻璃瓶就完成了。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

TIPS:半透明窗帘的刻画方法和玻璃瓶一样。

3. 背景摆件刻画

【村口水墨笔刷】画出水壶的装饰图案,如果不知道画什么图案,可以去搜索一些古希腊的罐子 有很多好看的图案参考。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

【村口磨砂刻画笔刷】画出水壶的明暗面。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

锁定装饰图案图层像素,用【村口磨砂刻画笔刷】画出亮暗面。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

【村口排线笔刷】在水壶上画一些粗糙的线条,使水壶更具质感。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

其他的同理。

在这样那样之后,我们场景就完成了!

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

光影

在开始绘制光影效果前,我们先讲一下迪士尼动画的用光。以《冰雪奇缘2》电影为例。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 《冰雪奇缘》电影截图

我们逐一分析迪士尼动画中的光

逆光:光从人物背后照射,轮廓清晰明显,和轮廓光相似。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 迪士尼动画《冰雪奇缘2》仅供鉴赏

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 迪士尼动画《疯狂动物城》仅供鉴赏

点光源:由一个发光点发光照射到周围物体。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 迪士尼动画《冰雪奇缘2》仅供鉴赏

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 迪士尼动画《寻梦环游记》仅供鉴赏

正面光:人物正面来光,如果光前有遮挡物则会有投影。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 迪士尼动画《冰雪奇缘2》仅供鉴赏

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 迪士尼动画《疯狂动物城》仅供鉴赏

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 迪士尼动画《寻梦环游记》仅供鉴赏

侧光:人物侧面来光,被照的那一面更亮。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 迪士尼动画《寻梦环游记》仅供鉴赏

顶光:从上方来的光,光效从上往下由逐渐减弱。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

* 迪士尼动画《疯狂动物城》仅供鉴赏

说了这么多想必你对这次要学习光的绘制有一个大致的了解了。那现在让我们正式进入今天的主题吧~

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

侧光

侧光是指光源从被摄体的左侧或右侧射来的光线。我们设定光从左上方来。

首先新建图层,填充黑色,调整不透明度至35%,剪裁受光区域。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

绘制光效时,可以从以下几种颜色范围内的暖色调选择。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

在【颜色减淡】模式下呈暖光源。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

新建图层将图层调成【线性添加】模式,用「村口辉光笔刷」绘制大光源。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

再新建图层,图层选择【线性减淡】模式,用「村口铅笔笔刷」沿着被照物体的边缘绘制较亮的光。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

「村口散边笔刷」绘制颗粒肌理,加强光源细节。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

最后再用「村口水墨勾线笔刷」降低透明度,绘制人物及物体的投影,整个画面光效就完成了。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

顶光

顶光就是头顶来光,物体受光面由上至下逐渐削弱

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

正面光

正面光,如图假设人物前方有一个窗户,那么受光范围会形成一个窗户的形状。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

正面靠近光源的面加强光感。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

背光

背光则是背后来光,类似轮廓光,沿着人物边缘画一圈更强的光。

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

# 效果展示

手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷) 手绘教程!插画魔法技能之光影的绘制技巧教程(附专用笔刷)

好了,这次插画教程到这里就结束了。想尝试的小伙伴们可以查看文章末尾的「附件下载」版块,领取这篇教程的笔刷包~

Bye~

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

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

附件下载

文件名 文件大小 提取码 下载来源
笔刷12.61MB3gjx 点此复制 登录下载
63 收藏 140

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

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

复制本文链接
img

发表评论 已发布 4

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片