K叔IP不是画的!3个图形打造IP,即学即用

图片[1]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[2]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle



图片[3]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[4]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[5]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

IP(Intellectual Property),是一个网络流行语,直译为“知识产权”,该词在互联网界已经有所引申。


互联网界的“IP”可以理解为所有成名文创(文学、影视、动漫、游戏等)作品的统称。也就是说此时的IP更多的只是代表智力创造的著作版权,比如发明、文学和艺术作品一类。




图片[6]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[7]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

形象拟人化,并加入一些故事设定,且能快速占领消费者心智。比如:京东、天猫。

图片[8]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

世界观 IP,更加庞大。比如《漫威》宇宙,主要角色都有异于常人的超能力,这种设定会让我们印象深刻。

图片[9]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

好的故事 IP 是能够打动人,引起共鸣的,具有给人以情绪价值,比如海贼王是无数人追随多年的动漫。

图片[10]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

文化 IP,指一种文化产品之间的连接融合,比如中国的长城、故宫、法国的埃菲尔铁塔,都可以作为文化符号。

图片[11]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

人设 IP 围绕着的是人,相当于企业品牌的代言人,他们的性格、故事、经历,甚至是声音,都是组成IP的部分。比如:K叔。




图片[12]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


IP设计始于创意,创造“视觉记忆点”是IP设计成败的关键。创意可大致分为两步,IP的角色设定以及IP的场景设定



图片[13]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

下面我们用K叔的IP形象作为示例进行讲解。我们为「K叔IP」在颈部以上,也就是不受着装覆盖的部位设计了3个视觉记忆点:


图片[14]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

“三只眼”作为主视觉记忆点,“短山羊胡”和“M型发际线”是隐性视觉记忆点,前者明目张胆的好玩有趣,后者暗度陈仓的达成共鸣。



图片[15]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

创造出“视觉记忆点”后,我们就可以确定IP的基本形。

图片[16]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


为了打造一款符合潮流审美的IP,在身材比例上设置1:1:1,外轮廓呈现弧形,无明显的肩线,手部用圆形简化,整体曲率节奏很均匀。另外,四分之三角度要注意近大远小的透视比例,比如近处的眼球较大。基本形是一切延展的前提,所以这一步不要怕浪费时间,一定要多去参考其他IP形象特点。




图片[17]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

丰富表现形式可以包括:丰富表情、动作、颜色、服饰等等,每一种都可以自由组合,呈现多种多样的IP表现形式。



图片[18]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

为IP设置多种表情,可以在不同情境下烘托出更精准的情绪。


图片[19]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle



图片[20]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

丰富IP的动作,可以让IP在使用时更加灵活,没有局限性。


图片[21]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle



图片[22]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

为IP变换不同的服饰,可以使IP形象更加丰富,让人产生新鲜感。


图片[23]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle



图片[24]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

当线稿完成了以后,我们就可以为IP添加颜色,可以根据服饰和使用场景来做色彩搭配,因为我们的IP应用领域较广,所以在色彩设定上更自由。


图片[25]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle



图片[26]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

将IP角色置入场景可以使IP形象的表现更加丰富有趣,使用户快速的记忆IP。


图片[27]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle



另外,搭配文字使用IP也是一种场景设定的方法,我们的小红书封面,就利用了这个方法👇

图片[28]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[29]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle




图片[30]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle



图片[31]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


设计之初,我们需要跟甲方或老板了解并确认需求,这一步问的越详细,对我们后期设计越省力。通过多个角度的信息收集,就可以确定出 IP 形象所传递情绪价值和受众群体,从而决定 IP 的形象定位以及人设。

本次我们就以奶茶店的IP设计为例,在前期调研中了解到,老板是一位40岁的男士,因为妻子非常喜欢喝珍珠奶茶,担心其他奶茶用料不好,索性在二线城市的三个区域开设三家门店,名字叫早安公主,原料天然健康,给那些喝奶茶又怕对身体不好的年轻人一个购买的理由。以后逐渐推到一线城市。

图片[32]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[33]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

通过前期调研,我们得到一份IP画像,老板是宠妻狂魔,所以在IP设定上,我们主打的是情侣cp,角色的设定上,女生贪吃爱玩不拘小节,男生理性有分寸,互补的性格带来很多故事性。



图片[34]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


IP形象大致分为4大类,分别为动物、人物、物种拟人化以及抽象卡通。一般我们会结合客户需求以及行业属性来选择IP类型。比如我们熟知的“得到”app,它的ip是一只猫头鹰,和它的行业属性非常吻合。

图片[35]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

从奶茶店的定位和属性上来看,这4类都可以,而我们前期调研中了解到,甲方更倾向于采用可爱的猫咪作为IP形象。接下来,在风格选择上我们还需要进行大量的资料收集和研究。


