赞助商
立即赞助

超详细!一份给零基础新手的插画设计自学指南

手绘3年前 (2021)发布 流光
2.8K 0 0

@Arche阿 :年年初开始接触手绘插画,在断习的过程中断地积累。在和很多小伙伴的交流中,感觉到习插画的迷茫和共有的困惑,于是把自己的一些想法和方法记录来分享给大,希望为大开启画画 Buff,感受画画带来的快乐。

下我结合个滴经验为大家分享下插画现状、插画学习法、优质资以及创作技巧。希望想入插画设计的人同们一点建议,给好插画的你一点帮助。

惊鸿一面始相逢(插画领域及相关工作)

  1. 插画于我

对插画的认知,大致可为个阶段,也就是工作前和工作后,工作前以传统的出版类为主,工作后以互网的视觉类为主。

工作前,大概是中和大的时候,接触最多的是夏达的漫画、几米的绘本、伊吹五月的同人插图绘本及一晨的条漫,那时候印刷为,算是插画的最早启蒙。

超详细!一份给零基础新手的插画设计自学指南

工作后则多为互联的视觉类,最早认识和知道的插画领域的前辈有旺旺Mandy、Erics、冬拉dong、年夹子、饭太稀等。

超详细!一份给零基础新手的插画设计自学指南

在我看来,插画领域的工作可基本分为两大类:线的传统平面印刷版,及线上的互联视觉设计。

  2. 传统的印刷类

绘本类

儿童插画:有故事性、导向性,多为知名童话故事改编或创性童话故事。

同人插画:电影、游戏、漫、书籍等题的同人类插画作,具有欣赏和珍藏值。

原创绘本:多为有故事性、主题性插画作品,个风格明显。

广告类

常见于流市招贴广告、海报、宣传单等,早期美观度不足,现在在逐渐改善。

刊物类

报纸、杂志、书本等内页插图设计,封皮插图设计,文章配图设计等。

装类

品装类应用也越来越广,最著名如农夫山泉各主题系列装,其他有三松鼠等品类装,百雀羚等美妆类装设计。

  3. 互联网视觉类

UI设计师

Logo&icon:节日换肤、偏向写实的插画风格 icon 等。

APP:开屏界面、节日开屏页面、手引导页面、容缺省页面等。

WEB:登录页、官网设计手绘元素、品介绍等。

超详细!一份给零基础新手的插画设计自学指南

视觉设计师(营+牌)

H5:线上宣传类海报及H5小游戏,前者明泼具有吸引,后者有故事性、设计感及传播值和现实意义。

活动页设计:电商类店铺活动页也越来越多用到手绘元素(时越来越受欢迎有C4D),特是主题突出、氛围感强,制作期短,体版很要。

品牌形象:吉祥物、品牌形象、LOGO、表情包、下延展等。

超详细!一份给零基础新手的插画设计自学指南

商业插画师(自由设计师)

类似运设计师,为某商品或品服务,出物为线上或线下物料,设计师个ID 和品ID 互相影响、相辅相成。

超详细!一份给零基础新手的插画设计自学指南

游戏设计师

CG类游戏原画师,包括游戏场景设定、人物设定、图标和界面设定等多方面的容。

超详细!一份给零基础新手的插画设计自学指南

琳琅满目比比是(流行风格及优质资源)

  1. 目前较流行的插画风格

涂鸦插画

形或面形涂鸦风的插画,特点是扬随意、年轻大胆,凌乱却有章,简单又粗暴,用H5宣传报或部分LOGO设计。

超详细!一份给零基础新手的插画设计自学指南

描边插画

线结合表现形,在H5运用越来越多,时我认为MBE风格小插画也属于这个范畴。

超详细!一份给零基础新手的插画设计自学指南

矢量渐变插画

矢量渐变插画渐变场景插画为代表,色彩或优美柔和,或强烈明,整体感强,美观,手机APP开屏页面中会见到这样的插画。

超详细!一份给零基础新手的插画设计自学指南

扁插画

和扁图标一,扁插画是去除了多质、纹理,只保留主要点的一类插画,大色块、简约造型是它的基本点,在机APP和网页中比较常见。

超详细!一份给零基础新手的插画设计自学指南

肌理插画

肌理插画本质还属于扁平插画的范畴,用颗粒感制造纹理,一般将颗粒应用受光面背光面,增加画面的细节观性,让画面加耐看,运营类插画中这一类技法比较常见。

超详细!一份给零基础新手的插画设计自学指南

手绘插画

手绘插画身也包含着各种风,和主的造型、颜比、主题传达息息相关,在开屏页和活动页比常见。

超详细!一份给零基础新手的插画设计自学指南

立体插画

