bcb image 动态大小_超详细的动态表情包新手绘制指南

来源：优设网

链接：https://www.uisdc.com/newbie-drawing-dynamic-emoticons

今年本命年想做个表情包，但是之前没有做过，在网上搜索教程时，没有找到很有用的。所以我大部分都是看很多喜欢的表情包，然后录屏逐帧来分析的。

在表情包做完后，想要做一个记录总结，分享给同样想做表情包的新手朋友。

我是用AI画原画，AE制作动画，最后用PS导出gif。

透明底的图用AE导出时，记得在「输出模块」设置中选「视频输出：通道 → RGB+Alpha」这样才能保存不透明度。

一. 确定表情包内容

微信表情商店里上架的「表情专辑」分两种：16个表情，24个表情。

常见的表情包类型分为以下几种：

第一次制作，我选择了16个表情的表情专辑。这样既不会因为表情太多而拖延，也可以很好的练习卡通形象的风格把控和动作设计。

将要做的表情一一罗列出来，针对每一个表情设定具体的时间节点。拆分工作量。

这样短时间的「设计 → 制作 → 看到成果」有利于我们完成长期的计划，避免拖延和懒惰。

二. 卡通形象设计

微信商店中专辑表情包设计尺寸为：240 x 240 px ，且要<100KB。

图片大小：由图片色彩数量，色彩面积，图形复杂程度和图形尺寸决定。

设计表情包的卡通形象时描线越复杂，色彩越多，面积越大的占用空间就越大。

做gif时动作设计的帧数就越少，有可能造成动画不流畅的卡顿感。

所以卡通形象设计简洁，有利于后期的动作设计。

过于精细的人物设计会使人产生距离感，严肃正式的感觉，而不能随意发送使用，反倒有适得其反的效果。

如上白二九的形象设计就比《百变乖巧》复杂一些，后期设计动作时确实有一些头疼的地方。

三. 动作设计

表情包在我们日常聊天使用中就是为了直白简单表明我们的情绪和态度的。即时聊天的属性和大小的限制，使他本身不适合做太过复杂的动画效果。

大多数表情包都是逐帧动画的做法，即将每一帧画出来，之后连续播放来制作动态的效果。

一般一个表情做1~2个动作即可，一个动作3~4张图。再多则容易大小超出限制。

表情包的设计中，一些微表情效果会比较好。例如，动物类的抖耳朵，摇尾巴，点头，眨眼睛等。

例如二九被风吹的抖耳朵的图：