图形差点意思?这个方法一学就会!
插画图形创作方法。
比如下面这样↓
那为什么不好好抠图呢?
这样抠图的原因,其实可以从做图形的思路里找到答案。
我们把不同形状的抠图单独提出来:
把抠图变为剪影,是不是发现它们其实就是两个「图形」?
那下面的两个图形哪个让你觉得更有图形感?
相信你会选左边是吧!
那左边形状的图形感来自于哪里呢?
在回答这个问题前, 不得不先提另一个严肃的问题:
做过UI设计的同学应该知道,图标追求“和谐统一”,
对线和圆角的统一有一定的标准。这是UI的特性所导致的。
这样的图标也是可可爱爱的。
但如果你习惯用画图标的思维来画图形,变身“统一狂魔”,
就会不知不觉陷入一个误区。
比如下面这个图形,假设为了匹配翅膀的弧度,
把直线和尖角“统一”改为曲线和圆角:
感觉如何? 是不是成功的让图形变的“软趴趴”?
Sharp不再? 这就是所谓的“差点意思”。
那为什么「直线」以及附带形成的尖角如此重要?
因为「直线」隶属于CSI系统。
这三种线条是动态速写(Gesture Drawing)时经常用到的,
可以认为是构成图形轮廓的“基础款”,或“经典款”。
《Figure Drawing:Design and Invention》里提到的CSI
我们喜欢穿基础款的衣服,是因为它可以让生活变得简单高效。
CSI也是一样,有利于让物体从复杂变的简单。
用CSI去归纳图形,能帮你把注意力集中在图形整体的形态上,
不被小细节分神。线条利落简约,图形感自然也会更强。
我们可以用CSI做出下面这些小形状 。
盯着这些形状,心里默念着你想见的人。
嘟嘴的新垣结衣出现了↓
这说明什么呢?
说明插画、图形,不论概括还是写实,
本质上都是由一个个形状块组成。
这些形状块外轮廓的美观程度,
对整个画面有很大影响。
而能影响这些形状块的,就是线条。
这就是CSI的重要性。
在或复古或写实的插画里,利落的外轮廓是不是也能看到CSI的身影呢?
图形就更不用说了,好看的图形离不开干净的轮廓。
作为“经典款”的一员,直线在图形的构成里有着举足轻重的地位。
但是大家往往更习惯用曲线,而忽略了直线在图形里的重要性。
看看下面这些好看的图形,是不是都有直线的存在呢?
有人可能要问了:也有很多好看的图形只用了曲线呀,
难道我画图形必须要把这三种线全部用上吗?
当然不是。所有事情都没有绝对的对与错,
画图形当然也可以完全用曲线,也可以用抖抖的线,
这取决于你想画的风格、你想传达的情绪以及物体本身的特性,
这不在本次的讨论范围内。
写这篇文章只是想让你看到,在通常情况下,敢加直线,
会对图形带来怎样的变化。
会带来怎样的变化呢?
这就涉及到下一个问题了:
还记得秋香吗?为什么秋香这么好看呢? 还不是因为有对比!
了解了这些,接下来我们来看看实操的思路。
刚开始做图形的时候,大家少不了要从临摹照片入手。
在这一步就很容易有一个误区:
受写实照片的干扰,太追求“画的像”,习惯用曲线去概括形状。
导致画完后,总觉得哪里说不上来的不对劲。
那怎么办呢? 我建议你改变用线习惯。把默认用线选项,从曲线切换为直线。
之后再根据需要,看看哪一条应该改为曲线。
比如当你看到研森的猫,想以它为原型打草稿。
先在心里默念: 我要画一个图形,
目的是让人认出来这是一只猫,而不是追求和照片一模一样。
默念三遍,然后就可以动笔了。 先在画面上点一些点确定出猫的大概位置。
一般需要点上点的地方,可以是猫的上下左右的极值点,
还有重要的结构处比如猫头的边缘,以及转折点等,方便定位。
需要强调的是,不建议大家把照片垫在下面照着画,这样会限制你在图形上的发挥。
把照片放在一边做参考可以让你画的更有图形感,而不是更写实。
刚开始如果找不准位置的话,可以借助网格定位,比如这样:
之后把这些点连起来,记住,尽量用直线。
我们的注意力要放在点与点之间的连线上,
而不是照着照片去描它的外轮廓。
基础的形状出来之后,『适量』加上内部结构。什么叫适量呢?
可以理解为只加最主要的结构,比如猫脸的轮廓、腿的交叉,
这些信息如果缺失将会影响图形的辨识度。
那次要的结构,比如不影响辨识度的褶皱、毛发等,能不加就不要加啦。
出于构图和辨识度的考虑,此处我无中生有的加了一条猫尾巴。
(毕竟没有尾巴的猫还能叫猫吗?)
然后给内外轮廓适当增加“凹凸起伏”,主要是为了体现出毛发的质感。
此时再次强调『适量』:虽然猫猫全身都是毛,但是千万不要把它画的全身都是毛。
(除非你想画出鬼畜的效果)
相比于外轮廓,这些“凹凸起伏”仅仅只是点缀,
不要让点缀把整个轮廓“吃掉”。
重新整理一下外轮廓。
在这个基础上,再尝试根据需要把部分线条变为曲线。
这样,这个草稿就打好了。在这个草稿的基础上,我做了一张复古风格的小插画。
当然,学会打草稿之后,像下面的这些:
用笔触描边、用笔触填色、添加肌理、夸张变形等不同的插画风格,你都是可以轻松的做出来的,
而且不再被不同姿势所局限!这是什么?是自由o(^▽^)o !
就不一一演示了,大家赶紧拿自己家的猫的去尝试一下吧~
看到这儿,你应该知道文章开头那个问题的答案了吧!
有时候“不好好抠图”,也是增加图形感的一种方式呢!
赶快学起来吧! 本期的内容就到这里啦,
关注我,更多精彩教程等着你来学习,
我们下期再见!


















































































