你的拟人化LOGO真的应该再有趣一点

logo 设计教程,如果你不会做logo的话,一定要看下本篇文章,思考一个logo从零到完成是怎样完成的;

小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~

 

Hi,朋友们,初次见面,我是胡晓波工作室底层线上设计师告白天,听说最近有很多人翻了我的牌子,那么恭敬不如从命,今晚就让我给你们侍寝……
不是,分享 logo 设计教程吧!  
 
 
前段时间拟人化的 logo 真的太火了,很多同学都纷纷进行了尝试,虽然这类 logo 真的很容易出效果,但是想要做的出彩也并不容易。
很多时候并不知道灵感应该从何而来,而且做出来的东西虽然是拟人了,但总是缺少了些趣味性,包括面部表情的刻画、肢体动态的选择以及行业元素的搭配,都是我们需要重点思考的部分。  
 
于是我牺牲了一天的假期,来给大家分享一下拟人化 logo 的元素提取思路,话不多说,咱们走着!  
 

图片

 

 

昨天晚上又梦到出去旅行了,是的,作为一名底层设计师,这已经是我连续工作的第 29 天,没办法,在如今这个内卷严重的时代,想要吃得饱,吃得香,总是需要舍掉一些类似于毛发的东西。
如果不出意外,今天又是上班的一天,日复一日,再复一日,不知休息为何物。正当我打开电脑准备开干的时候,手机收到一条消息。  
 

图片

 

 

不知道你们 tu 没 tu,反正我是 too 了,虽然略微恶心,但是这突如其来的幸福感还是填满了我的身体。我想做点儿什么事情来庆祝一下,思考了一阵子,我慌了,因为我不知道该干啥了……长期的做图已经填满了我的生活,好的,不挣扎了,我们做个 logo 庆祝一下吧……
由于此刻我的心中只有给我发消息的猴子哥哥和他带给我的满满幸福感,所以我们就做个猴子比心的 logo 吧,话不多说,开整!  
 
图片  
 
我们先去网上找一堆猴子的卡通形象参考,目的不是为了直接抄他们的,而是看一下猴子的形象特征是什么。  
 
图片  
 
 
我们可以看到猴子的基本特征就是脸部的两个圈圈组成的一个类似于屁股的造型,我们先提取出来最基本的造型,正好这个造型可以由心形替代,我们优化一下。 
 
图片 
然后我们去网上找一下比心的常规动作,好像应该差不多就下面两种,我们选择左边肢体动作更丰富的。
图片
好了,我们把刚才我们画好的头部直接安到我们找的这个图片上,直接图形化出来!我们尽量处理的几何化一些,这样图形感更强烈。
图片 
 
动态画好之后还缺少面部表情,我去私聊猴子哥哥他昨天晚上过的怎么样,他扔给了我一个非常隐晦的表情包,好吧,就他了。同理表情的处理也不要过于复杂,能用图形代替的就用图形代替。
图片
画到这里肯定是还差点意思的,有很多地方都缺点儿东西,比如下面部分切割的太生硬,身体部分空间太大,缺少一些点睛之笔,我灵光一闪,突然想到他为什么给我发那个表情,好的,有床,有制服,安排! 
图片
像这些辅助小元素肯定不能画的太具体,否则会影响整体的形象,所以我们把床简化成了一个椭圆,制服的话直接简化成一个小领结点缀一下即可,加上排版,我们看下成品。
图片
发给猴子哥哥看了之后他很满意,也很开心,但是同时提醒我别再做图了,那么好吧,我试试离开电脑……  
 
 
图片 
 
挣扎了一会儿,准备起床收拾一下屋子,但是真的是太乱了,衣服、袜子、碎发、卫生纸群魔乱舞,无从下手……没办法,我太懒了,最终还是决定叫一个家政服务来帮我收拾一下,等待的时候突然想起了最近在回看的哈利波特,里面每户魔法家庭都会有一个小精灵帮忙打理家事。  
 
 
图片  
 
