如何创建自己的Telegram和Discord贴纸

April 4th, 2022

贴纸是在即时通讯应用中表达情感或娱乐的一种很好的方式。让我们学习如何使用Spine来创建你自己的Telegram和Discord定制贴纸/表情符号!

项目

我们为这篇博文创建了一个特殊版本的Spineboy:Chibi Spineboy!可以在此处下载这些文件供学习使用。该项目可方便你轻松创建你自己的贴纸,或者你也可以创建你自己的骨架和动画。

像Telegram或Discord这样的平台通常需要用到贴纸来满足一些要求。一般来说,动画贴纸应该是简短的循环动画。这里我们提供的示例项目有一个简单的骨架,与原始的Spineboy项目相比,身体部位更少,但眼睛、嘴巴和表情符号的选择非常丰富。还有Spine团队成员也乐此不彼地制作了许多可选皮肤。装配与前两个头盔视频中的装配很相似。

为Chibi Spineboy制作动画时我们遵循了一个简单的工作流程。先将这个角色摆成一个静止的表情符号。接着添加了一些小循环动作。这种方法可快速添加新动画,确保项目的范围符合极简主义美学贴纸要求。

更复杂的动画也很棒!只需注意,移动的次数越多,时间越长,导出文件的最终大小可能就会越大。

可以在这个Twitch视频中观看Chibi Spineboy的整个动画过程。

为Telegram导出

我们来看看Telegram的视频贴纸要求,再看看在Spine中如何进行相应设置。

  • 视频必须是用VP9编解码器编码的WEBM格式。 只需在Spine 4.1及更高版本中选择新的WEBM导出即可创建兼容的文件,因此我们不必担心编解码器!
  • 贴纸的一面尺寸必须正好是512像素,另一面可以是512像素或更小。 这可以在Spine中设置,选择适合而不是缩放,然后在适合旁边的两个框中都添加512
  • 视频时长不能超过3秒。 如果你的时间轴设置为30 FPS(默认),则等于90帧。
  • 帧速率最高可达30 FPS。 以30 FPS的速度导出可产生最流畅的效果。如果你发现你的文件变得太大,你可以稍微降低FPS,但很少需要这样做。
  • 视频应该循环以获得最佳用户体验。 在我们的应用中,这意味着第一帧和最后一帧应该一样。
  • 视频大小不超过256KB。 所需大小的WEBM文件通常不会超过这一限制。如果有,你可以在导出时调整质量设置。
  • 视频必须没有音频流。 只需将音频选项设置为“无”即可。

将所有这些要求应用于我们的导出设置如下所示:

telegram导出设置

在本例中,通过使用“每个动画一个文件”输出类型为每个动画创建一个单独的文件。这样,所有动画都可以一次导出。我们还添加了一些抗锯齿并设置了透明背景,这样设置只是推荐,但不是强制的。

如果觉得这些设置复杂,你可以使用我们的导出设置文件。只需下载导出设置并在Spine中加载它。

剩下的就是设置一个输出文件夹,然后单击导出!导出后,我们最终得到每个动画一个WEBM文件,从中我们可以创建一个Telegram贴纸集。

创建Telegram贴纸集

Telegram建议通过Telegram桌面版应用程序创建你的贴纸集。

首先,和@Stickers机器人开始聊天,在聊天中输入命令/newvideo

贴纸机器人信息

机器人会要求你给此贴纸集指定一个名称,所以回复你想要的名称。

贴纸机器人开始聊天

接下来,是实际添加每个贴纸的时候了!必须为每个单独的贴纸执行一次此操作。

在你的电脑上找到贴纸的WEBM文件,并将其发送给机器人。你也可以使用拖放。

指定一个或多个表情符号来表示贴纸。你选择的第一个将显示在聊天预览中。

发送贴纸

对剩余的WEBM文件重复该过程。

一旦你添加了所有的贴纸,就可以通过向机器人发送/publish命令来发布它们。系统会询问你是否要为贴纸集指定图标,你可以通过/skip命令跳过该图标。最后,机器人将要求你为贴纸集提供一个短名称,然后会提供贴纸集的链接,你可以使用该链接来安装贴纸。

发布贴纸集

你可以按照此链接安装该Spineboy贴纸集。

贴纸集预览

为Discord导出

我们也来看看Discord的贴纸要求:

  • 动画文件类型:APNG APNG是一种动画PNG,Spine可以直接导出为这种格式。
  • 最大文件大小:500KB 这个大小是严格的,但通常启用减少颜色,然后降低颜色数量创建明显更小的APNG就够了。如果这还不够,也可以降低FPS。
  • 尺寸:320px x 320px(精确) 这可以在Spine中设置,方法是选择适合而不是缩放,将适合设置的宽度和高度字段设置为320,并勾选填充以使输出与大小完全一致。

discord导出设置

就像在Telegram示例中一样,我们为每个动画导出一个文件并设置透明背景。

你可以下载我们的导出设置加载它们以用于你的Spine项目。

将贴纸添加到你的Discord服务器

要将贴纸添加到Discord服务器有两个要求:你的Discord角色必须有编辑表情符号和贴纸的权限;向其添加贴纸的Discord需要至少有一个boost。可以在这篇关于添加和管理贴纸的Discord文章中了解更多信息。

要将贴纸添加到你的Discord服务器,前往服务器设置:

Discord服务器设置

然后从服务器菜单中选择贴纸:

Discord贴纸设置

你将看到贴纸要求的概述,以及你是否可以添加贴纸。如果没有贴纸,下方区域的加号按钮可让你添加一些贴纸。

Discord贴纸概述

上传每一个APNG,指定一个表情符号并描述它。如果你使用一些简单的单词,则在输入这些单词时会提示相关贴纸。最后,保存你的更改。

单个贴纸

完成后,服务器中的每个人都将能使用自定义贴纸!

设置Discord中预览

视频流程

如果你是一名视觉学习者,我们也提供了视频教程!Erika在Twitch上介绍了这些技术。可在此处查看完整流视频或摘要版本:

总结

贴纸真是其乐无穷!你有试过这个工作流程了吗?让我们知道你创作了什么!我们喜欢看你的作品,所以记得在社交媒体上用#madewithspine来标记它们。

请访问Spine论坛,告诉我们你对这些技术有何想法,也可以在遇到问题时在论坛提问。

在Unity中使用时间轴扩展合并多个动画

March 30th, 2022

Unity的时间轴可以用于在Unity中组合多个Spine动画,而无需编写一行代码。我们的新的视频教程展示了如何开始使用时间轴,以及如何将结果导出为视频、PNG序列或GIF动画。

你觉得这个视频有用吗?请在Spine forum上加入本帖的讨论!