插画思路!从构思到周边应用

视频播放提醒

您正使用 IE 低版本浏览器,不支持流行的 HTML5 高性能视频播放,

强烈推荐使用高级浏览器,享受更流畅更安全的浏览体验。

推荐高级浏览器

火狐Firefox(官网下载

谷歌Chrome(官网下载应用市场下载


当视频无法加载时请刷新页面,
或前往PC获得最佳体验。
  • 水平 : 普通
  • 观众 : 7382
  • 时间 : 2017-12-19

教程

作者:@Jenny黄静雯 

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

在我们感叹插画师完成后的插画及周边是多么让人喜欢的时候,你是否想过这些作品和周边是怎么做出来的呢?这些插画背后优化的过程,周边的应用方式就是本文接下来要讲的内容。以Jenny的《SEA YOU》为例,来看看一副插画背后的优化过程和周边应用~先看下完成稿及画框应用~

一、主题确定

《SEA YOU》主题为在水边的妹纸,所以设计了一个在水边一手拎着裙角,一手拿着遮阳帽的妹纸,辅助的环境使用水相关的内容。开画~

二、画面的刻画调整

1、草图

我们首先简要勾勒出人物的形态、动势,确保人物的生动性。潦草一些也没关系,因为我们会在下一步线稿阶段把细节整理出来。

​2、线稿

整理人物的细节,把结构明确的画出来;在服饰方面,尝试了短袖和吊带披肩2种。

​3、色稿

选择了我常用的粉笔笔刷,平铺上色。色调上为了体现水边的主题,使用了温柔的蓝灰色系。

​4、细节的刻画

睁开的眼睛、闭上的眼睛,衣服的不同样式,颜色、花纹等的反复调整;添加人物身上的投影质感。最后我选择了闭上眼&吊带裙的形式,闭眼可以给人带来更多遐想空间,吊带也会更清爽。

​5、添加环境元素

添加环境元素——海浪,并且把海浪作为镜框,将人物收在画里。这时,我们可以看到人物显示全身的话,画面会比较空了,于是将人物调整大一些,改为显示半身。同时衣服上的花纹太繁复了,所以去掉花纹(画了这么久的花纹说去掉就去掉了╮(╯_╰)╭)。拿在手里的帽子改为带在头上,同时帽子软软的形状跟画面里海浪整体的风格不搭,改为更硬朗的没有蝴蝶结的圆帽。

海浪的波纹调整为在底部显示更多浪,左右及顶部显示更多圆弧的形。

​6、增加细节,完成

在部分海浪的波纹上水花,给每一层浪添加投影,再调整画面对比度饱和度,加上文字,完成~

三、插画的拓展应用

完成后的画面更可以调整应用到手机壁纸上~

也可以调整应用到帆布袋、日历、明信片等周边。

以及之前Jenny的画做成的明信片实物。

看到这里,你是不是也迫不及待的想要画出自己的作品呢?把他们应用到更多的领域,甚至是做成实物呢?那就开始动手画吧~~~​​​​​​

 

结语

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

相关推荐

设计思路!如何设计&运营品牌形象?

插画创作思路!如何绘制系列插图?

PS板绘教程!有光的地方就能开出花来


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

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

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

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

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

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

插画思路
img

相关文章

教程评价

基于 1 条评论
5.0
平均分
5 stars
100%
1
4 stars
0%
0
3 stars
0%
0
2 stars
0%
0
1 stars
0%
0

发表评论

电子邮件地址不会被公开。 必填项已用*标注

CAPTCHA Refresh

  1. avatar头像

    真好,想关注你呢,就是这个平台还没开放这个功能,

把好文章收藏到微信

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