• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 如何绘制系列插图?收下这份超详细的高手思路总结

如何绘制系列插图?收下这份超详细的高手思路总结

作者:Jenny黄静雯 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含插画技巧,插画设计,经验分享,设计思路等相关知识,Jenny黄静雯希望在学习及工作中可以帮助到您

@Jenny黄静雯 :生活中,我们经常可以看到很多系列的插图,这些系列插图因为数量场景故事化具有一定规模,向我们传递的情感含义远比单幅插图强烈。给人留下深刻的印象,形成影响力。那如何绘制系列插图?静雯以近期绘制的《等我有…》系列插图为例分享自己的一些绘制思路,抛砖引玉大神轻拍。

?文章大纲:

  • 系列插图概述
  • 《等我有…》系列插图绘制思路
  • 《等我有…》系列插图总结?

一. 系列插图概述?

系列插图由几幅以上在内容形式上有关联性的插图组成,它们有共同的主题,关联性的故事情节,较统一的人物形象,接近的画风。系列插图因为数量场景故事化具有一定规模,其传递的情感含义比单幅插图更强烈。因而很多插画师都使用了系列插图的表现形式。下面以知名插画师lost7的《Good Night》、littlehmxx的《小确丧》为例作简要分析。

△ lost7的Good Night系列插图

?在lost7的《Good Night》系列插图里,其主题是Good Night,因此以身边夜晚发生的小故事为主。在上面的画面里,人物形象是一名头戴白色飞行帽身穿白色上衣和背带裤的小男孩。画面多使用低饱和度的蓝紫色系,营造温馨安静,略带一点点孤单的氛围。《Good Night》以系列插图的形式更强化了这种情感氛围。

△ littlehmxx的小确丧系列插图

?在littlehmxx的《小确丧》系列插图里,其主题是小确丧,从名字我们可以联想到是对小确幸的调侃,因此以身边发生的小故事辅以一句毒鸡汤制造出有点不一样的视角。《小确丧》系列插图的主人物形象是一名露出漫不经心表情的长卷发女性,多数画面色彩饱和度较高,画面表现活泼,但毒鸡汤的点睛,营造一种疲惫中露出微笑,努力中带着无奈的氛围。

从上述2位插画师的系列插图分析可以反向验证系列插图的特征:

  • 共同的主题,关联性的故事情节。
  • 较统一的人物形象。
  • 相似的风格。

△ 系列插图特征

?在了解系列插图的特征以及对优秀作品的分析后,绘制系列插图的思路方法便总结出来了,下面静雯以近期绘制的《等我有…》系列插图为例分享自己的一些绘制思路及方法,抛砖引玉大神轻拍。

△ 《等我有…》系列插图

二. 《等我有…》系列插图绘制思路

在了解系列插图的特征后,总结了自己的绘制思路:

  • 构思主题,设计具有关联性的故事情节。
  • 人物设定。
  • 使用接近的视觉表现手法。

1. 构思主题

共同的主题,可以像线串起珍珠一样,把单独的画串成一个系列,拥有更强的表现力。

每一个妹纸生活中都有一些小小白日梦,一些暂时无法实现的小梦想。如拥有自己的生活空间、干净的厨房、软软的沙发、精巧的化妆镜、大大的落地窗、舒适的地毯。拥有数不尽的时尚单品,一衣橱新裙子,满鞋柜的新鞋,最新的限量妆品等等。

总想着等我有XXX,就XXX。于是主题定为:《等我有…》,描绘每一个普通妹纸这些生活中的小小白日梦。而人物形象便是生活中的每一个普通妹纸。

2. 人物设定

主题决定了人物形象特征,寻找跟设定相近的真实人物,提取真实人物特征,用这些特征完成人物设定,可以降低人物设定的难度。

在《等我有…》系列插图里,我为妹纸设定了这样的性格:古灵精怪、可爱,爱做梦,养植物,喜欢甜食,怕长胖等。对应的形象特征是:短发、圆脸,圆眼,弯眉毛,平肩,不胖不瘦,小个子。在刷某宝的时候收获了一个非常符合我的人物设定的妹纸。(该系列插图原型为作者本人,为了向童鞋们展示正常流程下设计的步骤,选用了这个人物形象)

△ 《等我有…》系列插图人物原型

