当前位置: 首页 >文章 > 全网流行的线性插画,深度实操详解,手残党也能玩!
收藏
分享

全网流行的线性插画,深度实操详解,手残党也能玩!

举报胡晓波课堂胡晓波课堂发布于 2021-02-252469阅读8点赞2评论
「粗描边线性插画」才艺展示...



大家好,我是最近沉迷于麻辣王子的村口蓝贵莲,因为工作室的小米锅巴已经被我们吃光了。


上次我们插画部小伙伴亲身示范,给大家上了一个「复古扁平几何风」的才艺展示,这次我们再给大家来一个「粗描边线性插画」的才艺展示。


这种粗描边线性风格的插画,难度虽小但适用范围很广,最主要的是,没有手绘基础的同学,只要动动你的小鼠标,也能完成下面的效果,是不是很酷?快点放下你手上的赤鸡和农药,跟我一起动起来吧,再学不会我就要打人了!






这种风格这几年都比较流行,经常会被应用在卡片、海报,H5活动页面...等商业场景中:








* 图片来自网络


按照国际惯例,在开始学习之前,我们需要先分析一下这种插画的风格特点:


场景:以人物为主体,通过辅助元素装饰;
色彩:丰富明快,具有很强的氛围感;
人物:造型简洁,有趣可爱,独具一格。


这种风格的代表人物应该是国外插画师Rami Niemi,我们百度一下就可以查到他的很多作品。这次我们可以吸收他在人物造型和色彩上的优点,进行二次创作尝试,做出一点点不一样的感觉。








* 图片来自网络




知识重点:人物造型归纳及装饰图案的使用
操作工具:数位板 | Photoshop
操作难度:毫无难度






在开始之前我们要想好画什么样的场景,然后再去搜索相关的图片素材。大家在前期尝试的时候,完全可以画一些生活场景或者是剧照。


这次使用的素材就是一张剧照,其实一些影视剧照很适合去当作绘画素材,因为影视剧的构图配色元素大都是经过精心设计的,我们平时可以多收集,建立自己的素材库,画画时思路会更开阔。




如果画面元素比较少的话要进行头脑风暴增加一些场景元素,以你打算画的主题进行头脑风暴。


例如我选的这个场景,是有明确的主题关于旅行,画面中己经有了行李箱这些相关的元素,我们就添加一些车票、人物装饰物件、背景植物、树云鸟等元素丰富画面突出主题。如果画面中只有主人物,主题不明确的时候,我们就选定一些主题去联想,比如学习、健身或者烹饪等等,并以此为主题进行发散关键元素。




TIPS:确定了主题,画面就会有故事感,然后进行头脑风暴,确定插画主题内容。




由于这次的画面主要以人物为主,所以我们先分析插画师Rami Niemi的人物特点。我们可以发现,这种风格的人物通常会将人物关节归纳为几何形态。


可以看出头部基本是一个圆,脖子是矩形,身体和胳膊就是带圆角的矩形,腿是矩形,鞋子是梯形,胖一点人物脖子几乎没有。手掌梯形,五根手指也是圆角矩形。


TIPS:在这些特点上我们再根据每个人进行调整,有的肩膀宽,有的圆弧度比较大,这些都可以进行变化。身体调整后五官去简化,眼睛鼻子耳朵,也可以加嘴巴。根据人物特点可以添加胡子、眼镜等。女性及瘦点的人脖子可以长,儿童脖子要短。




① 先用长直线在照片上勾勒这个男子的外形,确定一个大体的造型;




② 在这个轮廓型的基础上我们给他进行拉伸变形。将头部轮廓改的更圆一些,选取上半身拉伸加宽,裤腿拉短加宽,画出梯形的鞋子,将头身比改为5:5,以此来区分真人的比例。




③ 人物的大型勾勒出来后,我们画出西装的衣领,衬衣领及露出的袖边,还有腰带的位置,肩膀转折处可以圆滑一些。




④ 增加人物五官及装饰:由于参考的人物造型比较简单,所以我们可以一些小装饰,例如领带。人的帽子直接用几何形态概括即可,发型简化,添加五官。




TIPS:我们参考人物时只是需要画出大概的动态,一定不要所有细节都照着画,注意头身比、头的大小和身体的宽度,整体画出轮廓再加入细节。


接下来我们来画中间坐着的女性。


① 同样的先用长直线在照片上勾勒这个女子的外形,确定一个大体的造型。根据上一个的方法转化人物风格,将身体拉宽,胳膊和脖子变宽。




② 去掉原图,将身体转折的地方改成圆角,并添加服装细节:画出西装的衣领,衬衣领及露出的袖边。箱子按照原来的形状画即可。




