如何导出格式为.TGS的 Telegram 贴纸？

一、背景

目前我们接触到的大部分动态表情包基本都是.Gif格式，在Telegram上创作动态贴纸我也是第一次接触，遇到了一些难题，如：尺寸不一致、格式不支持、贴纸动画时长过长不支持，以及导入.Gif动画应用在Telegram上会出现黑屏，闪屏等问题。我也是调研了很多网站，总结出一套比较详细的教程，和大家一起共享，如果有补充或者不清楚的朋友们，欢迎评论区补充，一起学习。

二、如何导出.TGS的 telegram 使用贴纸

1）、电报贴纸的基础规范：

必须使用 512×512 像素的画布/贴纸尺寸，且对象不能离开画布；

动画长度不超过三秒，它必须是循环的，文件不能超过 64KB。

在贴纸包中，所有贴纸都需要具有相同的 FPS (30 – 60)，我一般都选择60。

有一些 Adobe After Effects（星形、实体、时间拉伸等）不能使用（这里后面会详细说明）。

2）如何利用AE导出.TGS格式文件

可以将矢量对象导出到 Adobe After Effects 的矢量图形编辑器。

在 AE上安装 “Bodymovin-TG” 插件， 用于导出.tgs动画， TGS是Telegram特定的动画贴纸格式。

Bodymovin-TG 插件安装地址：https://github.com/TelegramMessenger/bodymovin-extension

如果您的After Effects 处于打开状态，请将其关闭，安装 ZXP 安装程序，下载最新版bodymovin-tg (bodymovin-tg.zxp)。

打开 ZXP Installer 并将 bodymovin-tg 扩展拖入 ZXP Installer 窗口打开后效果。

Windows：转到编辑 > 首选项 > 脚本和表达式 > 并选中“允许脚本写入文件和访问网络”

Mac：转到 Adobe After Effects > 首选项 > 脚本和表达式 > 并选中“允许脚本写入文件和访问网络”

在菜单 “窗口” > “扩展” 下，您应该会看到 Bodymovin for Telegram Stickers，如下👇：

有了“Bodymovin for Telegram Stickers”这个AE插件，就可以导出.TGS的图了。

3）注意事项

A. 所有动画必须以每秒 60 帧的速度运行；

B. 图稿制作动画时，不得使用以下 Adobe After Effects 功能：自动贝塞尔曲线键、表达式、蒙版、图层效果、图像、实体、文本、3D 图层、合并路径、星形、渐变描边、重复器、时间拉伸、 时间重映射，自动定向图层。

注：这里不可以使用AE自带的文字功能，您可以用AI软件把文字“轮廓化”之后再导入AE中使用即可。

4）电报贴纸支持3种格式

格式分别为：动画、视频贴纸和表情符号、图片表情包。

a. 上传动画

文件准备就绪后，将 /newanimated 命令发送到 @Stickers 机器人 ， 然后将 .TGS 文件发送给它；

要上传表情符号，请将 /newemojipack 发送到@Stickers， .TGS 贴纸和表情符号的要求完全相同；

您的集合需要一个图标， 集合的图标必须为 100x100 像素，循环动画不超过 3 秒。

b. 视频贴纸和表情符号

贴纸和表情符号也可以使用 .WEBM 构建——一种与许多图形编辑器兼容的开源格式，可以创建高细节图像。 需要 Telegram 8.5 或更高版本。

c. 图片表情包

直接用 .PNG 或 .WEBP格式即可。

注：AE的文件中不能包含任何图层效果、图像、实体、文本、合并路径、星形、渐变描边等元素，否则在AE中用“bodymovin-tg”插件，不能完整的导出.tgs格式动态贴纸。

5）利用@stickers 上传电报贴纸的说明

对于上述第4点 进行 补充说明。

“上传表情符号，请将 /newemojipack 发送到@Stickers”，这可以操作成功，图片尺寸要求：100*100px。 但是，由于电报对于表情包大部分都是要收费的，所以，即使您已经上传了自制表情包，但仍然会收费才能使用，比较让人费解的操作。如下图👇

那么，怎么解决这个问题呢？

上传表情符号，不管静态的还是动态的，改变指令即可免费使用自制贴纸，即：将/newpack发送到@Stickers

用这个指令，发出的表情包，图片尺寸要求 512*512px，静态图格式：.png/.Webp ; 动态图格式：.tgs 。

三、其他

既然已经用AE做了动态表情包，除了用插件导出满足Telegram的 .tgs格式，我们也可以导出.mov格式，以便转化为.Gif格式，2种方式最便捷👇

1）在PS中，“导入——视频帧导入”， “输出web所用格式”， 预设：GIFG 128 无仿色，导出即可得到.gif图；

2) 如果觉得PS导入“.MOV”格式太麻烦，可以用在线换转，网址：https://ezgif.com/video-to-gif/ezgif-1-82203b6b7f.mov。

写在最后：设计路漫漫，循环往复，终而复始。愿大家一起进步。