赞助商
立即赞助

贴纸设计过程全解析,原来设计贴纸这么简单!

平面设计3年前 (2021)发布 流光
2.7K 0 0

注:本文阅读顺序先图文

针对不同的计载体,计方法也会有所不同,这篇教程来学习如何计插图贴纸。今的内容是先析拟人插画风格的点,然后讲贴纸的文字编排,最后绘制插图计贴纸。

贴纸设计过程全解析,原来设计贴纸这么简单!

△ 这是最后的效果,兴趣的伙伴就继续下去吧!

贴纸设计过程全解析,原来设计贴纸这么简单!

贴纸设计过程全解析,原来设计贴纸这么简单!

先分析这使用插图风格,这个我称为美拟插画风格,这些插图大家能发现它们共吗。

贴纸设计过程全解析,原来设计贴纸这么简单!

这些插图是否会让你想起米奇呢,美国在 1928 年出现世界第部有声动画片《船威利号》,这部电影问世标志着米鼠形象正诞生。随后米鼠步步做了形象改,最后演变成了我们最熟悉样子。

贴纸设计过程全解析,原来设计贴纸这么简单!

而这个形象已经在我们认知里扎根。

贴纸设计过程全解析,原来设计贴纸这么简单!

它身上几乎所有部位都成为了视觉符号。

贴纸设计过程全解析,原来设计贴纸这么简单!

所以后来插图参考了这风格,主要体现在运用了手臂和腿呈管子状,有四个手指手掌,有时候会带着白色手套,眼睛缺、嘴巴特,以及大号脚掌等。基本上使用到这些元素能原这风格特。

贴纸设计过程全解析,原来设计贴纸这么简单!

个生命物体,添加表情和手脚后,它会变很生动,这是拟化。此我为这个风格命名为美拟插画。这风格出现频率也越来越高。

贴纸设计过程全解析,原来设计贴纸这么简单!

比如 2019 年上线茶杯头游戏,创作团队明确表明游戏风格是受 20 世纪 30 年代动画片启发,两个主形象设计都和我刚刚所说特致。

贴纸设计过程全解析,原来设计贴纸这么简单!

△ 插画师 Yeye Weller 作品

插画 Yeye Weller 也充地使用了这些点。

贴纸设计过程全解析,原来设计贴纸这么简单!

△ 插画 McBess 作品、插画 steve_ gavan 作品

也以在特点之上进行改动,比脚掌大小变得正常、或者手掌也以去掉白手套、眼睛的部位也有新的处理,但是种拟人化整来看,它们现的还是 20 世纪 30 年代动画的味道。

贴纸设计过程全解析,原来设计贴纸这么简单!

贴纸设计过程全解析,原来设计贴纸这么简单!

说文字编排,比较熟悉的应该是海报了,用海报贴纸作对比会更容易理解。首先海报面的文字息比较多,因为海报的尺寸比较大,字体在版面中起来也能清。但是贴纸的息编排一没有这复杂,贴纸的尺寸一,相比于海报来说,同等大的文字在贴纸会显得更大。

贴纸设计过程全解析,原来设计贴纸这么简单!

海报的尺寸一为矩形,而贴纸可以根据不同内容形成的边缘而变化。包括去掉插图直用文字,再配上适的形状都是非常常见的。

贴纸设计过程全解析,原来设计贴纸这么简单!

在贴纸的编排,无论用什方式编排,基本是为了解决图形的负空间。

贴纸设计过程全解析,原来设计贴纸这么简单!

比如这些固定形状的标签,在编排文字就会尽量去贴边缘去排,这整体的文字形状是贴的,也就不存在让人不舒服的负空间。

贴纸设计过程全解析,原来设计贴纸这么简单!

这个候应该没有人会排一个端对齐的文字组吧?端对齐的文字更适放在矩形。

贴纸设计过程全解析,原来设计贴纸这么简单!

在贴纸经常使用绕排的文字,因为绕排总能让文字形状边缘贴。圆形的、三角形的、方形的都可以。

贴纸设计过程全解析,原来设计贴纸这么简单!