?结合人物原型,把设定的特征应用到人物形象里,完成人物设定(此处仅展示头部设定,觉得闭上眼很可爱,就只画了闭眼。大家不要学我,要画全身画睁眼),以确保人物在不同画面中仍保持一致。

△ 《等我有…》系列插图人物头部设定

3. 逐一绘制画面

人物设定完成后,将人物放置于最初设计的故事场景中。在《等我有…》系列插图里,我把场景设计为室内,画面统一由人物和一件主要的家私组成,通过手绘笔刷,营造出略带温馨的手绘质感。下面以《等我有了落地窗,一定要在窗边坐看雨声》为例,简要介绍单幅插图的绘制步骤:

  • 根据文案构思场景,草图绘制出画面。
  • 电脑绘制,添加黑白明暗、标识出画面准次。
  • 添加色彩,添加文案,完成画面。

△ 《等我有了落地窗,一定要在窗边坐看雨声》单幅插图绘制步骤

?其他画面如法炮制,最后将《等我有…》系列插图调整统一。

△ 《等我有…》系列插图完成稿

?最后统一添加一点 gif 动效,给画面添加一点趣味。

△ 等我有了落地窗,一定要在窗边坐看雨声!

?

△ 等我有了沙发,我一定要躺着玩手机!

?

△ 等我有了尤克里里,说不定能技惊四座!

?

△ 等我有了一衣橱新裙子,每天想穿就穿!

?

△ 等我有了化妆镜,一定就能化妆美美!

?

△ 等我有了很多网红鞋,说不定会美成仙女?

三. 《等我有…》系列插图总结

在《等我有…》系列插图的绘制过程中,总结了自己的绘制思路:

  • 构思主题,设计关联性的故事情节,巧妙使用文案可以把关联性不那么强的画面串联起来。
  • 人物设定时,特征越简洁越容易应用到画面中,也可以让人物一直使用相同的道具,如:帽子、眼镜、衣服、背包等,增加识别性。
  • 使用接近的视觉表现手法可以使其更有系列感。

欢迎关注作者的微信公众号:「Jenny黄静雯」

「优设高质量插画设计合集」

  • 《关于像素艺术中的等距图形,这份总结超全面!》
  • 《超全面!为什么越来越多的移动App 使用插画设计?》
  • 《用这个简单实用的设计技巧,轻松做出有趣的插画类设计》
  • 《插画没灵感?大咖靑爵教你创意大爆发!》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 为网站定制插画有哪些可供借鉴的方法?
  • 超全面!创意图形中的实用小套路进阶指南
  • 扁平插画绘制进阶指南!新手遇到的六种常见问题解答
  • 超实用!多色彩渐变插画的核心技巧总结
  • 如何画出自己的原创作品?来看高手的完整流程总结!
  • 如何绘制系列插图?收下这份超详细的高手思路总结
  • 用这个简单实用的设计技巧,轻松做出有趣的插画类设计

相关文章

  • 2018-08-23设计师没原创灵感?试试这个方法!
  • 2018-08-23前端进阶之路!如何高质量完成产品需求开发?
  • 2018-08-23超实用!体验设计师如何自建知识体系?
  • 2018-08-23扁平插画绘制进阶指南!新手遇到的六种常见问题解答
  • 2018-08-23优设国庆节专题!超实用的精选素材打包+出效果教程
  • 2018-08-23轻松看懂规范!详解组件控件结构体系之操作类
  • 2017-08-19Django静态文件部署
  • 2018-08-23提高易用性!设计师应该了解的“用户记忆理论”
  • 2018-08-23商业设计比赛中如何提升获奖率?高手总结了这4个实用小技巧
  • 2018-08-23腾讯内部分享!超全面的互联网金融体验设计的方法库

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 有哪些值得思考的用户体验现象?
    • JavaScript利用URL向后台传入中文参数乱码问题解决之道
    • 网易资深设计师:视觉设计如何继承品牌基因?
    • 高手的平面课堂!解锁LOGO设计新技巧
    • 8年资深设计师:间距不会调?掌握这一个点,从此不再迷茫!
    • 高手怎么做,才能让文字编排更出彩?
    • 最短JS判断是否为IE6(IE的写法)
    • http 请求头设置
    • 超实用!通用设计法则解析之「无障碍使用」
    • Webpack 入门教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有