用AI制作品牌微信动态表情包：指南鲸开发复盘

这段时间，我们一直在完善出海指南的品牌形象。

之前做活动、海报、公众号头图，大家看到的更多是“出海指南”这几个字。后来我就在想：一个品牌如果想让大家真正记住，除了 Logo，是不是还需要一个更有温度、更容易传播的角色？

于是，我们给出海指南设计了一只小鲸鱼。

它叫“指南鲸”。

为什么选择鲸鱼？

我们最终设计了一只以鲸类为灵感的海洋吉祥物，名字叫“指南鲸”。它采用更加轻盈、活泼的卡通造型，不完全追求真实鲸鱼的生物特征，而是希望呈现聪明、友好、可靠、勇敢的品牌性格

一方面，鲸鱼属于海洋，和“出海指南”的品牌定位天然契合；另一方面，鲸鱼给人的感觉是聪明、友好、可靠，也有一种陪伴大家穿越风浪的感觉。

我们希望它不只是一个好看的卡通形象，而是真正能够成为出海指南的品牌伙伴。

所以，在吉祥物设计完成之后，我又冒出了一个新的想法：

能不能把这只“指南鲸”，做成一套可以在微信里直接使用的动态表情包？

这篇文章就详细复盘一下，我们是怎么从一张吉祥物设定图，做出一套微信动态表情包的。

先不要急着做表情，先把角色定下来

很多人用 AI 做表情包时，第一步就开始生成“开心”“生气”“谢谢”。

结果做完才发现，每张图里的角色都不一样。

有时候眼睛变了，有时候脸型变了，有时候衣服颜色变了，做出来更像九只不同的小鲸鱼，而不是同一个角色的九种表情。

所以，制作表情包之前，最重要的一步不是设计动作，而是先建立一份完整的角色设定。

我们的“指南鲸”设定包括：

深海蓝色的身体

白色的脸部和腹部

大而明亮的眼睛

圆润、可爱的脸型

白色水手帽

橙色领巾

水手帽和领巾上的品牌图形

活泼、热情、可靠、勇敢的性格

整体采用蓝色和橙色的品牌配色

出海指南的主要品牌色是：

活力橙：

深海蓝：

有了这份角色设定，后面无论做海报、表情包、玩偶还是周边，都可以围绕同一个形象继续延展。

这一步很重要。

如果角色本身没有固定下来，后面生成再多表情，也很难形成真正的品牌资产。

第一套表情，不要追求多，先解决“常用”

一开始，我们列了十几个表情：

收到、好的、安排、马上处理、辛苦了、谢谢、合作愉快、加油、出发、冲冲冲、稳住、思考中、太棒了、哈哈哈……

后来发现，表情包不是越多越好。

关键是别人愿不愿意用。

所以第一套，我们先选择了微信聊天里出现频率比较高的9个：

收到
冲冲冲
哈哈哈
谢谢
加油
思考中
合作愉快
出发
太棒了

这9个表情基本覆盖了工作群、学习群和朋友聊天中的常用场景。

同时，它们也和出海指南的社群氛围比较契合。

比如：

“收到”适合活动通知和工作沟通

“冲冲冲”适合项目启动和活动报名

“合作愉快”适合品牌方、服务商和操盘手之间的交流

“出发”天然对应品牌出海

“思考中”可以延展到 AI、SEO和营销策略讨论

“太棒了”适合群内分享案例、数据增长和项目成果

表情首先要好用，其次才是品牌传播。

如果每张表情都在强调品牌名称，大家反而不愿意使用。

每个动态表情，实际上都是8张连续图片

动态表情并不是让一张图片自己动起来。

它背后其实是一组连续动作帧。

以“收到”为例，我们把整个动作拆成了8步：

指南鲸保持正常微笑
右边的鳍开始抬起
抬到敬礼的位置
敬礼时眨一下眼睛
身体轻轻向上跳动
保持敬礼姿势
慢慢放下右鳍
回到最开始的状态

然后把这8张图片按照顺序快速播放，就变成了一个完整的动态表情。

“冲冲冲”的动作也采用了同样的思路：

先蹲下来蓄力
身体逐渐前倾
鱼鳍向后摆动
橙色领巾向后飘
身后出现速度气流
快速向前冲
慢慢减速
回到原来的姿势

在生成动作帧时，我会明确要求：

生成一张4列×2行的动态表情动作分镜，一共8个连续动作。每一格中的角色必须保持相同的脸型、身体比例、服装、帽子、领巾和颜色。只改变动作和表情，不改变角色身份。

同时还要特别强调：

全身必须完整出现

每一格的角色大小尽量一致

镜头角度不能随意变化

不要增加多余的手脚

不要改变帽子和领巾

不要出现文字

不要出现复杂背景

每个动作之间要自然衔接