从去年开始出现越来越多2.5D插画,在网页设计、APP启动页比较常见,轻微透视感增强了画趣味性,能更好地进信息传。

超详细!一份给零基础新手的插画设计自学指南

  2. 资源分享

网站

behance、dribbble、ins、lofter、pinterest、站酷、博、涂鸦国等网站。

超详细!一份给零基础新手的插画设计自学指南

教程

YOUTUBE、优优教程网、花瓣live、涂鸦王、自己喜欢的插画师的课程或教程。

插画师(内+外)

内:风绽、erics、插画师卷耳、冬不拉dong、Y园糖、森妮、Littlehmxx、吾空空kongkong、Ciao榴、biiig_bear、Diable咔咔、布YQ、碧绿色的兔子seven、Tsuyu鱼猫、Paco_Yao、卤猫、饭太稀。

风绽的优专访 → 《对谈插画风绽:生活再重,也要气》

国外:Cami、garethlucasart、Tom Clohosy Cole、Benjamin Flouw、Dung Ho、Ahmet Iltas、Hannah sun、ranganath krishnamani、Brian Miller、Slawek Fedorczuk、mori_raito、anneliesdraws、Akira Kusaka、Mark Boardman、Tristan Gion。

超详细!一份给零基础新手的插画设计自学指南

源头活水清如许(学习思路和分析方法)

  1. 分析

一般插画分析方法:主题+构图+造型+配色+氛围+肌理+创意

系列插画创作要点:保持主题、造型、肌理三个基本点的一致性

主题

画面主题以及作者采用了什素去阐述主题。

在这个过程中可进行一个情绪的管,是一个头脑暴的过程,发散的层次越多,越到一些有创意、奇的想法。

比如定个主题叫做四季,也许第层我们会想到夏秋冬四个季节候,如雨、夏日、秋风、冬雪。深层可能会想到四季植被、衣物、物。再深个层,可能会想到四个季节分能体现季节特征节日或节。继续深入,四季是否也可以看作生,生、夏荣、秋瑟、冬萧,然后应到戏曲生、旦、净、末?我举例子未必恰,你能理解我意思好。

常工和生活中画画的灵感从哪里来?

  • 固定事物:十四节、十月份、东西节日、放假开学等;
  • 二次创:故、神元素、电影电视、音乐绘画、同人品等;
  • 活感悟:亲、朋友、、独处、社会点,对人性的思考。

超详细!一份给零基础新手的插画设计自学指南

构图

见的构图有水平线、垂直线、斜线、环形、对称、S、C、平铺、俯视、平视等,根据画面题和预期的效果进行构图。切忌体太小、太偏、喧宾夺等行为。

超详细!一份给零基础新手的插画设计自学指南

造型

动物、人物、静物等的造型因为作者不同、悟不同而有不同的形征,毕竟「一千个读者眼中有一千个哈姆雷」。

对于这分进行分析的同时要积累,他山之石可攻玉,多多积累总有得着的一天。如同样是画一个人,他的五官、肢、例、头发会有很多种画法,而你要做的是断积累,整自己的素材库,习更多的表现形式备时之需。

收藏素材可以以物 + 动物 + 植物 + 静物 + 风景 + 筑 + 色 + 创意等分类。

超详细!一份给零基础新手的插画设计自学指南

配色

配色的方式有千千万万种,见的配色方式有单色、同色系、邻色、对立色、互补色、分散互补色等。

我比较习惯法是用追波色卡和 eagle 色板,在花瓣也会收藏很多配色用在自己创作。

快速得到同一系的彩方法,控明度和纯度持统一,改变相即,即H值改变,SB值不变。

超详细!一份给零基础新手的插画设计自学指南

氛围

氛围塑造和颜色有关,更和线有关,三大背、受、侧定要分楚。如希望画更有细节也要注意到高、灰部、明暗交界线、反和投影,这些内容并不是都要在画体现,是体现多层,则画丰富程度加深层,更耐看。

建议收集一光感强的插画去欣赏和研究。果想突出氛围,在创的程中刻意去塑造光,但是注意不要影响到主题的表达。

超详细!一份给零基础新手的插画设计自学指南

肌理

肌理是区分不画风要手段,个都会有自己不使用习惯和刻画习惯,而商业插画作品也习惯性叠加些纹理来增加画细节,是比较普遍实用。

超详细!一份给零基础新手的插画设计自学指南

创意

实每一张插画都是作者的创意成果,但是为么有的画作人觉得炫酷、有创意,而有的插画只是好看、舒呢?和构图、等有很大的系,见的创意手法有夸张、对、超写实等,是为题务的另一种强有手。

超详细!一份给零基础新手的插画设计自学指南

  2. 图层

