Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

时间:2023-05-29
类别:平面设计
水平:普通
观众:1.2w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

教程作者:告白天(授权转载自公众号:胡晓波工作室

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

关于教程

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

上面这些LOGO相信大家都很熟悉吧?可能此刻的你正在打开美团外卖,想着点一杯星巴克续命,刚刚从猫眼定了两张和女朋友晚上的电影,可是右下角的企鹅图标一直闪烁,点开是老板安排你通宵加班的消息…咳,摄像头关了关了…

言归正传,这些都是我们在日常生活中会经常接触到的品牌。不知道大家有没有发现他们的共同点,他们都是直接用IP形象来作为LOGO的。近年来IP越来越受广大品牌的热爱,众多大牌纷纷推出了自己的IP形象,也同步更新了自己的LOGO。品牌IP形象之所以受欢迎,是因为它们具有独特性、可识别性、情感连接和传达品牌故事、个性和价值观等多重优势。而把IP作为LOGO来使用,则可以将这些优势最大的化的呈现。

我们在工作中经常遇到几种情况,一是插画师已经出好了IP形象,我们该如何将它变成LOGO?二是品牌本身有IP的规划,但是目前还先不用出具体的形象,那LOGO要怎么做?今天的教程就教大家6种设计IP形象LOGO的思路!

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

准备好了吗,我要开始咯…#01 趣味卡通篇

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

2018年,蜜雪冰城推出了它们的IP形象“雪王”,一首“你爱我~我爱你~蜜雪冰城甜蜜蜜~”火遍大江南北,一举成为茶饮界的顶流IP。在LOGO方面,通过描边插画的样式将雪王的卡通形象直接展现,使品牌形象在传播时深入人心。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

而苏宁易购品牌的logo,则采用了扁平化的块面风格的形式呈现。这种风格非常适合于互联网行业,用最简单的几何图形组合成小狮子的IP形象,极具亲和力,同时相较于上面的描边样式,更加的符号化 。

了解了以上两种趣味卡通LOGO的构成方式,下面我们通过两个案例分别来看一下具体的设计思路。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

通过上面几个例子可以看到,这种样式的LOGO包容性还是蛮好的。在表现上,可以只体现面部,也可以加入一些动作,半身和全身都可;在形式上,描边的样式也可以不同,颜色也可以很丰富,甚至可以加入一些阴影。但是无论如何展现,都要基于以下几点规律:

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

OK,带着学习到的知识点,我们来进行具体的案例演示。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

我们在做IP形象类LOGO的时候,要提现设定好对应命题的形象元素,并定下具体的表现风格,然后分别去找参考。比如这个命题,我想做一个拟人化的玫瑰花,用描边插画风来做,那我既要找到玫瑰花的样式参考,也要找到人物及动态的参考,甚至优秀的描边插画风格的参考。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

第一步我们肯定是要先画草图的,可以先把基础的形象画出来,然后再给他加入动作。因为是派对嘛,那交友自然是第一核心,所以我们给它设定一个打招呼的动作。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

草图画好后,我们就可以拿进Ai里垫底进行绘制,注意画的时候也是尽量的去结合化,简约化,没必要完全按照草图的路径走,能一笔带过的就一笔带过,最后闭合起来就好。画完之后可以添加一个背景,让整体更丰富。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

最后加上配色和排版,一整个好看啊!!这个风格也是我个人最喜欢的一个IP形象风格。看似简单,想要做的精致还是挺考验造型能力的。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

这个风格也是我们九大构成中面构成的一个分支,通过扁平色块的形式将IP形象体现。与前者都是卡通插画类型的logo,可以理解前一个案例去掉描边版本。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

话不多说,案例走起!

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

这个命题叫怪诞冰淇淋,联想到之前挺火的雪糕刺客,那IP形象就设定为一个雪糕造型的小怪兽。雪糕的造型很简单,我们把重点放到怪兽的参考上,分别找到形象参考和动态参考。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

第一步画草图是永恒不变的。先画出雪糕的造型,然后将怪兽的手脚大致画出来,最后添加上表情,齐活!

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

具体绘制的时候,我还是建议大家都用这种几何化的形式去绘制,眼睛就是正圆,牙齿就是三角形,身体就是圆角矩形的变形,手指头也都是圆角矩形!这样就算是插画风格,也会变得非常图形化。

为了提高雪糕的识别度,我参考苹果咬了一口的特点,也给他咬了一口,同时加入了一些水滴辅助图形,是不是更形象了?

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

夏天要到了,又可以囤一冰箱的雪糕了,现在的雪糕种类好多好多,口味也丰富,但再也找不到小时候五毛钱的小布丁带来的快乐了…#02 精简线构篇

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

喜茶全年底刚刚更新了logo,由简笔画形式进化成了纯线构的图形。虽然大家都调侃什么变秃了之类的,但是我觉得新纯线形式真的更高级更简约,应用起来也更加方便,易于传播。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

肯德基的logo则采用了偏插画一些的线来概括老爷子的形象特征,这种线条虽然几何感没那么强,但是足够有亲切感,主打一个友好、欢快。明天星期四了,懂我意思吧?

下面为大家带来两种不同的线构类IP形象LOGO,一个是简约线条方向,一个是美式潮流方向。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

简约线条类的LOGO,可以是抽象的形状、动物、植物、人物等,总之核心要点就是通过最少的线条和形状表达出对象的特征和特点。这种风格往往能传递出简约,高品质的品牌形象,同时也可适用于各种应用场景。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

这个方向非常考验我们的概括能力和造型能力,选定好IP形象之后,用最简单的手法来表达出IP。来吧,案例走起。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

这个命题的IP设定为三个兄弟,也就是要在logo中一下体现三个人物,那我们用之前的卡通方向势必会变得很复杂。这时候我找到了一个非常合适的参考(右上),思维一下打开。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

想要画好三人,那必须先画好一人。我们仍然用几何图形来呈现整个形象(几何图形yyds)。用一个胶囊造型,一横一竖一横,一个人出来了。向右复制并叠压,三个人就出来了…

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

光是三个小胶囊人堆在一起,未免有些死板,这时候我们要给三个元素找到一个共性,让他们紧紧连接在一起,这个元素就是肥皂…哦不是,是帽子!因为帽子的长线可以无限的延伸到每一个人物上,这样一来就变得很整体了。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

最后呈现的效果还是挺简约精致的哈?突然想到这个logo好适合波哥三个弟弟学设计的故事…如果弟弟们以后想组团自己干了,那这个logo就送给他们吧!

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

美式潮流Logo通常采用大胆、简洁的设计风格。以清晰的形状和明确的线条来描绘出图形元素,以物体拟人化居多,与前面简约线条不同的地方是,往往会在某些小的地方添加填充色,让形象更加立体丰富。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

现如今一些服装品牌、餐饮品牌和文创品牌都采用这种风格的logo,来彰显品牌的活力,自信和创新精神。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

美式潮流的logo都比较有趣味性,所以我们尝试融入行业元素来体现IP形象。这里我们将小鳄鱼的IP形象与玩具属性中的弹簧元素相结合,做一个弹簧小鳄鱼。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

第一步我们依然是先定下小鳄鱼的形象,这里就用到美式logo的特点,将它的嘴巴和鳞部分用填充色,其他部分用描边来做,然后将它的身体部分(弹簧)绘制出来,最后加入竖大拇指的动态,增强趣味的同时彰显品牌的自信!

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

然后是矢量绘制,这里我们要将描边部分和填充部分分开来绘制(如图左),最后确定无误了之后,再扩展出来合并到一起。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

美式LOGO还有一大特点是它的排版,字体会较粗一些,风格独特一些,辅助元素多一些,且多用徽章式。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

这类LOGO对于线条要求没有那么严格,大家也可以采用一些手绘感的粗糙线条来做,会体现不同的气质和风格。#03 创意结合篇

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

前段时间茶百道刚刚更新了品牌LOGO,将熊猫IP形象作为视觉主体,通过正负形的形式组成一只正在喝奶茶的可爱熊猫形象。让logo更清晰简洁,识别度更高了,让新用户一下就能知道我是干啥的…

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

天猫这个版本的logo可谓是各大电商设计师的终极噩梦…每到各大购物节这个logo就要重复出现,什么双十一,六一八,但这恰恰说明了这个logo的延展性是很牛逼的。一个简单的线框,加上两个耳朵,足以让天猫的IP活灵活现。

创意类的LOGO相较于前面的来说会相对难一些,但是体现的效果也是更好的,这里给大家带来两种常用的设计思路。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

正负形LOGO因为其本身特有的气质,可以很好的将IP形象与行业元素相结合在一起,丰富LOGO的信息传递、趣味性和独特性。之前我们有写过比较详细的正负形LOGO的教程,大家忘了的话可以去回看,这里简单列几条比较重要的知识点。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

正负形LOGO比较考验设计师对于图形空间的把控能力和造型的处理能力,如果是初学者,可以去尝试一些比较通用的正负形样式,比如下面这个案例:

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

拿到参考之后,我们只要确定了IP形象与行业元素,就可以进行二次创作了,比如这个参考是正形的熊拿着负形的蜂蜜罐,那我们可以套用到命题里,用正形的猴子结合负形的酒瓶来设计。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

第一步我们要先绘制猴子的造型,然后在身体部分用白色在画出酒瓶的元素,画到第二个其实也可以用了,但是我发现酒瓶本身就像一个人的上半身,所以干脆将猴子的造型改成和酒瓶的造型一致,这样趣味和独特性更强了!

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

然后根据草稿将正形和负形分别绘制出来,再用路径查找器将负形部分进行裁切,图形就完事了。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

最后在排版的时候我又加入了一些小设计,你能get嘛~

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

为什么说这是通用形式的正负形?因为本质都是有一个主形象,然后身体部分加入负形元素,如果你开心,可以把这个logo换成其他动物和其他行业元素都可以…

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

这个方向放到最后,因为是最难的部分,它会放弃掉IP本身的独特形象特征,完全在做图形和符号。只提取形象的主要特征点,去和字母、品牌字或行业元素进行结合。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

这个风格会更趋近于我们传统意义上的图形LOGO,我们在设计的时候要按照做图形的思路,多画草图多尝试不同的方向,先给出主元素,然后尝试加入IP的识别。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

这个命题的IP形象设定为牛。为了迎合这个思路,我们不能直接画牛,先从品牌名称入手,我参考右图中空字结合熊猫形象的思路,尝试将几字结合牛的形象。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

正好几这个字笔画很少,本身就比较抽象,稍微变形,就可以将牛的身体部分识别出来,然后我们直接加上牛角!在加上牛腿,竟然把木字也识别出来了!

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

草图确定了,我们再花几分钟的时间进行矢量处理就好了,这里我们统一好每个线的间距,先将结构绘制出来,然后通过拉圆角的方式将牛的识别度提高。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGOLogo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

这个思路优势在于出来的图形非常高级有创意,一看就很贵…且对于IP本身依赖性不强,无论你狮子长啥样穿啥衣服,我照样可以先出我的logo,我觉得挺适合那些有IP规划但是并不急于推出IP形象的品牌。

总结

最后简单回顾一下今天所讲的几个方法:

一、趣味卡通篇:描边样式;块面风格;
二、精简线构篇:简约线条;美式潮流;
三、创意结合篇:正负结合;抽象表达。

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

如今IP盛行的时代,越来越多的老品牌更新了IP形象,也有越来越多的新品牌想要打造自己独特的IP形象,所以用武之地还是很广的。

希望看完这篇文章的同学们,在遇到此类工作或单子的时候,脑中有思路,手上有技术,都可以顺利的拿下!好了,今天的教程就到这里了,感谢三连,我们下期再见!sayonara!

欢迎关注作者的微信公众号:「胡晓波工作室」

Logo设计教程!3大构成6种呈现,教你把IP形象设计成LOGO

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

33 收藏 52

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片