我相信每一个设计师都有一个巫师梦……算了,这辈子是不能拥有了,我们就用小精灵拟人化一个家政服务形象来做一个 logo 吧…… 
图片
我们找到多比小精灵的高清无码照片,先看一下他的特征点是什么。 
 
图片  
 
 
我们可以看到他的最强烈的特征点就是大大的耳朵,只要把耳朵画的大,再搭配一个好看的脸型,小精灵的形象就出来了,我们先按照图里的基本形象画出来,然后注意不要完全和你的参考一摸一样,否则很容易就会陷进去。 
 
看下面的图,我们甚至改变了耳朵的走势,但仍然没有丢失小精灵的基本形象。 
 
图片 
 
确定了头部基本形象之后,我们就可以对他进行拟人化动作提炼了,前面我们拟定的方向是家政服务,但是我找了很多扫地的图片,动态都非常普通,画出来肯定效果不好,于是我们转换思路,只要有扫帚的话,不一定非得是扫地吧? 
 
脑子不知道为什么不自觉地闪现出陈学冬「哈利波特骑着扫帚飞」,行~那就让我们的小精灵像哈利一样骑着扫帚吧。 
 
图片 
 
找到比较合适的参考之后,我们用头部替换大法,按照参考把基本的动态画出来,由于这个动态比较有标志性,我们最好不要画的和他一摸一样,否则很容易被说抄袭,我们可以更改一下方向,然后不骑着扫帚,拿着就行,顺便把上面的手比个耶。
图片 
 
OK,基本的形态画好了,我们找一个大眼睛的开心表情给他加上!
图片  
 
 
画到这里我们可以看到,虽然整体是挺好看的,但是和我们拟定的家政服务行业好像并没有什么关系……
没关系,我们用空间弥补大法,将空间不合理的地方添加一些简单的行业相关元素。 
图片 
 
有了这些点睛的小装饰,也就有了家政服务的感觉,ok,定稿,看一下成品。
图片
这时候,家政小姐姐来了,我把这个 logo 给她看,说你看我画的你可不可爱,她看了看我,又看了看手里的扫把,问我:家里有刀吗?  
 
 
图片  
 
一番折腾之后,终于出门了,路过了一家银行,门口写着存定期送 iPhone13,好家伙,这便宜能不占?我自信满满的拿出我的 8 看了看微信余额,嗯,手机一点儿也不卡……  
 
 
图片  
 
 
里面的银行接待员看我过门而不入,热情的告诉我现在存定期可以换 13 啊!我说我知道啊,我不缺手机啊……扎了一万个心,害,这时候我特想拥有一只嗅嗅(来自电影神奇动物,它会把一切闪闪发光的金银珠宝装进自己的口袋里然后然后带给你……发家致富小能手呢!) 
 
图片  
 
 
他看我眼神发光有点冒口水,再次问我真的不来拿个手机吗……没办法,太热情了,进去看看吧。叫了号之后慢慢的等待,闭眼一思,嗅嗅对我那么好,我要给他画个 logo!
图片
和之前一样,我们还是先观察一下嗅嗅的基本形象特征。    
 
图片  
 
 
大脑袋,鸭子一样的长嘴以及毛茸茸的身体,ok,我们按照之前的思路画一下。 
 
图片 
 
面部定好之后我们接着给他找动态,我们观察一下银行里面标准服务礼仪姿势,相比较右边比较正式的姿势,左边伸出一个手服务的动态更生动形象。
图片
定好动态,我们就把头安到里面,然后画一下大概的姿势,接着进行优化,注意最好画的圆圆可爱一下,否则丢失了卡通 logo 的特点。
图片 
 
和之前一样,我们针对于空间较为空旷的身体部分加入行业特征,给嗅嗅穿个小衬衫。
图片  
 
 
我们需要注意的是画行业特征部分的时候也要结合 logo 整体的感觉来刻画,像衬衫的领口一般都是比较坚硬立体的,我们也可以处理的圆滑一些。
图片
好了,终于到我的号了,银行柜员热情的问我要存多少钱,我决定反将一军:你看我这个 logo 值多少钱… 
 
 
图片  
 
