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

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


研习设订阅号

设计干货  杜绝注水




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





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




我是一条正文的分割线

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




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


       比如下面这样

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

那为什么不好好抠图呢?


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

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


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

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


相信你会选左边是吧!

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


在回答这个问题前,

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


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


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



做过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年春季


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



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




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


本篇文章来源于微信公众号: 研习设

视觉/平面

别克的新LOGO,三把指甲钳

2022-3-23 11:57:58

视觉/平面

华纳兄弟公布100周年纪念LOGO

2022-3-24 12:00:55

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索