当前位置:首页 >教程首页 > Photoshop >如何设计讨喜的卡通形象?实战案例来教你

如何设计讨喜的卡通形象?实战案例来教你

发布时间:2019-09-06 11:47:27

每个人的心中都有一个卡通人物,尤其是针对充满童心的人,动漫卡通真的毫无抵抗力,那么如何设计讨喜的卡通形象呢?今天小编就通过实战案例来教你。

下面我们就以小飞猪自己现身说法,看他是怎样遵循这些要素去进行改版的。

我们发现,之前小飞猪的形象总体是在 logo 的基础上加了一个矮胖的身体,并没有对他进行立体化的考量。因为过重的 logo导向,使形象整体显得有些呆滞,他的「亲和力」与「表演性」也跟着受到了很大影响,在我们想把他当作一个 IP 去开发图档和周边产品的时候,会有很多场景都不太适用,甚至连一个45度的转角都没有办法用合理的方式来实现。

卡通形象.png

之前形象的设计逻辑

卡通形象1.png

尴尬的45度角

那么怎样才能合理的处理品牌logo 与卡通形象的关系,为小飞猪建立起一套严谨的设计逻辑和使用体系,把一切的问题扼杀在品牌形象人格化的摇篮中呢?

此处我们可以借鉴行业标杆-米奇&米奇头logo 的做法,可以感受到,在 IP 行业中出现的无论是电影、乐园还是快消品领域,这两个元素都可以根据使用场景自然的进行切换,大家无论看到 logo 还是米奇都可以清楚地感知到「Disney出品」这样一个信息,他们都是可以代表这个品牌的超级符号,两者之间通过三个圆的特征保持着非常强的关联度,但是在设计方式上又有各自的考量标准,logo 在跨界联名活动与产品设计开发上延续着丰富的玩法。米奇形象又充分的展示了卡通形象的表演性,在舞台和线下场景的互动中让品牌成为一个鲜活的存在。

卡通形象2.png

猴年春节米奇家族与logo延展的设计元素

卡通形象3.png

米奇头作为设计载体与上海博物馆进行的跨界合作(图片素材来自网络)

经过前面主要的问题整理和案例分析,小飞猪的调整方向似乎也出来了:我们将飞猪头的轮廓作为品牌核心符号进行强化,在此基础上对五官的搭配和形体设计综合考量平面与3D的呈现效果进行调整。


卡通形象4.png

小飞猪的调整方向

面部的调整

卡通形象同真人一样,头部的视觉重心也是处于面部中央位置的(通常长在这里的都是眼睛),五官距离拉近一些可以让他们变的更加可爱和富有亲和力(这也是为什么小朋友和小动物都会比成年后显得可爱,如果到了我们说的长开了的程度基本上跟可爱就没什么关系了)。通常来说,Q化的卡通形象眼睛都处于面部1/2或者以下的位置(原始设定就是马脸造型的除外)。

卡通形象5.png

大师为我们留下的黄金面部比例也同样适用于卡通形象(图片素材来自网络)

所以我们首先需要考虑的是怎样让人们的视觉重心放到飞猪心灵的窗户(眼睛)而不是之前那个巨大的鼻子上。我们试着在飞猪面部的中心区域对五官重新进行布置,将眼睛与鼻子的距离拉近,令它们处在面部1/2切线的位置上。同时把鼻子的造型按照猪鼻子的样子去「画」出来,我们会考虑它跟面部嵌入的衔接关系,在转到侧面的时候鼻子和鼻孔的形状看上去会发生的改变,通过透视关系把它的「厚度」表现出来。我们把这个过程叫做「面部的去logo导向」。

卡通形象6.png

调整面部的视

卡通形象7.png

觉重心,将五官的位置拉近

在头部朝向的改变中体现出鼻子的形状和厚度

头发的设定