以插图为主的贴纸,可以先析插图的形状,再选取和插图比较贴的贴纸形状,贴纸的形状越贴插图,需要解决的负空间就会少,文字编排起来不会费力。

贴纸设计过程全解析,原来设计贴纸这么简单!

△ Cahya Sofyan 计的插图

但是插图与形状之间的贴合肯定不总是完美的,以 Cahya Sofyan 的个插图为例,我猜测他通插图形状的判断,选择拱门形的贴纸形状。现上方和形状很贴合,但是下方空出的空间有点不舒服。因为插图花盆的形状与文字的外轮廓非常抵触,就像一个尖锐的东西要和墙面碰撞在一一样。

贴纸设计过程全解析,原来设计贴纸这么简单!

△ Cahya Sofyan 设计的插图

而这位设计师的解决办法,就是在插图的背后上和形状边缘非贴合的背景,这样看起来,这个背景和插图是一个整体,而插图与字的冲突被冲淡了。

贴纸设计过程全解析,原来设计贴纸这么简单!

最后一点是贴纸的格要一致,因为贴纸它一般会单个现,一般是多个为一组现。

贴纸设计过程全解析,原来设计贴纸这么简单!

如果你要这些贴纸呈现一个较整的效果,就要注意每个贴纸之间的格要一致。如色彩、字都要注意统一。和系列作呈现的一样,因此贴纸算是系列作的一种形式。

贴纸设计过程全解析,原来设计贴纸这么简单!

贴纸设计过程全解析,原来设计贴纸这么简单!

在插画拟人化的主题选择上,我选择常用的水果,打对它们进行一联想。

贴纸设计过程全解析,原来设计贴纸这么简单!

比说香蕉,在撕开香蕉皮的时,它让我联想到一个提裙子行屈膝礼的人。有画面感就以开始执行。

贴纸设计过程全解析,原来设计贴纸这么简单!

先加人物表情。管子手加上提着裙子的手势。脚掌是简化的形状。么香蕉的拟人化形象就画。

贴纸设计过程全解析,原来设计贴纸这么简单!

接下来是樱桃,我们一般画樱桃的时很喜欢画并蒂的两个樱桃。它们看来就像感情很的两兄弟一样。所以我打画它们勾肩搭背谈的样子。

贴纸设计过程全解析,原来设计贴纸这么简单!

它们的表情最有一区别,比有的睁开完整的眼睛,有的眯眼眼。就画它们正在走路的样子。最画勾肩搭背的手。为增加活泼感。

贴纸设计过程全解析,原来设计贴纸这么简单!

面的就不讲么详细,主要是桃子和屁股联想到一,葡萄自己的葡萄,芒果正在度假联想。相信简单的表情与手的绘不难倒大家。

贴纸设计过程全解析,原来设计贴纸这么简单!

到现在为止,我们的插图画,最就是要将它们做成贴纸。

插图本身就可制作成贴纸的,但是有时候我们需要形状更简单一点的贴纸,或者希望贴纸表现一样的形式感时,字的入就有必要了。接来我将会为大演示,如何根据同形态的插图择同的基本形状与添字编。

贴纸设计过程全解析,原来设计贴纸这么简单!

先确定物体的形态,首先它的例偏向长方形,因为形态上有弧,拱门形的贴纸形状会较贴合。剩余的空间就是我们需要编字的空间了。

贴纸设计过程全解析,原来设计贴纸这么简单!

先尝试绕一字,字体是大还是小,都感觉字与插图够贴合。是因为插图边缘和字的边缘够贴合,产生较零碎的负空间。

贴纸设计过程全解析,原来设计贴纸这么简单!

这就需要到讲到的一个方法:为插图一个贴合贴纸形状的背景。因为这个形状的入,图形与插图看起来更像是一个整体了。在这个基础上,只需要把方的空间好就可了。方入中,剩余空间入小元素点缀。这个贴纸就成了。

贴纸设计过程全解析,原来设计贴纸这么简单!

