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

贴纸是在即时通讯应用中表达情感或娱乐的一种很好的方式。让我们学习如何使用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文件通常不会超过这一限制。如果有,你可以在导出时调整质量设置。

  • 视频必须没有音频流。 只需将音频选项设置为“无”即可。

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

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

如果觉得这些设置复杂,你可以使用我们的导出设置文件。只需下载导出设置并在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,并勾选填充以使输出与大小完全一致。

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

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

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

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

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

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

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

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

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

视频流程

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

总结

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

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

Subscribe to distracting-thoughts
Receive the latest updates directly to your inbox.
Mint this entry as an NFT to add it to your collection.
Verification
This entry has been permanently stored onchain and signed by its creator.