在图形化的状态下,头发的角度是与 logo 同样保持向右的,但是作为一个立体的卡通形象来考量,我们可以想象一下如果一个人的发型是完全朝向自己头部的正侧面看上去一定是很奇怪的(可能有点谢顶),至少我们不会把这种造型跟亲和力联系起来。所以,我们将飞猪的头发设计成朝向左后方的45度,同时把这部分的形状与头部球体的切线以弧线衔接起来,做成一个自然的整体,通过这种方式在卡通形象的身上表现出飞猪logo 的主要特征。

卡通形象8.png

顶视图当中观察到头发的形状

当然,上述造型是基于三维状态下的设定,我们也要考虑到在二维的情况下怎样自然的表现头发的特征。如果强行的把头发在平面状态下都朝向左边,那么平面造型的飞猪在面向左边的时候头发会变成下面的样子,小丸子中花轮同学的感觉扑面而来。

卡通形象9.png

平面状态下头发一味的向左就会变成另外一种发型

所以我们要思考的是如何让二维状态下的头发既能做为飞猪形象的基本特征,又不会对形象的整体效果有所减分。通过几组形象的动作剪影可以发现,头发的造型本身动感是很强的,在保持头发角度一直向后的情况下,无论处在哪个方向都可以帮助我们很容易地辨识出形象的动态特征和身体的朝向,而且不会显得违和。因此我们对二维状态下的飞猪头发做了永远处于头部球体后1/2上半部分的设定,在正面的状态下仍然默认朝向脑袋的左侧。

卡通形象10.png

平面状态下的头发朝向可以很大程度强化形象动态的识别度

对形象肢体的结构化拆分

这部分主要解决的是形象「表演性」的问题,要让小飞猪的肢体语言有好的表现力,我们首先需要对他的造型进行一次结构化的拆分,在明确了肢体的形状和比例之后,在形象后续的动作延展上才能做到有据可循。

考虑到飞猪可能出现的不同使用场景,在保持短手短脚特征的前提下,我们把他整体的身高从1.5个头的比例增加到了1.8个头(长度主要加在了腿上),同时把拆分的躯干与四肢的形状改得更加圆润,以强化形象的亲和力。以手臂的部分为例,之前的管状结构产生了比较多的转角,特别是猪手的部分已经接近于平角的形状,会让人产生硬硬的感觉,所以我们先把手臂整体的造型调整为竹笋形,向着手部逐渐变得短小,并且在弯曲的时候设定成圆润的转角,不再让四肢产生肘关节这种硬骨点转折的效果。

卡通形象11.png

身体比例的结构化拆分

卡通形象12.png

新的身体比例图

卡通形象13.png

身体结构的动态演示

卡通形象14.png

改版前后的转面图对比

结构调整完成就可以开始拗造型试一下「表演」的效果了,以下面这组动态幅度比较大的奥运主题造型为例,用头部、躯干、四肢的结构把原始的动作重新组合一下,我们在每个动作当中都可以发现一条清晰的动态线,在完成这步的设定之后,再把形象的五官与肢体细节添加到结构上面,如果可以感受到形象的动态明确,完成稿剪影轮廓清晰,一组基于形体结构设计的具备表演性的主题动作才宣告完成。

卡通形象15.png

奥运主题

卡通形象16.png

动作优化案例

新造型放入旅行场景中的概念图

到这里,按照几个核心要素对形象的调整就宣告完成了,我们又对小飞猪进行了一些实体化的尝试来检验形象延展的效果。

卡通形象17.png

标准形象的3D模型

卡通形象18.png

飞猪旅行公仔

卡通形象19.png

放置在乐佳新办公区的飞猪雕塑

卡通形象20.png

雕塑与人偶服在工厂中的打磨

卡通形象21.png

猪年开门红的礼盒套装

完成了上述对形象的基础建设之后,小飞猪的皮囊算是初步搞定了,能够合理的呈现我们需要他做的任何事。当然,要把他打造成一个品牌形象的「IP」,我们后面要走的路还有很长,需要通过各种形式内容的打造为他塑造性格,注入「猪魂」,为大家所认知、接受并且喜欢。小飞猪也会伴随飞猪品牌不断的验证和优化自己,力求为用户带来更好的产品体验。

作者:阿里巴巴飞猪设计 来源:优设

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定