手绘教程!住在糖果罐里的女孩插画绘制思路详解

总有一些文章,相见恨晚。设计规范、职场规划、经验总结一网打尽。 立即访问
  • 水平 : 入门
  • 观众 : 2594
  • 时间 : 2018-08-06

教程

教程作者:青木花梗(手绘营助教)

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

关于教程

7 月份因为皮肤过敏去医院怼了一针,还吊了两支吊瓶。医生当时严肃的告知我这段时间必须戒糖。听完我就很难受了,不能吃糖简直失去了快乐的源泉~于是,对糖分的思念只能化为悲愤的力量。这就是这幅甜甜的插画背后辛酸的故事。

如果你想学习插画,想要摆脱自学烦恼,可以参加优设基础训练营的手绘课哦,详情可以私信微博 @优设基础训练营 了解~

 

教程步骤

步骤 01

在小本本上画草稿,大致构图。然后拍照发至电脑。如果光线不佳或者拍出来线条不够清晰,可以用一下照片扫描app进行处理再传至电脑,这里我就不做app推荐了,毕竟没人给我广告费~

PS:这个步骤并非必要,是因人而异的。我个人的习惯是没事带个本本在身边,突然脑洞一来了,就可以当场画个大概记录灵感。至于构图及细致程度,自己能看懂的程度就OK了 ~

 

步骤 02

建立画布。一般用A4纸尺寸对于普通练习是足够大的了。接着将原始草稿拉进画布,调低透明度,上面新建一层进行线稿层的绘制。

注意,线稿层的作用是为了让后续的上色更为容易区分区域,因此建议线稿层的笔刷尽量用比较实心的笔刷。这里我用的是优设手绘基础营笔刷包的圆笔二号。

 

绘制线稿过程中可以充分利用 PS 自带的旋转功能来找到合适自己下笔的角度,快捷键 R ,你值得拥有。像本图的糖果罐属于对称型的物体,也要时不时水平翻转检查画面是否和谐。

这样子勾勒下来,我们就得到了一张有着完整布局的线稿图了。

【完成线稿,关闭原始稿图层】

 

步骤 03

接下来我打算先给主人公单独上色。将线稿层调低透明度,然后在线稿层下边建立上色图层。这张图想表达的是感觉是清新甜美的,因此整个画面都不会选用高饱和度颜色,整体颜色都在拾色器里偏左上的位置进行选择。

【取色范围】

这里以头发为例详细讲解如何分层刻画明暗。

首先铺好头发的大色:

 

接着假设光源来自左上方,那么作为一个非常平面的插画,我们很容易就确立暗面是面光面的反方向即为右方。加完暗面,调整正片叠底模式,适当调低透明度,使之更为融合

 

同理,我们可以在头发蓬松部位的左上方画上亮面,调整图层模和透明度。

 

接下来。只要各个色块区域都保持在假设光源不变的情况下上色,整体就能达到明暗统一

 

由于整体颜色都是粉嫩粉嫩的,因此描边我用了蓝色,明确又不显得突兀。

【画好的整体归为一组,放在线稿层上面】

 

步骤 04

考虑到糖果刻画,这里另建了画布,画好了几种糖果的外形。

【注意糖纸的褶皱扭曲变化】

 

然后拉到插画画布中进行调整布局。这样主要是为了偷懒(emmmm……)画一个就可以通过复制黏贴旋转缩小拉大来实现一个变多个的效果。

【参考线稿,旋转角度改变大小调整布局】

 

进过一顿操作,糖果的清稿描边就可以顺利出炉了。这里我顺带把玻璃罐描边也给画出来了。

【绘制过程中药思考糖果的前后关系,对描边进行删减】

 

紧接着上色,别忘了光源统一以及遮挡关系下的暗部刻画。

 

细心的旁友会看到罐子其实还是有很多空位的,这里就用小颗粒的曼妥思来填满吧~同样再通过神级偷懒—复制黏贴转换角度甚至稍微变形来得到丰富效果,这里我就不赘述直接放上好色的样子。

 

步骤 05

至此画面的整体其实已经出来了。接下来是质感的刻画部分。由于糖果罐是个玻璃罐子,所以在一开始布局时就让糖果和罐子间拉了点距离,使之能有空间来表达玻璃罐的厚度。

这里可以直接用颜色来填充表现。

 

到了这一步是不是还缺点什么呢?没错,就是高光呀~什么东西只要加上高光,就真的不一样。再说了一个玻璃罐子怎么能没有高光!于是我勇敢的加上去了!

高光用白色直接沿着物体的走势去画一个感叹号”!”,再适当调节透明度就阔以啦。简单出效果,说的就是高光。

【糖果的高光也别忘记哟】

 

现在玻璃罐就已经是搞定了。为了防止画面过于死板,我加了底色和底纹,且在罐子外边画了两个糖果,同时给糖果和罐子都加上了底部阴影,让物体不会太飘。

 

步骤 06

加材质以及排版。把画好的插画导出储存图片。新建画布再拉入,调整大小。插画上面新建立图层蒙版作为材质图层。选用油漆桶,填充区域源由默认的前景改为图案,这里我用的是上底色亚麻。然后对着材质图层点击填充。图层模式改为叠加,调整透明度,得到以下效果。

 

添加材质

最后的最后,稍微加些字体上去,一张甜甜的插画《糖果罐和女孩》就完成啦!

 

最终效果图

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

 

相关推荐

→ 「我的恋爱日常!唯有爱和西瓜不可辜负」主题插画教程(结尾附笔刷)

→ 手绘教程!详细步骤教你绘制微博无缝背景图


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。【收获】更好的自己。

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

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

本文链接: https://uiiiuiii.com/draw/121290036.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

场景插画绘画思路
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新