不瞒各位,作为一个资深五迷老师,一直以来就有一个摇滚文艺青年的梦想,咱就是说也就是设计方面的才华实在太过于突出,要不然早就摇……饿死了。
好的,虽然梦想很丰满现实很骨感,但是吉他班是没少报,正好今天有时间,就去上一下吉他课吧!  
 
 
图片  
 
 
事实证明这一块的饭确实不好吃,虽然我比较笨,但是老师还是经常鼓励我:你要是能学会,猪都能上树哦!哇你这弹的,真的和猪一样!这么长时间了,就算你是头猪,也应该会了吧! 
……
好吧,你可以骂我,但是你不能骂猪啊,既然这样,那就做一个猪弹吉他的 logo,让他知道什么天外有猪! 
 
图片 
 
设计思路和之前的一样,就不过多啰嗦了,老方法,先去找一些猪的形象参考。
图片 
 
然后根据你自己的喜欢去改变他的造型,只要不影响识别性就好。 
 
图片 
 
猪猪画好之后,我们去找弹吉他的姿势参考。
图片 
 
根据参考我们先把头按上,然后画出基本的身体走势,可以稍微改变一下参考的方向,做的更有趣味一些。
图片 
 
画好之后我们再去填补一下不太舒服的地方,该删减的删减,该增加的增加,甚至可以给他加一个小星星,代表摇滚巨星。 
 
图片  
 
 
画到这里看似可以了,但其实还是可以有优化的地方,俗话说,没有舞台就没有巨星,我们给图形增加一个浅色圆形背景,使形象更整体更生动,这里可以把猪的部分五官突出出来,不至于太呆板。 
 
图片
图片 
 
 
我拿着这个 logo 去给吉他老师看:“这个 logo 就送你了,以后你拿着他告诉大家,我们吉他社,就算是猪,也可以学会!”老师觉得很有道理,高兴之余就把我的学费免了!
你看,还是做设计香吧,什么梦想不梦想,有饭吃才是王道呀……  
 
 
 
 
图片  
 
 
这一天整的,光做图了……不行不行,得搞点儿娱乐项目啊!来,掏出手机,把朋友们约出来搞几盘狼人杀!
图片 
 
不得不讲这个游戏真的太费朋友了,玩的太次不行,没两下游戏就结束了,大家会骂你是个坑比,玩的太好也不行,大家说没看出来你小子原来心机这么重……被搞了几局心态之后,我决定还是回到自己的舒适区,做个 logo 吧……
你看,别说你没有思路,或许你此刻正在干的事情就可以作为一个方向呢? 
 
图片 
 
这个游戏的精髓就是狼人的反复横跳和伪装,那我们的思路就是以狼为基本形象,给他做一个反复横跳的动态,再加一个人的面具,可以可以,老方法,先找一波参考。 
图片 
 
然后我们根据参考找到狼的基本特征,把脸部画出来,并给他套上一个面具,wow,人性的阴暗面起来了呢。 
图片  
 
 
好了,我们来找一下反复横跳的动作,说是反复横跳,其实就是跳跃就好啦,我们找一个不是特别夸张但肢体还算丰富的图片。
图片 
 
参考垫底,把头安上,画出基本动态,然后就是根据这个动态走势将狼的身体部分画出来。
图片
光是这样肯定还是不够的,手单纯的这样举起略显痴呆,既然是带有悬疑感的游戏,我们就让他拿个放大镜吧,正好把空间填补下。 
图片 
 
好像是可以了,但是能不能再丰富一下呢,让他更贴近狼人杀这种年轻人群体的卡牌类游戏的感觉,我们再根据一些空间可以填补的地方,增加一些细节。
图片 
填补完空间之后可以看到,虽然没加动效,但是整个 logo 感觉动起来了,反复横跳的感觉也有了,这就是填补空间的魅力吗!
其实这些操作目的就是为了使图形更整体的同时更贴近我们所设定的行业。
图片 
 
不知道为什么,这个 logo 画完之后,大家觉得我心机更重了……  
 
 
 
图片 
 
累了一天,终于到深夜了。相信大家都已经马上准备睡觉了吧,太好了,我终于可以开始看书学习了。

 

