如何在5天内设计一款3D动态表情包

前言

今年3、4月份开始到现在工作都比较忙，基本上没有时间进行自己的创作。终于等到国庆节长假，不想去看人海的我，在肆无忌惮地躺了4天后，决定进行一项设计挑战：国庆节结束前做一款3D表情包。

具体来说我的目标是在5天内设计出：

· 1个角色

· 16个3D动态表情

· 1张表情详情页横幅

· 1张赞赏引导图

· 1张赞赏感谢图

很明显，工作量并不小，而且我 C4D 技术和 AE 技术都非常菜。。。所以我下定决心要进行挑战后就心安理得地去刷剧了🤦‍♂️。。。

竞品分析

挑战开始的第一天，我不出意外又是睡到中午才起床🤦‍♂️。。。所以只是简单做了一下竞品分析。

我之前做过一款丧丧的表情包，但是市场表现很一般，因此我这次想做一款更符合大众口味的表情包。

角色分析

时间有限的情况下不能进行非常全面的调研，于是我从微信表情商店截取了几屏 Top Picks 的表情专辑进行分析，很明显最受欢迎的表情专辑里面，萌系 IP 占了绝大多数。 所以我决定这次也做一个萌系的角色。

这些受欢迎的萌系 IP 有三个特点：

1. 二头身

2. 豆子眼，宽眼距

3. 眼鼻同高

所以我接下来会按照这些特点进行角色设计。

表情分析

作为一款新的表情包，我的预期是它能够满足用户最常见的情感表达需求。所以除了角色，我还对这些萌系 IP 包含的表情进行了分类和统计。选出了最常见的16个萌系表情（微信表情制作规范要求表情专辑必须是16个或者24个）：哈哈哈、爱你、哭、晚安、嗯嗯、OK/好的、No/不、哼、咦、开心/耶、困、略略略、谢谢、送你花、生气、哦。我将在这些表情的基础上进行创作，并根据需要调整部分表情。

角色设计与表情设计

根据前面的竞品分析，我收集并参考了一些潮流IP，三下五除二画出了这次的主角：胖胖酱。

我个人非常喜欢熊猫，所以以熊猫为原型进行设计，但是市面上熊猫形象已经非常多了，为了增加识别度，我让它的头不是常见的圆形，而是稍微有点方的形状，并且两只耳朵像蝴蝶结一样长在中间。

然后是表情设计，因为内容已经基本确定了，又不能设计特别复杂的动作（时间和技术都不太行。。。），所以很快就画出了表情草图，并且构思好了动作。

建模

选择实现方案

形象和表情内容设计好后，我犯难了，因为我 C4D 技术很菜，只会简单的骨骼绑定，能让角色做一些简单的动作，角色的表情怎么动起来我完全不知道。。。

于是我对市面上的 3D 角色进行了简单的分析，发现角色表情方案可以简单分成两类，一类是五官全立体，一类是扁平表情。如果要做五官全立体的表情，那么我就需要学习新的技术，而且制作时间肯定不短。而且对于萌系角色，五官全立体在情感表达上，相比扁平表情并没有什么明显的优势。其实 3D 表情包相对于扁平表情包也没有什么优势，因为我发现很多 IP 尝试过一两款 3D 表情后又回归到扁平表情上，从打赏数据上来看，3D 表情包也表现平平。所以我最后选择的实现方案是：C4D 做角色动态，AE 做扁平表情。

建模、绑定、动态与渲染

虽然很长时间不用，对 C4D 比较生疏，但是我最终还是完成了建模、绑定、动态设计和渲染。

中间还有个小插曲，我一开始按习惯的方式把整个角色做成一个整体的模型，发现细小的脖子非常尴尬，就算是把脖子去掉，脑袋直接和肩膀连接，看起来也不够稳固，像是随时要掉下来，和我的草图相差也比较大。参考了其他 3D 角色后，我最终把脑袋和身子拆分成两个模型。在绑定的时候，为了避免花费大量时间去处理肩膀和头部之前的权重，我也将脑袋和身子分开处理。顺便推荐一下 IKMAX 这个骨骼绑定插件，真的是非常省事。

这里分享一下我的一个小技巧。如果只有身体某个部位运动，其他部位固定，看起来就会非常生硬，所以我会让不同身体部位的连接部分也跟着运动，这样就会自然很多。

动作设计好后，选择需要的关键帧进行渲染，导出序列帧到 AE 去完成表情设计。

表情动态设计

我的表情动态设计其实没有什么技术含量，只是简单的位移、旋转和路径动画。所以我简单说一下我不成熟的小心得。

一是不管是表达什么情绪，眼睛、嘴巴都要尽量多动动，眨眨眼、张合嘴巴就能让角色显得灵动。

二是文字辅助很重要，虽然可以通过精心设计让角色用动作生动传递信息，但是毕竟不如文字直接和准确，而且没文字的表情看起来像是表演哑剧，加上文字后，角色仿佛是在说话。

三是辅助文字也要动，现在受欢迎的表情辅助文字都会不停抖动，这样和角色的运动更和谐、更有趣。我是用 AE 的分形杂色和置换图形两个效果来实现文字抖动的。

微信要求表情是 GIF 格式，我没有装 AE 导出 gif 的插件，所以先导出了透明格式的动画，再用 PS 导出 GIF ，稍微麻烦一点。

压缩 GIF 的小技巧

微信表情制作规范要求表情必须是 GIF 格式，240 x 240像素，每张不超过 500KB 。如果表情运动时间比较长、色彩比较丰富，很容易就超出 500KB。所以我给大家推荐几个压缩 GIF 的小技巧。

1、减少色彩数量。在“导出为 web 格式”的弹窗里，选择 128 或以下的色彩，能够减少 GIF 体积。

2、删掉时间轴里重复的帧，通过修改剩下的帧的延迟时间来保证动画节奏不受影响。

3、用 iloveimg.com 这个网站进行压缩。

其他物料

完成上面的设计后，已经是国庆假期最后一天的晚上了，我咬牙坚持完成了详情页横幅、赞赏引导图、赞赏致谢图的设计，终于上传了完整的物料等待审核。

中间因为提交的命名和线上已有表情包的名字重合，所以被打回了一次，所以建议想设计表情包的朋友们先在表情包商店搜索一下命名有没有重复

现在表情审核通过，已经在微信表情商店上架了，欢迎大家下载和打赏！

最后

这次刺激的挑战算是顺利完成了，中间遇到了不少的困难，但是都用灵活的方法解决掉了，谢天谢地！当然这款表情包还能打磨地更好，角色设计可以更考究，角色动作可以更丰富有趣，渲染可以更精致，所以我还是要老老实实提高自己的姿势水平，不要让技术限制自己的发挥。期待下一次挑战！