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

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

插画图形创作方法。

比如下面这样

那为什么不好好抠图呢?

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

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

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

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

相信你会选左边是吧!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

嘟嘴的新垣结衣出现了

这说明什么呢?

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

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

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

对整个画面有很大影响。

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

这就是CSI的重要性。

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

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

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

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

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

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

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

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

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

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

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

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

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

会带来怎样的变化呢?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

重新整理一下外轮廓。

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

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

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

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

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

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

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

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

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

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

我们下期再见!

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