Skip to content

表情符号、GIF 与贴纸 ​

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

快速概览 ​

  1. 在图标栏中打开 Items 选项卡(Alt+5)。
  2. 从分类行中选择 Emoji、GIFs、Lottie 或 Stickers。
  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. 打开 Items(Alt+5)并选择 GIFs。
  2. 浏览热门滑动条,或者输入搜索词;结果会以瀑布流网格加载,滚动到接近底部时会自动加载更多。
  3. 点击一条结果。它会被解码并居中放置在画布上,并且已经开始播放。
  4. 像操作其他对象一样调整它的大小或位置;动画会在新尺寸下继续播放。

插入表情符号并为它改色 ​

  1. 打开 Items(Alt+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. 打开 Items(Alt+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 密钥