AAA教育论坛

 找回密码
 立即注册
查看: 14821|回复: 0
打印 上一主题 下一主题

[移动端UI] 插画学习

[复制链接]

22

主题

25

帖子

129

积分

贵宾

Rank: 7Rank: 7Rank: 7

积分
129
跳转到指定楼层
楼主
发表于 2018-2-24 11:57:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

看到一篇简单的插画联系方法分享给大家希望对大家有帮助
文章大纲:
  • 主题积累和构思
  • 草图
  • 上色绘制
  • 笔刷及安装方法
一. 主题的积累和构思
养成把平时的想法记录下来的好习惯。将合适的想法拿出来,赋予这个想法更丰富的文案描述,同时可以适当构思画面。

△ 主题的积累和构思
此次选择的主题为《有光的地方就能开出花来》,以女孩和植物作为设计对象,展开设计。
这个主题源于:虽然生活中有很多不尽人意的地方,但,换个角度,也能发现其美妙之处。我提取女孩生活中经常发生的事情,选择较有代表性、易于表现的动作画面场景为绘制内容。
二. 草图
​《有光的地方就能开出花来》选择的场景包括:中午吃饭的场景,收拾行李的场景,雨天的场景,整理柜子的场景,厨房里榨水果的场景,外出的场景。涉及的道具包括:饭盒,行李箱,伞,柜子,榨汁机,挎包等等。
将上述场景进行了纸上绘制(草图比较丑,见谅),画草图的主要目的是将头脑中的想法比较快的落实到实地,以便更好更快的调整画面,甚至是方案方向。
对于同一个场景描述可以做多个草图尝试,最后选择画面效果最合适的一个方案。

△ 部分草图
三. 上色绘制
因为我除了画插图之外,还是一名设计师,对于画风的选择更倾向能同时应用到界面的设计里,于是选择了一种风格清新、视觉表现比较轻的画风,在界面的空状态、弹窗、闪屏、活动运营时可以轻松使用。
上色的过程包括:
  • 线稿
  • 上色
  • 画&贴材质
  • 画面的完整度调整
  • 添加GIF小动画(不一定需要)
下面以其中比较有代表性的一幅图为例讲解。
1. 线稿
整理草图,将草图中的细节全部明确。

△ 线稿整理
​2. 上色
画面刻画,调整画面中的形象表达。如下图,将线稿中的正面人物调整为侧面,人物看向画面里,手伸向空中,仿佛在接着雨滴,或者落叶?总之侧面的人物可以使画面更有空间感,更有想象力。上色使用了粉笔笔刷。
​3. 画&贴材质
增加画面的细节表现力。材质使用了肌理刮刀笔刷,适度使用,不要太多。此处用得有点多,所以在第四步的时候又删减了一些材质。

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

△ 画面调整完成
下面是整个画面绘制的过程,这里放的是行李箱的绘制过程,伞的没有录。但是表达的意思是一样的,相信机智的你肯定懂的。
最后,去掉了飘散在地面的花草,使画面的内容保持在「女孩—道具—文字—背景」这样比较统一的状态。

△ 内容构成
6幅插图的画面总览。

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

△ GIF动效的测试
设计完后,发现花草的抖动并没有逻辑,因为榨汁机是没有动的,所以取消了花草的抖动效果。如果想做花草的动画,只能选择逐帧手绘花草从无到有的生长过程,设计成本有点(tai)高(lan),所以最后只保留了文字的抖动效果,吸引观众的视线。​
​下面展示《有光的地方就能开出花来》系列插画最终效果。

伞,
能遮阳避雨,
也能开出花朵抚慰受伤的心灵。

​心里有光,
榨水果的榨汁机,
也能开出花来。

行李箱,
除了能装满你的衣物和梦想,
也能开出花朵给你惊喜。

​走在路上,
发着呆,
挎包里开出了一朵粉色的花。

中午点的外卖,
心里有光,
打开饭盒也能开出花来。

柜子的抽屉里放的不是杂物,
打开抽屉,
里面长出了一簇向往光的花。
最后来一张道具们的合辑。

△ 道具合辑
加个画框也不错。

△ 放在画框里的道具们
《有光的地方就能开出花来》系列至此就告一段落。
四. 笔刷及安装方法
有需要笔刷的同学可以到这里下载,《有光的地方就能开出花来》使用的是粉笔笔刷。材质使用了肌理刮刀笔刷。
安装方法如下,安装好就可以愉快的画画了。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|  

©2019|www.aaa-cg.com.cn 北京漫动者教育科技有限公司|备案号:京ICP备12034770号|监督电话:400-0100-444

快速回复 返回顶部 返回列表