表情符号、GIF 与贴纸
Items 选项卡里内置了四个小型素材库,和形状库、My Shapes 并排放在一起。每个都是一个「搜索加插入」的网格:找到想要的内容,点一下,它就会作为一个普通对象居中落在画布上。
快速概览
- 在图标栏中打开 Items 选项卡(
Alt+5)。 - 从分类行中选择 Emoji、GIFs、Lottie 或 Stickers。
- 浏览内置网格,或者用搜索框查找。
- 点击一条结果,把它添加到画布上。
- 像操作其他对象一样调整它的大小、改色(仅限表情符号)和位置。
详细参考
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 拖放到画布上
- 打开 Items(
Alt+5)并选择 GIFs。 - 浏览热门滑动条,或者输入搜索词;结果会以瀑布流网格加载,滚动到接近底部时会自动加载更多。
- 点击一条结果。它会被解码并居中放置在画布上,并且已经开始播放。
- 像操作其他对象一样调整它的大小或位置;动画会在新尺寸下继续播放。
插入表情符号并为它改色
- 打开 Items(
Alt+5)并选择 Emoji。 - 选择一个分类标签,或者输入搜索词一次性搜索所有分类。
- 点击一个表情符号,把它作为一个小的矢量对象添加到画布上。
- 选中它,在属性面板中修改填充颜色;由于它是真正的矢量形状(而非位图图像),改色会干净利落地生效。
一次性配置好 GIFs 和 Stickers 共用的 GIPHY 密钥
- 打开 Settings,再进入 AI Settings,滚动到 Stock Media API Keys。
- 粘贴一个 GIPHY 密钥并保存。
- 重新打开 Items,此时 GIFs 和 Stickers 两个选项卡都会显示结果,而不再是「add your GIPHY key」的提示,因为它们读取的是同一个已保存的密钥。
浏览 Lottie 动画
- 打开 Items(
Alt+5)并选择 Lottie。 - 搜索或滚动浏览精选网格;预览来自 LottieFiles 的公开素材库,无需 API 密钥。
- 点击一条结果把它添加进来。在底层,这一步复用了 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 密钥