樱桃整体形状是接角形的,在取贴纸形状时候要择和角形相的形状,又要留有一定的字空间。我择的是菱形。

贴纸设计过程全解析,原来设计贴纸这么简单!

它个边的角是较贴合插画边缘的,但是上左右的角太尖锐,可作圆角处。因为上方的形状和插图较贴合,只需要在插图方的空白处字就可了。

贴纸设计过程全解析,原来设计贴纸这么简单!

方的结构是倒脚,中对齐的方式较合适。在外围一圈描边,发现它们走路没有影子感觉有点飘,就了影子。

贴纸设计过程全解析,原来设计贴纸这么简单!

桃子插图的形状整体是圆滚滚的,偏向椭圆。

贴纸设计过程全解析,原来设计贴纸这么简单!

插图和椭圆形周围的空间较均匀,字择直接绕。案够的时候小元素点缀是很好的方法,既可填补空间又可作。了阴影平衡插图上方的重量。贴纸的外围我了一层色,丰富贴纸的颜色。

贴纸设计过程全解析,原来设计贴纸这么简单!

葡萄的外形接角形,这一次择菱形,择角形尝试。

贴纸设计过程全解析,原来设计贴纸这么简单!

大概规划好,上方是插画,方是字的结构。同时对太过尖锐的角进行切除和圆角处。

贴纸设计过程全解析,原来设计贴纸这么简单!

大体外形是贴合的,但是有些小地方还是显得很空。又要的技巧了。添贴合形状的背景。如果还觉得够,可丰富一背景。最后添上字。

贴纸设计过程全解析,原来设计贴纸这么简单!

芒果方的形状非接于正圆,可直接使正圆。

贴纸设计过程全解析,原来设计贴纸这么简单!

插图放置于,上方于编字。这个形状是圆弧形的,想要贴合这个形状,字绕的方式较好。前面我们有到绕与中对齐相结合的方式,在这里就可上。最后再个描边,字与插图整体性更强。

贴纸设计过程全解析,原来设计贴纸这么简单!

现在有的贴纸都成了,但是放在一起的时候,会觉得有点单调,我们可入一些简单的、较小的贴纸来丰富贴纸的种类。只是简单的字编或者小图案就可达到这个效果。

贴纸设计过程全解析,原来设计贴纸这么简单!

最后贴个样机或者做个图。那么可爱的贴纸就成了!

总的,这一类的贴纸可以先绘制出插图,再根据插图的形状特点,考虑到预留的文字空间,挑选合的形状,再根据形状特点编排文字。但重的一点,一注意每贴纸之间风格统一。

欢迎关注研习设微信公众号:「Yanxishe2017」

贴纸设计过程全解析,原来设计贴纸这么简单!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

大家好,我是彩云。视觉设计的基本原理很多时候具有很高的复用性,即使工作多年,这些原理的东西依然用的上,不会过时。我平...
平面设计
从事电商方面的设计师,详情页设计可以说是必修课。好的详情页会给带给用户更流畅的视觉体验、更直观的产品信息、亮点等等,...
平面设计
设计行业,无时无刻不在和色彩打交道。配色问题一直是设计圈恒久不变的热门话题,网络上关于配色的知识多如牛毛,看的时候都...
基础色
元旦过后,新的一波工作又要开始了,我在开始准备新一轮汇报材料的时候突然想到了一个问题,不知道铁子们在往年参加设计评审...
光影
本文通过从绘画、摄影和平面设计等方面分析画面布光的运用历史以及布光逻辑,结合实战案例,分享海报合成中布光的各种常用技...
光影
“对称构图”是将版面分割为两部分,通过设计元素的布局让画面整体呈现出对称的结构,具有很强的秩序感,给人安静、严谨和正式...
对称构图
创意字体排版既是 2020 年的主要平面设计的趋势,也是一直以来一直在趋势前沿的一个设计门类。对于设计师而言,优秀的创意字...
字体排版
相信大家平时生活中拍照都应该接触过美颜滤镜,即使没用过也应该听说过,自然也都知道各种滤镜的强大之处。但是大家有没有思...
双色调