01_Why do you make an expression

为什么做表情包

前段时间大概是因为 看腻了 自己近七年的55分的长发发型,去剪了个空气刘海并将长发剪到下巴以上,为此欣喜了好久。


这也许是大多数人的生活状态吧,长时间待在舒适区,无论是懒惰还是习惯,我们总是想要改变但始终没有去行动。做设计这么久,都是领到需求才去执行。这一次,由我自己给 自己提供需求 , 自己去执行 。

02_How to make an expression

如何制作表情包


一、使用工具:


所谓“工欲善其事,必先利其器”,在开始之前我们先来说下这次我们会使用到的一些软件:


PS — 用来导出GIF

AI — 绘制表情包原型

AE — 制作动效


二、查看微信表情包上传规范




在制作表情包之前一定要先去看一下“微信表情制作规范”,其实微信规范一直在不断的迭代更新。比如,在我刚做好表情包的时候,以前是要在每个表情主图上都要加一个2cm的白边的,现在改了规则就不需要加了。所以无论我们之前做没做过表情包,都要事先再 明确 下规范。

三、确定表情包内容


微信表情商店上架的“表情专辑”分两种:16个表情、24个表情。这次我选择的是16个表情,这样不会因为 拖沓 而最后完成不了~。


然后我们找了一些发送量很高的表情包进行 分析 ,分析结果得出:高兴、快乐、哭泣、点头答应、委屈、你好等多为常用表情,也就是用户使用量最多的,除了这些,我们也可以再选些自己平时想用,却找不到的表情,加起来16个表情即可。



四、 表情包形象制作


1. 草稿图

所有的准备工作结束,那我们就可以真正开始制作了。

先从草图开始,描绘表情包的卡通形象,这一次我设计的是一个套着猫衣服的齐刘海小女孩~因为自己剪了刘海嘛~比较形象一点,科科o(* ̄︶ ̄*)o。




2. 上色-描边-表情动作定稿




初稿的时候,其实大家也看到我最开始的设计是有一个小裙子,已代表“喵头嘤嘤”是个 女孩子 ,后来发现这对后期设计动作会带来比较大的难度,所以就放弃了。


再强调一下在设计卡通形象时,需要注意的是:卡通形象设计要 简洁 ,无论是颜色还是设计的细节。这有利于后期的动作设计,也方便用户 记忆 ,最重要的是,在最后导出GIF的时候,要求是不能大于100KB,你的细节颜色越多,线条越多,都会对你的文件大小有一定的影响。


经过无数的调整,我们的 “喵头嘤嘤” 终于诞生了~o(* ̄︶ ̄*)o开心~。



五、 添加动画


到这里其实我们的表情包就已经可以上传到微信表情包平台,因为微信平台的上传方式是分:


静态表情和动态表情两种 。


那这里为了使“喵头嘤嘤”更加生动活泼,我们需要添加流畅的动画效果,用到的软件是AE。我们将AI做好的源文件导入到AE进行制作,因为我们240px的图要求是不能大于 100kb ,所以AE的设置改为了8帧/秒。


这里就不细节的阐述如何用AE制作动画了。做动画需要知道运动规律,因为我也不是专业的,所以在做动画时时常会 盯着镜子去观察自己的动作 ,虽然很傻,哈哈哈。但也没有比这更好的方式了。然后再对动画一点点进行调整,比如下面拱脸的动作:





这两个动态完全不一样,相差很多,左边的动态图只调整了脸部和手部的动效,而且帧数一共只有两帧,很少。但其实“嘤嘤”在动的时候,耳朵也会有一些微小的动画,加上耳部动效后,效果明显比第一个更 自然流畅 。


所以在做动画的时候要无限的进行调整才可,也可以多参考些大神的动画效果,也可以像我这样多对着镜子进行动作分解,能做出超棒的动画效果,傻算的了什么 ~ 科科 o(* ̄︶ ̄*)o。


最后,AE制作好后我们可以导入到PS里进行导出GIF图。我会在篇幅的最后附上“嘤嘤”的动态二维码供大家进行 参考 。





03_Submit Your Applications

提交微信平台审核

那么,现在我们已经完成了所有的动态主图,然后将剩下的缩略图、详情页横幅等设计好后,一并上传到平台上等待审核。快的好像几天就有回复了,慢的可能要等上两个星期。


一些 驳回理由 都会给标注的很仔细,比如图片大小、图片空白位置太多等都会一一标注。方便我们更明确的去修改~这一点微信平台真的做的很好~。

以上,是我通过这次在制作动态表情的获得的经验,我也是第一次做表情包,也会有很多需要改进的地方,整套表情包做下来前前后后也花了近两个月的时间,因为时常会有工作穿插进来,所以时间上会长了很多。但这些并没有打消我的 积极性 ,每完成一个表情动画时,都像老母亲看着自己的孩子出生一样,哈哈哈哈哈哈,更加有动力了。