图片[36]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle



这里我简单举一个例子,和平面设计一样,在我们收集资料时,要多去看行业内优秀的案例,比如熊本熊的IP设计,它呆萌可爱的原因是什么?两坨高原红,1:2的头身比,没有表情却又让人想笑,以及人偶扮演者的高能输出等等。当然,除了设计之外,熊本熊能出圈的原因还有很多,这背后离不开它的营销团队。

图片[37]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

ps:这里只是将设计流程分享给大家,具体的收集资料过程就不多赘述了。




图片[38]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


基于前面的一系列操作后,我们终于进入了设计环节,在这部分我们详细拆解每一步。



图片[39]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

我们首先要分析猫的特征,然后画出构思草图、确定头身比例,选定要用到的几何图形。



图片[40]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[41]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[42]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

猫的耳朵尖角,脸圆、眼圆,非常可爱,基于这些信息,我们对IP进行角色设定。

因为是奶茶店的IP,所以外形圆润可爱的造型更容易拉近人的距离,所以圆滚的肚皮成为了IP最突出的“视觉记忆点”。



图片[43]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[44]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

画出构思草图后,我们对角色进行了二头身的设定,头身比例为1:1,这样能使角色看起来更加可爱。需要注意的是,设置二头身比例时,脚背和头发的高度是不能算的。


图片[45]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[46]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

根据草图,我们提炼出来三个几何图形,利用这三个图形来搭建IP形象。




图片[47]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

确定好了基本形态和需要使用的几何图形,第二步我们就可以开始搭建IP了。


图片[48]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[49]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[50]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

先从头部开始,绘制一个圆形,然后点击直接选择工具(A)选中如图所示两个锚点,按住Shift键下拉,得到一个新图形。



图片[48]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[52]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[44]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

继续点击直接选择工具(A)选中最上方锚点,向下移动一些,这样会使整个头型更加可爱呆萌。



图片[54]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[55]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[46]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

接下来绘制耳朵,猫的耳朵形状尖尖的,可以看做是三角形。绘制一个三角形,找到三角形中间的位置画一条参考线。


这里我们使用AI中的整形工具来将三角形的边缘圆滑处理,选中三角形,点击整形工具,在参考线与三角形交点处添加锚点,再点击直接选择工具(A)按住Shift键向两边拖拽,这样耳朵的造型就做好了。




图片[57]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[58]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[59]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

将耳朵与头部合并,添加五官和一些细节,这样整个头部的造型,我们就做好了。



图片[60]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle



图片[61]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[62]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[63]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[64]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

接着我们来绘制身体,回顾一下草图,利用方形绘制手臂,将方形左上方的锚点选中,向右拉动变成一个直角梯形。

在梯形⅓处画一条参考线,点击整形工具,在参考线与梯形的交点处添加锚点,再点击直接选择工具(A)按住Shift键向外拖拽,点击左下方锚点,将直角变为圆角,手臂的造型就完成了。



图片[61]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[66]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[67]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

肚子的绘制方式跟头部是一样的,然后用两个圆角矩形拼出裤子的造型,将手臂、肚子和裤子组合在一起。



图片[68]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle


图片[69]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[70]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[71]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

脚的绘制,我们用两个长方形来实现,选中下面的长方形会出现四个圆点,双击其中一个圆点,调整参数如图所示,再将两个方形合并,脚的造型就绘制好了。



图片[72]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[73]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

最后利用路径查找器,将图形合并,用钢笔勾勒一些细节的线条,身体的造型也绘制完成了。




图片[74]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

将头部和身体组合起来,我们就可以为IP填色了,脸部加一个淡淡的阴影让其更有立体感。


图片[75]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

我们利用同样的工具和方法,绘制出CP的IP形象,这里就不详细介绍了。

通过以上三个步骤一个完整的IP形象就绘制完成了。



图片[76]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[77]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[78]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[79]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle
图片[80]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle




图片[81]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle

写在最后


本篇内容要是从设计的角度跟大家分享了怎样打造一款IP,一款好的IP设计不仅有设计的加持,更有营销策略在里面。品牌IP化,已经成为主流趋势,特别适合现在这种快节奏碎片化的传播方式,给人们持续不断的提供观者情绪价值,这些是传统品牌形象所缺失的。所以设计师也要与时俱进,多看多学多听。希望本期内容对你有所帮助。


图片[82]|K叔IP不是画的!3个图形打造IP,即学即用|融云数字服务社区丨榕媒圈BrandCircle



总监:K叔

主题创建:小凹/雪雯

图文排版:小凹/雪雯

校稿:沐澜



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

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容