如何创建自己的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文件通常不会超过这一限制。如果有,你可以在导出时调整质量设置。
- 视频必须没有音频流。 只需将音频选项设置为“无”即可。
将所有这些要求应用于我们的导出设置如下所示:
在本例中,通过使用“每个动画一个文件”输出类型为每个动画创建一个单独的文件。这样,所有动画都可以一次导出。我们还添加了一些抗锯齿并设置了透明背景,这样设置只是推荐,但不是强制的。
如果觉得这些设置复杂,你可以使用我们的导出设置文件。只需下载导出设置并在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论坛,告诉我们你对这些技术有何想法,也可以在遇到问题时在论坛提问。