手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

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

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

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

关于教程

大家好好好好好好好呀!我是专治不会画的蓝贵莲。又到了一月一度的周三插画教程时间!准备好你的数位板,和我一起动起来~

今天为你们带来的表演是「扁平蜡笔风插画」。接下来,有请我插画班的助教老师 cici 开始她的表演!

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

大家好,我是 cici,今天为你们带来的是「扁平蜡笔风插画」。这次的画风非常容易上手,可以通过照片转插画的形式进行绘制,夸张的人物造型+明快的色彩+蜡笔质感的刻画就构成了这次的插画画面!来来来,开始整活~

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

知识重点:照片转插画、人物设计、蜡笔质感刻画

操作工具:数位板 | Photoshop

操作难度:★★★☆☆

在开始前,要先给大家介绍一下这次画风的代表插画师——David McMillan。他的作品人物造型夸张奔放,色彩明快冲击力强,构图灵活有代入感;不仅有装饰插画的视觉效果,还不拘一格,十分具有趣味性~

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载) 手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载) 手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

图片来自插画师大卫·麦克米兰,仅供赏析

//画风特点分析

人物设计:人物头身比例夸张,四肢及手脚的处理偏概括,面部做简化处理。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

色彩搭配:颜色浓郁明快,互补色的运用使画面视觉冲击力更强。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

质感刻画:以蜡笔涂色质感为主,配合线条描边,局部加入颗粒点缀。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

#01 绘制线稿

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

●构图安排

本次的主题采用照片转插画的形式完成。首先找到一张氛围感较强的街景照片,对其中的人物和元素进行重点提取。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

接下来绘制照片中的人物及元素。我们先对画面中的人物组合进行绘制。

●男主角的绘制

1.动态提取:将照片垫底,降低不透明度,勾勒出人物的大致动态,然后进行主观调整:头部抬起,四肢做展开处理,使人物外轮廓更加舒展。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

2.调整比例:调整人物的头身比例,使人物比例更加夸张且具有特点。缩小头部,将头身比调为 9 头身,上半身占 2 个头,下半身占 6 个头;头肩宽度调整为 1:3。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

3.细化人物:绘制五官及衣服细节,五官保留照片人物八字眉的特点,并做简化处理。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

TIPS:注意线条的处理:曲直结合,在手臂和腿部的内部转折夹角用直线概括,并加入线条的修饰。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

●女主角的绘制

1.动态提取:方法同上,为了更全面展示人物之间的互动,主观调整照片中的人物角度,上半身转正后仰,动态展开。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

2.比例调整:结合女性特点,这里头肩宽度比例调整为1:2,上身比例缩小到1.5头身,下身比例为4.5头身。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

3.细化人物:照片人物的发型比较简单,这里我们主观调整,加入帽子耳环丰富人物形象,并给衣服绘制装饰花纹。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

用相同的方式绘制其他两个人物,人物组合就完成啦。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

●静物的绘制

静物绘制非常简单,以前景桌椅为例,在照片的基础上提取桌椅造型,再做一下概括简化即可。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

●背景绘制

提取照片背景大致的框架,保留有特点的元素,进行大小比例上的主观调整。最后加上远景的人物,就完成了整个画面的绘制。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

TIPS:加强中景和远景人物的大小对比,会使画面层级更加明确。远景人物可以更简化概括,重点突出前面的人物。其他元素也是遵循近大远小的透视原理。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

●细化画面

最后再给店面墙体和地面添加一些装饰细节,使画面更加丰满,线稿部分就完成了。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

#02 绘制色稿

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

●配色

照片整体是安静悠闲的氛围,所以我选择蓝紫色为主色调,给人稳定惬意的感觉,使用邻近色绿色来增加画面的变化;使用对比色红色作为辅助色增加画面的视觉冲击力,让画面更有活力。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

●铺色

在配色时需要注意画面的颜色占比,主色占到 50%,运用在背景地面上;饱和度最高的颜色分布在人物身上,使人物更加突出,男主角用黑白对比做进一步突出,色稿就完成了~

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

#03 细节刻画

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

这次刻画的笔刷比较简单,主要有四个:

1. 村口蜡笔线条:笔刷较实,边缘有颗粒感,主要用于勾线。
2. 村口蜡笔涂色:有明显的蜡笔质感,主要用于铺色。
3. 村口蜡笔叠加:笔刷有纹理质感粗糙,用于细节叠加,使用时需要将图层模式改为正片叠底。
4. 村口蜡笔颗粒:颗粒质感,用于丰富细节刻画。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

●人物的刻画

1. 铺色:用【村口蜡笔涂色】笔刷进行涂色,笔刷不要调太大,像真实画笔一样涂色,过程中自然留白。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

铺完颜色的效果如下:色块边缘有留白,整体铺色的感觉比较放松,保留手绘的肌理感,就像小孩子画画一样。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

2. 绘制边线:用【村口蜡笔线条】笔刷选择黑色,勾出人物边线,同时在色块内部加一些装饰性的长短线条。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

3. 绘制暗面:用【村口蜡笔涂色】笔刷绘制衣服和肤色暗面,增加人物细节。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

4. 叠加肌理:用【村口蜡笔叠加】笔刷绘制衣服的环境色,丰富衣服细节并增加肌理感。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

注意颜色可以多一些变化,层层叠加,人物就刻画完成了。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

●静物的刻画

1. 涂色:先用【村口蜡笔涂色】笔刷进行涂色,步骤与人物刻画基本一致。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

2. 绘制边线:再用【村口蜡笔线条】笔刷选择黑色,画出边线和装饰线。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

3. 绘制暗面:用【村口蜡笔涂色】笔刷绘制物体暗部,做一些层次变化,涂色时不用涂满,用画线的方式自由发挥,同时可以绘制一些图案装饰。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

4. 叠加肌理:用【村口蜡笔颗粒】笔刷在靠垫和座椅交界处,选取环境色叠加一些细腻的肌理。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

同时也可以和【村口蜡笔叠加】笔刷叠加使用,增加不同的纹理质感。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

●背景刻画

用上面的方式完成其他人物和桌椅静物的刻画后,再来进行背景的刻画。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

1. 铺色:选择【村口蜡笔涂色】笔刷,对店面背景和地面进行涂色。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

2. 绘制边线:选择【村口蜡笔线条】笔刷勾线。可以在店面上的广告牌上绘制一些小的图形色块作为点缀装饰。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

3. 绘制暗面:用【村口蜡笔涂色】笔刷绘制物体的暗面。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

Tips:暗面颜色可以通过提高或降低颜色的明度,也可以通过改变色相,使用互补色绘制来增强视觉效果。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

4. 叠加肌理:用【村口蜡笔叠加】笔刷绘制地面的冷暖灰,并增加地面肌理。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

5. 丰富线条:最后用【村口蜡笔线条】笔刷在墙体上加入砖线装饰,并绘制物品人物脚下的阴影。

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

这次的插画教程就完成了,是不是非常简单轻松?赶紧领取笔刷一起画起来吧~

#04 知识小结

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

  1. 照片元素的提取和删减以及角度大小比例的主观调整。
  2. 人物形象设计:头身比例调整,动态轮廓放松概括。
  3. 色彩搭配:主色和辅助色的相互衬托,互补色的运用
  4. 蜡笔质感的表达,颜色的丰富和纹理的叠加。

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

手绘教程!3步教你用照片画出扁平风蜡笔插画!(附笔刷下载)

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

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

附件下载

文件名 文件大小 提取码 下载来源
笔刷18.5M8ljv 点此复制 登录下载
27 收藏 92

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

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

复制本文链接
img

发表评论 已发布 3

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片