听说你的图形差点意思？这个方法一学就会！

研习设订阅号

设计干货  杜绝注水

我是一条正文的分割线

       比如下面这样

那为什么不好好抠图呢？

这样抠图的原因，其实可以从做图形的思路里找到答案。我们把不同形状的抠图单独提出来：

把抠图变为剪影，是不是发现它们其实就是两个「图形」？那下面的两个图形哪个让你觉得更有图形感？

相信你会选左边是吧！

那左边形状的图形感来自于哪里呢？

在回答这个问题前，

不得不先提另一个严肃的问题：

做过UI设计的同学应该知道，图标追求“和谐统一”，对线和圆角的统一有一定的标准。这是UI的特性所导致的。

这样的图标也是可可爱爱的。但如果你习惯用画图标的思维来画图形，变身“统一狂魔”，就会不知不觉陷入一个误区。

比如下面这个图形，假设为了匹配翅膀的弧度，把直线和尖角“统一”改为曲线和圆角：

感觉如何？

是不是成功的让图形变的“软趴趴”？

Sharp不再？

这就是所谓的“差点意思”。

那为什么「直线」以及附带形成的尖角如此重要？因为「直线」隶属于CSI系统。

这三种线条是动态速写（Gesture Drawing）时经常用到的，可以认为是构成图形轮廓的“基础款”，或“经典款”。

《Figure Drawing:Design and Invention》里提到的CSI

我们喜欢穿基础款的衣服，是因为它可以让生活变得简单高效。

CSI也是一样，有利于让物体从复杂变的简单。用CSI去归纳图形，能帮你把注意力集中在图形整体的形态上，不被小细节分神。线条利落简约，图形感自然也会更强。

我们可以用CSI做出下面这些小形状 。盯着这些形状，心里默念着你想见的人。

嘟嘴的新垣结衣出现了

这说明什么呢？

说明插画、图形，不论概括还是写实，本质上都是由一个个形状块组成。这些形状块外轮廓的美观程度，对整个画面有很大影响。

而能影响这些形状块的，就是线条。

这就是CSI的重要性。

在或复古或写实的插画里，利落的外轮廓是不是也能看到CSI的身影呢？

点击查看更多▲

图形就更不用说了，好看的图形离不开干净的轮廓。作为“经典款”的一员，直线在图形的构成里有着举足轻重的地位。但是大家往往更习惯用曲线，而忽略了直线在图形里的重要性。看看下面这些好看的图形，是不是都有直线的存在呢？

有人可能要问了：也有很多好看的图形只用了曲线呀，难道我画图形必须要把这三种线全部用上吗？

当然不是。所有事情都没有绝对的对与错，画图形当然也可以完全用曲线，也可以用抖抖的线，这取决于你想画的风格、你想传达的情绪以及物体本身的特性，这不在本次的讨论范围内。写这篇文章只是想让你看到，在通常情况下，敢加直线，会对图形带来怎样的变化。

会带来怎样的变化呢？

这就涉及到下一个问题了：

还记得秋香吗？为什么秋香这么好看呢？

还不是因为有对比！

了解了这些，接下来我们来看看实操的思路。

刚开始做图形的时候，大家少不了要从临摹照片入手。在这一步就很容易有一个误区：

受写实照片的干扰，太追求“画的像”，习惯用曲线去概括形状。导致画完后，总觉得哪里说不上来的不对劲。

那怎么办呢？

我建议你改变用线习惯。把默认用线选项，从曲线切换为直线。之后再根据需要，看看哪一条应该改为曲线。

比如当你看到研森的猫，

想以它为原型打草稿。

先在心里默念：

我要画一个图形，目的是让人认出来这是一只猫，而不是追求和照片一模一样。

默念三遍，然后就可以动笔了。

先在画面上点一些点确定出猫的大概位置。一般需要点上点的地方，可以是猫的上下左右的极值点，还有重要的结构处比如猫头的边缘，以及转折点等，方便定位。

需要强调的是，不建议大家把照片垫在下面照着画，这样会限制你在图形上的发挥。把照片放在一边做参考可以让你画的更有图形感，而不是更写实。刚开始如果找不准位置的话，可以借助网格定位，比如这样：

之后把这些点连起来，记住，尽量用直线。我们的注意力要放在点与点之间的连线上，而不是照着照片去描它的外轮廓。

基础的形状出来之后，『适量』加上内部结构。什么叫适量呢？可以理解为只加最主要的结构，比如猫脸的轮廓、腿的交叉，这些信息如果缺失将会影响图形的辨识度。那次要的结构，比如不影响辨识度的褶皱、毛发等，能不加就不要加啦。出于构图和辨识度的考虑，此处我无中生有的加了一条猫尾巴（毕竟没有尾巴的猫还能叫猫吗？）。

然后给内外轮廓适当增加“凹凸起伏”，主要是为了体现出毛发的质感。此时再次强调『适量』：虽然猫猫全身都是毛，但是千万不要把它画的全身都是毛（除非你想画出鬼畜的效果）。

相比于外轮廓，这些“凹凸起伏”仅仅只是点缀，不要让点缀把整个轮廓“吃掉”。

重新整理一下外轮廓，

在这个基础上，再尝试根据需要把部分线条变为曲线。

这样，这个草稿就打好了。在这个草稿的基础上，我做了一张复古风格的小插画。

当然，学会打草稿之后，像下面的这些：用笔触描边、用笔触填色、添加肌理、夸张变形等不同的插画风格，你都是可以轻松的做出来的，而且不再被不同姿势所局限！

这是什么？是自由o(^▽^)o ！

我就不一一演示了，

大家赶紧拿自己家的猫的去尝试一下哇～

话说研森的猫是不是很可爱？

屁啦！研森的猫子分别

长这样

这样

以及这样

看到这儿，你应该知道文章开头那个问题的答案了吧！有时候“不好好抠图”，也是增加图形感的一种方式呢！赶快学起来吧！咦，想知道上面的插画是怎么画的？今天下午我们研讨群见！886~

想了解创意图形延展可以参考这篇文章▼

想知道结衣怎么画可以参考这篇文章▼

① Masha Shishova作品

② juliasarda作品

③I kuho Tamur作品

④ Charlotte Dumortie作品

⑤ Dmitry Efremov作品

⑥ Kelly Anna作品

⑦ Taro Uryu作品

⑧ sallyscott ｜2015年春季

由于微信公众号更改了推送机制，推文不再按照时间线推送，为了以后能及时观看到我们的教程和文章，看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章，这将是对我们最大的鼓励和支持。