Skip to content

表情符号、GIF 与贴纸

Items 选项卡里内置了四个小型素材库,和形状库、My Shapes 并排放在一起。每个都是一个「搜索加插入」的网格:找到想要的内容,点一下,它就会作为一个普通对象居中落在画布上。

快速概览

  1. 在图标栏中打开 Items 选项卡(Alt+5)。
  2. 从分类行中选择 EmojiGIFsLottieStickers
  3. 浏览内置网格,或者用搜索框查找。
  4. 点击一条结果,把它添加到画布上。
  5. 像操作其他对象一样调整它的大小、改色(仅限表情符号)和位置。

详细参考

Emoji

一个静态图像库,素材来自 Twemoji,无需任何外部 API 密钥。

功能说明
分类Popular、Smileys & People、Animals & Nature、Food & Drink、Activities、Travel & Places、Objects、Symbols & Hearts
搜索一次性按表情符号名称跨所有分类过滤;搜索期间会隐藏分类浏览
插入插入的是静态图像对象,不是动态对象

GIFs

由 GIPHY 提供支持。需要你自己的 GIPHY API 密钥,在 AI 与 API 密钥 中设置;若缺少密钥,面板会显示一段提示。

功能说明
默认视图一个热门内容滑动条
搜索带防抖,可在结果网格中无限滚动
插入插入的是会在画布上播放的动态对象

Lottie

搜索结果来自 LottieFiles 的公开素材库,本身不需要 API 密钥。它和真正的矢量 Lottie 播放器不同,这个面板播放的是每个动画导出的 GIF 预览,而不是原始的 JSON 动画,因此它的插入行为和 GIFs 面板完全一致。

功能说明
来源LottieFiles 的公开搜索 API
搜索无限滚动的瀑布流网格,与 GIFs 的模式相同
插入插入的是 Lottie 文件的动态 GIF 预览,而非原生矢量动画

Stickers

同样由 GIPHY 提供支持,使用其专门的贴纸接口,返回的是透明背景的 GIF,而不是照片风格的结果。

功能说明
来源GIPHY 贴纸接口
搜索与 GIFs 相同的防抖搜索和无限滚动
插入插入的是透明背景的动态(或静态)贴纸对象

在它们之间切换

这四个素材库都是 Items 选项卡内部的下钻视图,紧挨着几何 Shapes 网格和 My Shapes 浏览器。每一个都有自己的 Back 按钮,点击后会回到 Items 的顶层视图,而不是关闭整个选项卡,因此你可以在各个分类之间来回切换而不会丢失当前位置。

动画在画布上究竟是怎么播放的

GIF、贴纸和 Lottie 预览并不是作为浏览器里实时播放的 <img> 动画嵌入的。当你点击一条结果时,编辑器会下载这个 GIF,在客户端逐帧解码,然后用一个轻量的渲染循环,在每一帧的延迟时间到达时把该对象的当前帧重绘到画布上。这个循环只在画布上至少存在一个动态对象时才运行;解码后的帧数据会保存在一个有容量上限的内存缓存里,因此在页面之间切换或撤销操作时,不必对已经放置的每个动态对象重新下载和重新解码。这也是为什么一个动态对象在你像操作普通对象那样缩放、旋转或重新设置样式之后仍会继续播放,因为它本质上就是一个附带了动画的普通画布对象。

分步操作

把一个动态 GIF 拖放到画布上

  1. 打开 ItemsAlt+5)并选择 GIFs
  2. 浏览热门滑动条,或者输入搜索词;结果会以瀑布流网格加载,滚动到接近底部时会自动加载更多。
  3. 点击一条结果。它会被解码并居中放置在画布上,并且已经开始播放。
  4. 像操作其他对象一样调整它的大小或位置;动画会在新尺寸下继续播放。

插入表情符号并为它改色

  1. 打开 ItemsAlt+5)并选择 Emoji
  2. 选择一个分类标签,或者输入搜索词一次性搜索所有分类。
  3. 点击一个表情符号,把它作为一个小的矢量对象添加到画布上。
  4. 选中它,在属性面板中修改填充颜色;由于它是真正的矢量形状(而非位图图像),改色会干净利落地生效。

一次性配置好 GIFs 和 Stickers 共用的 GIPHY 密钥

  1. 打开 Settings,再进入 AI Settings,滚动到 Stock Media API Keys
  2. 粘贴一个 GIPHY 密钥并保存。
  3. 重新打开 Items,此时 GIFs 和 Stickers 两个选项卡都会显示结果,而不再是「add your GIPHY key」的提示,因为它们读取的是同一个已保存的密钥。

浏览 Lottie 动画

  1. 打开 ItemsAlt+5)并选择 Lottie
  2. 搜索或滚动浏览精选网格;预览来自 LottieFiles 的公开素材库,无需 API 密钥。
  3. 点击一条结果把它添加进来。在底层,这一步复用了 GIF 的处理流程(即 LottieFiles 自己导出的动画 GIF 预览),因此它一旦落在画布上,行为就和 GIF 完全一样,包括下文提到的改色限制。

常见操作

任务步骤
从任意下钻视图返回分类列表点击面板的 Back 按钮,或者重新打开 Items 选项卡
查找特定贴纸而不是照片风格的 GIF使用 Stickers 选项卡而非 GIFs,因为它查询的是 GIPHY 专门的贴纸接口
无需重新输入搜索词继续浏览向下滚动;GIFs、Stickers 和 Lottie 都会在接近网格底部时自动加载更多结果
完全跳过 API 配置只用 Emoji 和 Lottie,这两个都不需要密钥

疑难解答

缺少 GIPHY 密钥时显示的是提示,而不是报错

在未设置密钥时,GIFs 和 Stickers 的滑动条及其完整网格都会显示「Add your GIPHY API key in Settings > API Keys」,而不是无声地失败。参见 AI 与 API 密钥

只有表情符号可以改色

表情符号是简单的矢量形状,可以在属性面板中重新设置样式。而 GIF、Lottie 预览和贴纸都是解码后的帧图像,因此想换颜色的唯一办法就是搜索另一条结果。

Lottie 播放的是 GIF 导出版,而不是原始矢量动画

Lottie 选项卡显示的是每个动画导出的 GIF 预览,而不是原生的 JSON/矢量格式,因此非常精细或高帧率的 Lottie 文件在画布上看起来可能会比在 LottieFiles 自家播放器里稍微模糊一些。

键盘快捷键

快捷键操作
Alt+5打开 Items 选项卡,Emoji、GIFs、Lottie 和 Stickers 都在这里

小贴士

一次性设好你的 GIPHY 密钥

GIFs 和 Stickers 读取的是同一个 GIPHY 密钥。Emoji 和 Lottie 完全不需要密钥,所以如果你只用这两个,就可以彻底跳过 API 配置。

表情符号能改色,动态内容不能

表情符号是简单的矢量形状,可以在属性面板中重新设置样式。而 GIF、Lottie 预览和贴纸都是已烘焙好的图像,所以想改色只能通过搜索另一条结果来实现。

相关内容

  • 形状,了解与 Items 选项卡共用的几何形状库
  • My shapes,了解如何保存你自己的可复用对象
  • 图标,了解可替代表情符号的矢量图标库
  • AI 与 API 密钥,了解如何设置 GIPHY 密钥