乎所有插画作品的图层类都是 FG+MAN+BG,也就是前景、人物和背景。在画画的过程中认为图层越多越好,方便修改和创叠加,背景用来渲染大的氛围和基本基调,人物承担着表达主题的重要任,前景多采用静物、植物等素去衬托主体人物。

  3. 过程

仅仅从一贯的作品中析,画画的过程就是从草稿开始,然后铺大色块,线条结构的同进行投部的刻画,点状(面或线)增加细节,最后去塑造一些纹理和质。

万里路携万卷书(绘画演示及技巧分享)

  1. 构思、脑暴阶段

到主题,进头脑风暴,联想到相关元素,进大致构思,并尽量让自己画具有定故事性,提升个层。

超详细!一份给零基础新手的插画设计自学指南

  2. 草图阶段

草图阶段解决构图、造型、色调的黑白灰处理致况,这阶段可以纸行,也可以 ps 中建立一线稿的图层。

超详细!一份给零基础新手的插画设计自学指南

  3. 上色阶段

铺大色调,这时候建议开启一个黑白图层看一整体的明暗系,可及时调整。

超详细!一份给零基础新手的插画设计自学指南

  4. 细节塑造

时主要考虑到光源、氛围、质感纹理的的塑造,一去深刻画,建议齐头并进,一进行深刻画,得到一种随时以停下来不画,又随时以继续深刻画的阶段。

超详细!一份给零基础新手的插画设计自学指南

  5. 整体调节

用 ps 带的滤镜 camera raw 去调节整体的色调,完成最后的美化。

超详细!一份给零基础新手的插画设计自学指南

复习一下整个作画过程。

题:

  • 题目:四季 – 冬;
  • 键词:萧索、凋零;
  • 色调:般都用冷色调表示冬天,所以采用带有灰度暖系倾色系;
  • 定位:清新、安静、生活化;
  • 联:晴朗的冬日早晨,光洒身凉凉的感觉,穿过小拿起晨报,准备走小回家,这时发家里的猫身后;
  • 根据个人喜好和商业硬性要求增加一些素,使得故事性更。

构图:斜线构图,使得画面动感故事性。同时注意主体的置不太偏太小,用宫格的方法确主体置。

造型:

  • 主体:胖妞,小身子,简化四肢;
  • 素:人物、猫咪、远山、河流、植物;
  • 尽量采偏向几何的图形进行绘制,要画面太繁琐复杂。

配色:冬萧条的觉,铺大色块,黑灰关系,新建一个调整图层,常用色阶、曲线、黑、对比度;60灰色+30略灰+10高纯度。

氛围:冷、雪

肌理:干画笔

创意:人物夸表现

作画技巧:

  • png、jpg图纹理变成笔刷或图案叠加;
  • 画笔面积刷出质感+锁透明素换色;
  • 干画笔干蹭制造纹理;
  • 暗方式同色正片叠/色谱右方;
  • 锁定透明像素或剪切蒙版;
  • 开黑白图看整的黑白灰关系;
  • 制造纹理的速方法:常笔刷刷去(如粉笔、蜡笔),选区删除,用肌理的笔刷平。好处选区不会刷到外面,笔刷可以拥同样的质感。

超详细!一份给零基础新手的插画设计自学指南

写在最后

希望这篇章你对插画有一个较整的认知,都画画 Buff 身。

笔刷打下载:https://pan.baidu.com/s/1mh3MdLAfnRVIyXAKO3N3fA  密码:bwv4

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@Arche阿北 :去年年初开始接触手绘插画,在不断学习的过程中也不断地积累。在和很多小伙伴的交流中,感觉到学习插画的迷茫和...
入门
说明: 本文主要面向 B 类业务、简体中文语境,提供实操性指南; 行业内约定俗成的常用语建议沿用,可以不依照这里的建...
B端
前言 最近半年,一直有设计师请教我如何培养交互思维,在行业日渐饱和的情况下,设计师们也意识到了「交互思维」的重要性,不...
交互作品集
B端基础控件的认识 控件一词,直译的话可以翻译成 “用来控制的元件”,是我们对 B 端系统进行信息录入、更改、操作的元素。让...
B端
B 端工作看起来总是没有 C 端工作那么有趣,面临的限制比较多,面对客户(金主爸爸),很多时候总是左右为难。在实际工作中,...
B端设计
由于B端产品的特殊性,也由于各类React组件盛行,设计发挥的空间没有C端那么直接,更多隐藏在使用体验的过程中。面对改版,我...
B端产品
知道有相当大比例的同学一直在等和B端相关的干货和教程,我们会在这个月底开始更新。 不过在正式进入更新前,先放出一些筛选...
B端产品
在交互设计领域,有很多经过时间检验过的定律及法则,来作为设计的指导原理,它能够帮助产品设计者对界面上的各种视觉元素进...
UXD笔记