好吧,确实是有点装 13 了,要是真能看进去,那至于现在还在干底层设计吗!真的,这个社会诱惑太多了,现在还能坚持每天看书的真的都是怪物吧,嗯?怪物看书?
wc?!为什么灵感又来了呢……那就做吧……
图片
设计步骤和之前讲到的案例都是一样的,我们不多说,直接开整,这次我们不先画脑袋了,直接把参考拼凑在一起,然后画一个草图。
这里我们尝试用正负形的方法去设计,具体设计方法可以去回看之前的正负形教程。 
 
图片
有了草稿就更好说了,我们直接标准化制图出来就好啦~
图片
我们在画毛发的时候一定要注意它的一个走势节奏感,而且不要画的太多,切记它只是一个点缀。
图片
果然还是做设计带来的满足感令人舒适呀,比看书什么的容易多了,好了好了,可以准备入睡了! 
   
 
图片 
 
如果你想问不是睡觉了吗怎么还有案例,那你就忽略了作为一个设计师最终的归宿是什么了,你的客户会让你这么轻易的就结束这一天吗?
这不……他来了……
相信大家并不会产生同情心,因为基本上每个设计师都经历过吧……没办法,上帝发话了,除了起来接着肝,还有什么办法呢?
带着一万个不情愿的情绪,2个小时后,终于搞完了,然后…… 
 
 
????????????????????
在电脑前静静地发呆了 5 分钟后,我冷静下来了,作为一个设计师,这件事情不是很正常吗?忘记保存很丢人吗?啊?好像是挺丢人的……理性地讲,遇到这种事不要怪你的软件和电脑,只能怪你自己。
好吧,事情已经发生了,不如看的开一些,化悲痛为灵感,我们常把自己比作设计狮,就做一个狮子爱做设计的拟人化吧…… 
 
图片 
 
我们按照前面讲到的设计步骤找一些狮子的卡通形象参考,然后用几何化的形式给他画出来。 
 
图片  
 
 
那怎么能表现出爱做设计呢?一般容易传递出爱的动态就是拥抱了!我们把 PS 拿过来,简单的给他画一个拥抱的动作(下图左)但是这样单纯的抱着它似乎并不能体现出我们对于设计的热爱之情,不如我们把脚也画上,四肢都抱着它,这个姿势(下图右),就挺舒服! 
 
图片 
 
ok,我们把它图形画出来。
图片 
 
又到了填补空间的时候了,我们如果把 PS 放上去,那似乎又对 AI 不公平了,我们应该雨露均沾,既然实在选不出要放啥,那就放个问号吧,同时我们把狮子的尾巴也加上。
图片
图片  
 
 
 
有了这个 logo,以后软件应该就不会崩溃了吧?
算了,继续给客户改图吧,最后,让我们把「我爱设计」打在公屏上…… 
 
 
图片
图片  
 
 

设计步骤:

1.确定基本的形象和拟人化的方向;
2.通过参考来提取形象的基本特征和赋予的肢体动态;
3.图形化处理;
4.加入简单的行业元素填补空间;
5.细节刻画及配色排版。  
 
 

其实拟人化的 logo 创作思路真的很开放,它可以是你生活中遇到的一些事情,看到的一些事物,都可以积累起来当做你的素材。
 
我们在设计的时候只需要按照上面案例中所讲到的步骤,
先把基本的形象和绘制出来,然后去把形象直接安放到一个合适的动态里面,最后添加一些行业元素丰富一下空间就可以了。
  
 
但其实很多同学在设计的时候都容易画的和参考太像了,
我们在刻画的时候只需要抓住形象的基本特征点即可,其他的地方都可以自己快乐的发散来做,这才是设计的有趣之处嘛!
希望大家不要过度依赖参考,多多的去发散自己的思维,做出有趣生动的拟人化 logo!
好了,真的要睡了,设计师的假期,也可以过的很精彩呢……感谢大家听我啰嗦,晚安朋友们。

 

原文地址:胡晓波工作室(公众号)

作者:告白天

图片


 

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码