图形差点意思?这个方法一学就会!

用户头像
上海/教育工作者/4年前/44572浏览
图形差点意思?这个方法一学就会!

插画图形创作方法。

比如下面这样

那为什么不好好抠图呢?

这样抠图的原因,其实可以从做图形的思路里找到答案。

我们把不同形状的抠图单独提出来:

把抠图变为剪影,是不是发现它们其实就是两个「图形」?

那下面的两个图形哪个让你觉得更有图形感?

相信你会选左边是吧!

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

在回答这个问题前, 不得不先提另一个严肃的问题:

做过UI设计的同学应该知道,图标追求“和谐统一”,

对线和圆角的统一有一定的标准。这是UI的特性所导致的。

这样的图标也是可可爱爱的。

但如果你习惯用画图标的思维来画图形,变身“统一狂魔”,

就会不知不觉陷入一个误区。

比如下面这个图形,假设为了匹配翅膀的弧度,

把直线和尖角“统一”改为曲线和圆角:

感觉如何? 是不是成功的让图形变的“软趴趴”?

Sharp不再? 这就是所谓的“差点意思”。

那为什么「直线」以及附带形成的尖角如此重要?

因为「直线」隶属于CSI系统。

这三种线条是动态速写(Gesture Drawing)时经常用到的,

可以认为是构成图形轮廓的“基础款”,或“经典款”。

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

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

CSI也是一样,有利于让物体从复杂变的简单。

用CSI去归纳图形,能帮你把注意力集中在图形整体的形态上,

不被小细节分神。线条利落简约,图形感自然也会更强。

我们可以用CSI做出下面这些小形状 。

盯着这些形状,心里默念着你想见的人。

嘟嘴的新垣结衣出现了

这说明什么呢?

说明插画、图形,不论概括还是写实,

本质上都是由一个个形状块组成。

这些形状块外轮廓的美观程度,

对整个画面有很大影响。

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

这就是CSI的重要性。

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

图形就更不用说了,好看的图形离不开干净的轮廓。

作为“经典款”的一员,直线在图形的构成里有着举足轻重的地位。

但是大家往往更习惯用曲线,而忽略了直线在图形里的重要性。

看看下面这些好看的图形,是不是都有直线的存在呢?

有人可能要问了:也有很多好看的图形只用了曲线呀,

难道我画图形必须要把这三种线全部用上吗?

当然不是。所有事情都没有绝对的对与错,

画图形当然也可以完全用曲线,也可以用抖抖的线,

这取决于你想画的风格、你想传达的情绪以及物体本身的特性,

这不在本次的讨论范围内。

写这篇文章只是想让你看到,在通常情况下,敢加直线,

会对图形带来怎样的变化。

会带来怎样的变化呢?

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

还记得秋香吗?为什么秋香这么好看呢? 还不是因为有对比!

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

刚开始做图形的时候,大家少不了要从临摹照片入手。

在这一步就很容易有一个误区:

受写实照片的干扰,太追求“画的像”,习惯用曲线去概括形状。

导致画完后,总觉得哪里说不上来的不对劲。

那怎么办呢? 我建议你改变用线习惯。把默认用线选项,从曲线切换为直线。

之后再根据需要,看看哪一条应该改为曲线。

比如当你看到研森的猫,想以它为原型打草稿。

先在心里默念: 我要画一个图形,

目的是让人认出来这是一只猫,而不是追求和照片一模一样。

默念三遍,然后就可以动笔了。 先在画面上点一些点确定出猫的大概位置。

一般需要点上点的地方,可以是猫的上下左右的极值点,

还有重要的结构处比如猫头的边缘,以及转折点等,方便定位。

需要强调的是,不建议大家把照片垫在下面照着画,这样会限制你在图形上的发挥。

把照片放在一边做参考可以让你画的更有图形感,而不是更写实。

刚开始如果找不准位置的话,可以借助网格定位,比如这样:

之后把这些点连起来,记住,尽量用直线。

我们的注意力要放在点与点之间的连线上,

而不是照着照片去描它的外轮廓。

基础的形状出来之后,『适量』加上内部结构。什么叫适量呢?

可以理解为只加最主要的结构,比如猫脸的轮廓、腿的交叉,

这些信息如果缺失将会影响图形的辨识度。

那次要的结构,比如不影响辨识度的褶皱、毛发等,能不加就不要加啦。

出于构图和辨识度的考虑,此处我无中生有的加了一条猫尾巴

(毕竟没有尾巴的猫还能叫猫吗?)

然后给内外轮廓适当增加“凹凸起伏”,主要是为了体现出毛发的质感。

此时再次强调『适量』:虽然猫猫全身都是毛,但是千万不要把它画的全身都是毛

(除非你想画出鬼畜的效果)

相比于外轮廓,这些“凹凸起伏”仅仅只是点缀,

不要让点缀把整个轮廓“吃掉”。

重新整理一下外轮廓。

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

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

当然,学会打草稿之后,像下面的这些:

用笔触描边、用笔触填色、添加肌理、夸张变形等不同的插画风格,你都是可以轻松的做出来的,

而且不再被不同姿势所局限!这是什么?是自由o(^▽^)o !

就不一一演示了,大家赶紧拿自己家的猫的去尝试一下吧~

看到这儿,你应该知道文章开头那个问题的答案了吧!

有时候“不好好抠图”,也是增加图形感的一种方式呢!

赶快学起来吧! 本期的内容就到这里啦,

关注我,更多精彩教程等着你来学习,

我们下期再见!

1963
举报
|
1881
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
“知识宅急送”外卖,快递,平面,海报,素材,教育
倒计时,海报,平面
金色颗粒质地的平面
古风平面仕女与瓷器
平面插画设计女孩喝咖啡
金色颗粒质地的平面
城市园林平面布局航拍
中国传统纹样创新图案设计
平面人物插画
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
牛奶乳液层次平面平铺平面
平面花卉图案扁平简约无缝拼接插画
牛奶乳液层次梯田平铺平面
平面设计 吊牌设计
金色颗粒质地的平面
城市园林平面布局航拍
平面书法字手写
空的平台平面和自然景观
金色颗粒质地的平面
城阙凡花
平面男孩喝咖啡插画设计
金色颗粒质地的平面
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
海底世界插画
你可能喜欢
相关收藏夹
教程
教程
教程
教程
教程
4729
大家都在看
登录注册