③ 增加人物五官及装饰:可以加上丝巾,加上帽子,上衣加上格子花纹。发型简化可以直接用圆形表示卷发,添加与第一个人物相同的五官。




然后每个人物都是这样的转化,根据这几步画出草图:


TIPS:为了保证人物风格的统一,所有人物的五官相同,可以适当加入表情或者修改鼻子的大小。




接下来,我们添加元素来丰富画面。先画背景:加入植物、云和鸟,这些都可以用几何去概括,例如树就是圆形/三角形加入矩形,有点像小时候的简笔画。




加完背景之后还需要丰富一下前景。照片中前景是有一只狗狗可以画上。但是依然有点空,那么可以加上前面发散出来的元素:例如车票、盆栽和小狗玩的球等等。






草图确定之后,开始用钢笔工具把草图勾勒出来。


TIPS:前期勾线时统一描边粗细,填充为白色。后期再直接修改填充颜色就可以。


首先勾出头部的形,像脸和耳朵就直接用圆形工具画出来,再用钢笔工具勾出帽子和头发五官的部分:




接着勾出身体的轮廓。在开始勾线之前先分析图层的前后关系:衬衫是最底部的先勾,外套是最顶部的后勾线,细节的部分,比如领带,袖口最后勾。





最后勾出脚的形状,脚的形状相对来说更不规则。要注意钢笔锚点不要加太多,保证几何形的平滑度。




这样我们就把人物勾完了。如果哪里觉得不舒服再进行微调。


TIPS:前每一步完成后都可以进行微调,不要太依赖之前的草图。草图只是为了让我们绘制更加容易,还要看最终效果的呈现。


现在我们这个男士就画完了,为了增加趣味性,我们就给他加上腿毛、鞋带及腰带扣,使人物更加丰富完整。




剩下的人物和背景都按照之前的步骤勾完,再进行大小调整,增加元素和细节,线稿就完成了。






然后就非常重要的一步——上色


在配色之前,我们需要给画面定下基调。一般来说,一副插画的主色除了黑白灰之外,不要超过3种,如果想要色彩更加丰富,尽量添加同类色和黑白灰。


TIPS:
插画配色六大技巧

1. 单色搭配(色环15度以内):和谐统一
2. 同类色搭配(色环60度以内):低对比和谐美
3. 邻近色搭配(色环90度以内):和谐,不会冲突
4. 互补色搭配(色环180度以):有冲击力,较强的视觉效果
5. 三原色搭配(色环三角对立颜色):有冲突效果也好
6. 分裂补色(色环180度邻近的两个色):画面丰富




* 图片来自网络


我们今天学习的这个风格配色很百搭,各种配色方法都适用。这张插画我用的是对比色配色:红色和绿色,再加上绿色的邻近色蓝色和红色的邻近色黄色(蓝色黄色是互补色)。主色红要占最大面积,直接用作背景,然后再加入点缀色。




首先先将主色和人物肤色铺上去,最好不要每个人服饰颜色一样,所以我各选一个人物用红色和绿色:




两个年纪稍大的男士用重色,可以平衡画面中的色彩,使画面不会眼花缭乱。然后再加邻近色蓝色,最后加黄色,点亮画面:




TIPS:为了让画面丰富的同时又不会眼花缭乱,红色、绿色、黄色和蓝色色值基本都在拾色器的右上处(红框内)。




最后,给画面其他元素上色。背景直接用接近于白色的米色去填充大部分的建筑,其他物品,例如树和电线杆等可以直接用人物服装的颜色填充即可。前景同理。






接下来我们只要添加一些纹理画面就大功告成了。我们先来看一下细节绘制的笔刷。




选择【波点一(中)】笔刷,选择小朋友衣服图层,在上面新建一个图层并做剪切蒙版,用画笔直接涂抹铺满衣服。接着锁定波点图层像素,将其中的一些波点改为黄色,让衣服细节更加丰富。




接着,我们使用笔刷【虚线(方格衣服)】给左边的男人的西装加入虚线花纹。




其他的人物都以这种形式使用不同的笔刷绘制服装花纹即可。


TIPS:每个人物只需要一处花纹即可,不然会让花纹强掉人物的视觉焦点,并且会让画面十分凌乱。并且,人物与人物之间的花纹也要隔开,例如小男孩的上衣使用了波点花纹,所以旁边的蓝色上衣的女人,花纹就添加在了裤子上。




最后,我们给背景和前景的物品加入一些花纹。由于背景和前景本身只是点缀,所以花纹只需要选择一两处添加即可。




加完前景及背景的花纹之后,今天的教程也就完成啦~













作者:村口蓝贵莲
本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:胡晓波工作室!



2条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩13天60人已报名
【5月】零基础手绘插画训练营
距离开班仅剩13天43人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩30天13人已报名
猜你喜欢
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了45,189
并提交了222份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证