插画思路!一副插图是怎么画出来的?

总有一些文章,相见恨晚。设计规范、职场规划、经验总结一网打尽。 立即访问

教程

作者:Jenny黄静雯 (授权转载)

笔刷: https://pan.baidu.com/s/1o94lftS  密码: x281

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

​​​文章大纲:

一、主题积累和构思    二、草图      三、上色绘制     四、笔刷及安装方法

一、主题的积累和构思

养成把平时的想法记录下来的好习惯;将合适的想法拿出来,赋予这个想法更丰富的文案描述,同时可以适当构思画面。

此次选择的主题为《有光的地方就能开出花来》,以女孩和植物作为设计对象,展开设计。

这个主题源于:虽然生活中有很多不尽人意的地方,但,换个角度,也能发现其美妙之处。我提取女孩生活中经常发生的事情,选择较有代表性、易于表现的动作画面场景为绘制内容。

二、草图

​《有光的地方就能开出花来》选择的场景包括:中午吃饭的场景,收拾行李的场景,雨天的场景,整理柜子的场景,厨房里榨水果的场景,外出的场景。涉及的道具包括:饭盒,行李箱,伞,柜子,榨汁机,挎包等等。

将上述场景进行了纸上绘制(草图比较丑,见谅:P),画草图的主要目的是将头脑中的想法比较快的落实到实地,以便更好更快的调整画面,甚至是方案方向。

对于同一个场景描述可以做多个草图尝试,最后选择画面效果最合适的一个方案。

三、上色绘制

因为我除了画插图之外,还是一名设计师,对于画风的选择更倾向能同时应用到界面的设计里,于是选择了一种风格清新、视觉表现比较轻的画风,在界面的空状态、弹窗、闪屏、活动运营时可以轻松适用。

上色的过程包括:1、线稿,2、上色,3、画&贴材质,4、画面的完整度调整,5、添加GIF小动画(不一定需要)。下面以其中比较有代表性的一副图为例讲解。

1、线稿。整理草图,将草图中的细节全部明确。

​2、上色。画面刻画,调整画面中的形象表达。如下图,将线稿中的正面人物调整为侧面,人物看向画面里,手伸向空中,仿佛在接着雨滴,或者落叶?总之侧面的人物可以使画面更有空间感,更有想象力(信我,没错的:P)。上色使用了粉笔笔刷。

​3、画&贴材质。增加画面的细节表现力。材质使用了肌理刮刀笔刷,适度使用,不要太多。此处用得有点多,所以在第四步的时候又删减了一些材质。

4、画面的完整度调整。上色完成后,发现人物和字体在画面里无法紧密结合,于是添加了一个背景,将二者更好的融合在一起,同时深色的背景也有助于突出人物主体,整个画面也更整体统一。此时发现抬起的手臂让人物没有专注于伞这个主要的道具,于是改为两只手都拿伞,也给标题文字留出放置的空间。

最后,去掉了飘散在地面的花草,使画面的内容保持在:“女孩—道具—文字—背景”这样比较统一的状态。

6幅插图的画面总览。

​5、为画面添加GIF。因为主题为《有光的地方就能开出花来》,一开始的设计是为花草添加花草成长的GIF小动画。但考虑到设计成本比较(tai)高(lan),于是改为花草的抖动及字体的抖动效果,目的是吸引观众的视线到花草及主题文字上。

设计完后,发现花草的抖动并没有逻辑,因为榨汁机是没有动的,所以取消了花草的抖动效果。如果想做花草的动画,只能选择逐帧手绘花草从无到有的生长过程,设计成本有点(tai)高(lan)(以后有机会再填坑吧~~~),所以最后只保留了文字的抖动效果,吸引观众的视线。​

​下面展示《有光的地方就能开出花来》系列插画最终效果。

最后来一张道具们的合辑。

加个画框也不错!

四、笔刷及安装方法

有需要笔刷的童鞋可以到这里拿哈,《有光的地方就能开出花来》使用的是粉笔笔刷。材质使用了肌理刮刀笔刷。

笔刷: https://pan.baidu.com/s/1o94lftS  密码: x281

安装方法如下,安装好就可以愉快的画画了!

相关推荐:

PS手绘知识树!零基础入门教程合集

PS板绘!百变小樱同人插画(加速版)

结语

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


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···
从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发
【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示)
【收获】更好的自己

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

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

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

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

img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

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