最后一帧可以回到第一帧，方便循环播放

这比直接说一句“帮我做一个动态表情包”，效果稳定得多。

为什么生成动作时，要先使用绿色背景？

为了让表情包在微信聊天里没有白色或黑色方框，最终需要把背景处理成透明。

但是，直接让 AI 生成透明背景，边缘经常会出现问题。

尤其是指南鲸的身体是深蓝色，帽子和腹部又是白色。如果背景颜色和角色本身太接近，后期就很难把角色完整地分离出来。

所以我们先让所有动作帧使用统一的纯绿色背景。

这里的绿色不是为了好看，而是为了方便后期去除。

在提示词中，我会写得很明确：

使用完全统一的纯绿色背景。背景不能出现阴影、渐变、纹理、地面、倒影或光线变化。角色身上不能出现绿色。角色边缘必须清楚，并与背景保持足够距离。

为什么一定要这么详细？

因为如果背景中出现渐变、阴影或反光，去背景时就容易留下绿色杂边。

如果角色脚下还有阴影，处理透明背景时，阴影也可能变成一圈灰色或黑色。

这也是很多 AI 表情包看起来“不干净”的主要原因。

第一次导入微信，我们遇到了一个很明显的问题

第一版表情制作完成之后，在电脑上看起来没有问题。

背景是透明的，鲸鱼也会动。

但把它添加到微信之后，整个表情后面出现了一个黑色方块。

当时第一反应是：是不是图片没有去干净？

后来检查才发现，并不是普通的抠图问题，而是GIF透明格式的问题。

PNG可以保存比较复杂的透明效果，包括半透明边缘；但GIF的透明机制比较简单，通常只能指定一种颜色为完全透明。

如果在合成GIF时，没有正确保留透明颜色索引，电脑上的图片软件可能看起来正常，但微信会把原本透明的区域显示成黑色。

所以后面我们重新处理了整个GIF：

先把每一帧的绿色背景去掉
收紧角色边缘，清理残留绿色
把半透明边缘转换为适合GIF的透明方式
单独保留一个透明颜色索引
重新编码GIF
分别放在白色和浅绿色背景上测试
再重新导入微信检查

重新编码以后，黑色方块终于消失了。

查看“收到”微信透明版

查看“冲冲冲”微信透明版

这个过程也提醒我：

表情包在电脑上看着正常，不代表放到微信里就一定正常。

最终一定要在真实聊天窗口里测试。

除了黑色背景，边缘线条也是一个坑

第一版虽然已经可以动，但缩小之后，鲸鱼身体周围还是能看到一圈浅色线条。

这是因为去除绿色背景时，角色边缘保留了部分半透明像素。

这些像素放在白色背景上不明显，放在深色聊天背景里就会变成一圈白边或灰边。

后来我们做了几次调整：

收紧透明边缘

清除绿色残留

减少边缘半透明像素

重新进行颜色去溢出

提高源文件清晰度

避免反复压缩GIF

先输出高清版，再缩小到微信尺寸

最开始输出的是240×240像素。

为了进一步提高清晰度，我们又做了480×480的高清修边版本，再根据微信里的实际显示效果进行调整。

这里不能一味追求大尺寸。

文件太大，微信添加时可能不方便；尺寸太小，角色的眼睛、领巾、帽子以及文字又容易模糊。

最后我们保留的微信版本是：

画布尺寸：240×240

正方形构图

透明背景

循环播放

角色居中

文字尽量简短

单个文件控制在较小体积

动作节奏保持在大约1—2秒

我们一度加上了“出海指南”角标，最后又删掉了

为了增强品牌辨识度，我们曾经在表情左上角加了一个橙色的“出海指南”角标。

帽子上有品牌图形，领巾上有品牌图形，左上角再出现“出海指南”文字，品牌信息确实更完整。

但真正放到微信聊天里之后，我们发现它有一点像广告。

表情包最重要的是自然。

如果品牌信息太重，用户会觉得自己不是在发表情，而是在帮品牌发广告。

所以最后我们把“出海指南”文字角标去掉了，只保留：

指南鲸的卡通形象

白色水手帽

橙色领巾

蓝橙品牌配色

帽子和领巾上的小型品牌图形

这样既有品牌辨识度，又不会影响日常使用。

这也是我做完这套表情包之后比较明显的一个感受：

品牌表情包不是把Logo贴得越大越好，而是让角色本身成为品牌。
当大家看到这只戴着水手帽、系着橙色领巾的小鲸鱼，就能想到出海指南，这才是更自然的品牌传播。

9个表情完成后，我们又做了一张动态九宫格

单个GIF适合在聊天里使用。

但如果想发朋友圈，逐个上传并不方便。

所以我们又把9个动态表情放在同一个画面里，制作成了一张3×3的动态九宫格。

9个表情会在同一张图里一起播放：

收到
冲冲冲
哈哈哈
谢谢
加油
思考中
合作愉快
出发
太棒了

制作九宫格时，也遇到了一个小问题。

因为每个单独的GIF已经带有文字，如果在九宫格里再额外加一次标题，就会出现两排重复文字。

所以最终版本里，我们只保留原表情自带的文字，不再增加第二层标签。

动态九宫格最终使用：

720×720正方形画布

3×3排列

浅暖色背景

每个表情独立循环

9个动作同步播放

适合朋友圈直接展示

整套表情包的完整制作流程

如果把整个过程压缩成一套可以重复使用的方法，大致可以分成下面10步。

第一步：确定吉祥物的角色设定

至少要明确：

正面、侧面和背面

角色比例

服装和配饰

品牌颜色

性格关键词

不能改变的标志性元素

第二步：选择高频聊天场景

不要一开始就做几十个。

先从“收到、谢谢、加油、哈哈哈”这类高频表达开始。

第三步：把每个动作拆成连续帧

一个动作建议拆成6—8帧。

重点不是帧数越多越好，而是动作起点、过程、高潮和回落都要完整。

第四步：生成统一角色的动作分镜

提示词里必须反复强调：

同一个角色

同一个脸型

同一个服装

同一个镜头

只改变动作

不改变身份

第五步：使用纯色背景

背景必须完全统一，不能有阴影、渐变和地面。

第六步：逐帧去除背景

去背景后要重点检查：

帽子边缘

耳朵或头发边缘

手臂和身体连接处

领巾末端

脚部

白色物体周围的杂边

第七步：添加表情文字

文字要做到：

字数少

字体粗

手机里缩小后依然清楚

与角色保持足够距离

在浅色和深色背景上都能看见

我们最终采用的是橙色文字配白色描边。

白色描边不是抠图残边，而是为了让文字在不同聊天背景下保持清晰。

第八步：合成循环GIF

动作的最后一帧最好能自然回到第一帧。

否则循环播放时会明显跳一下。

第九步：重新编码微信透明格式

这一步非常关键。

如果透明颜色索引设置不正确，导入微信以后就可能出现黑色方块。

第十步：在真实微信环境中测试

至少检查：

白色聊天背景

深色聊天背景

发送后的清晰度

动作速度

文件体积

是否出现黑框

是否出现白边

文字是否清楚

添加到自定义表情后是否正常循环

这套方法还可以继续用在哪里？

表情包只是指南鲸的第一个应用。

角色稳定以后，后面还可以继续做：

出海指南活动海报

公众号文章配图

小红书贴纸

视频号片头动画

社群欢迎语

嘉宾介绍卡

课程PPT

品牌周边

帆布袋

马克杯

公仔

钥匙扣

桌面摆件

出海主题盲盒

还可以围绕出海指南的业务内容，继续开发更垂直的表情。

比如：

AI自动化：指南鲸操作机器人，“自动搞定”

网红营销：指南鲸拿着扩音器，“安排合作”

联盟营销：指南鲸连接两个链条，“合作愉快”

SEO：指南鲸拿着放大镜，“排名起飞”

欧洲PR：指南鲸拿着媒体报纸，“成功上线”

品牌出海：指南鲸乘着帆船，“扬帆出海”

数据增长：指南鲸看着上涨曲线，“数据不错”

IMC整合营销：多个渠道连接起来，“全链路打通”

这样，表情包就不只是日常聊天工具，也能慢慢沉淀成出海指南自己的内容体系。

写在最后

这套表情包从想法到真正能在微信里使用，并不是一次生成就完成了。

中间经历了角色不统一、边缘不够清晰、GIF透明背景变黑、文字重复、尺寸不合适、品牌信息太重等问题。

但也正是这些不断修改的过程，让我越来越清楚：

AI确实可以帮助我们快速完成很多过去需要设计师、动画师和后期人员一起完成的工作。

但AI并不等于按一下按钮就结束了。

真正决定最后效果的，还是你能不能把一个模糊的想法，拆成清楚的角色设定、动作设计、技术要求和使用场景，再一点一点把问题修正掉。

这次，我们给出海指南做了一只会动的“指南鲸”。

以后它会出现在更多出海指南的活动、内容和社群里。

出海路上，指南鲸与你同行。

除了指南鲸鱼的动图,我还生成了出海指南这次活动帮忙的小伙伴的的几组武侠风格的图片，快去看看能不能看出来是谁

出海指南

扫一扫打开手机网站

微信扫一扫关注我们

作者: 出海指南

发表回复取消回复

作者: 出海指南

黑五消费者越来越“抠”，品牌如何让人“甘愿掏钱”？

已是最早文章

为您推荐

发表回复 取消回复

发表回复取消回复