球体贴图：CC Sphere
内置效果01准备贴图优先使用 2:1 比例的横向贴图。
02添加球体Effects & Presets 搜索 CC Sphere。
03制作自转调整 Radius，给 Rotation Y 打关键帧。
先预合成并留出画布边缘；贴图接缝与高光位置要在深浅背景都检查一次。
Motion Component Library · AE / AI Toolkit
动效组件库
集中查询 AE 快捷键、表达式与工具，也收录 Figma / AI 协作、导出格式和动效提示词。
43AE 常用快捷键
18AE 表达式速查
33AE 工具动画演示
7常用导出格式速查
动效制作与协作工作台
把 AE 制作、工具查询、导出交付和协作资料放在同一个入口，帮助设计师更快完成动效工作。
这个网址是什么
这是一个面向设计师和动效协作的内部资料库，集中整理 AE 工具、制作方法、导出规范、Figma Motion、AI 提示和协作参考。它帮助你减少重复查找与试错，把时间留给设计和动画本身。
如何使用
- 按当前任务进入模块，或直接搜索工具、效果、格式和关键词。
- 制作时先看工具的主要用途与安装 / 添加；需要更多信息再展开卡片。
- 交付前进入导出与压缩，按播放端、透明需求和体积限制选择方案。
AE 常用快捷键速查
键位符号：Command ⌘ · Option ⌥ · Control ⌃。
没有找到匹配的快捷键。换个关键词试试。
常用 AE 表达式与用途
复制后按 Option 点击属性秒表粘贴；点“查看调节方法”了解参数和适用属性。
1. 展开属性选中图层，按 P/S/R/T 打开位置、缩放、旋转、透明度。
2. 打开表达式按住 Option 点击属性左侧秒表。
3. 复制粘贴复制卡片代码，粘贴到表达式输入框。
4. 展开怎么调按说明改高亮数字，再空格预览。
表达式参数实验台
先看运动，再把调好的代码复制进 AE。
Ae
00:00:00:00
Position
2次/秒
50px
频率控制每秒抖动次数，幅度控制离开原位置的最大距离。
没有找到匹配的表达式。换个关键词试试。
AE 工具库
3D 盒体：Create3DBox
3D / 贴图01准备六面素材六张图尺寸一致，命名清楚。
02运行脚本File › Scripts › Run Script File。
03统一动画选父级，给 Rotation Y 打关键帧。
完成后先在四周留白的合成中预览，避免旋转时边缘被裁切。
翻页：CC Page Turn
内置效果01准备正反面两张图尺寸一致，分别预合成。
02添加效果Effects & Presets 搜索 CC Page Turn。
03动画折角给 Fold Position 从角落移动到画外。
检查 Back Page、光照方向与边缘；翻到极限时需要扩大预合成边界。
表达式控制：预设滑块
控制器01新建 NullLayer › New › Null Object。
02添加滑块Effect › Expression Controls › Slider Control。
03连接属性Option 点秒表，用拾取鞭连接 Slider。
把 Slider 改成 Speed、Amount 等语义名称；交付前用 EE 检查表达式是否报错。
能量描边：Saber
免费插件01新建 SolidLayer › New › Solid，放在目标上方。
02选择核心Effect › Video Copilot › Saber，Core Type 选文字或 Mask。
03导出透明Render Settings 选 Transparent，再动画 End Offset。
先短段预览发光边缘；复杂路径建议预合成，以免遮罩与文字层相互干扰。
扫光：CC Light Sweep
内置效果01选中图层文字、Logo 或产品图先预合成。
02添加扫光Effects & Presets 搜索 CC Light Sweep。
03移动光束给 Center 打两帧，调 Width 与 Intensity。
扫光只作为短暂强调；强度过高或停留太久会影响文字和 Logo 的可读性。
没有找到匹配的工具。换个关键词试试。
动效导出与压缩
按交付端选择格式，导出后在目标端验收。
没有找到匹配的导出格式。换个关键词试试。
导出自检
检查范围、透明、画质与目标端播放。
视觉动效协作规范
制作前先锁定交付规格，完成后到目标端验收。格式、体积和版本都要留记录。
视觉动效工作流程
Workflow用户调研结论
以下结论用于帮助确定动效策略，不替代具体项目的用户测试。
用户喜欢动效配音效吗？
68%用户喜欢动效配音效，认为它能增强仪式感和沉浸感，是有效的体验加分项。
将音效作为可选体验层，避免影响静音场景和核心操作。动效设计优先保证什么？
67%用户偏好简洁动效和快速加载，速度优先于氛围感。
减少氛围动画，优先轻量方案，并按播放端选择 Lottie、SVGA 等格式。什么类型的动效最受欢迎？
故事感有剧情或故事感的动效更容易获得偏好与记忆点。
浓缩为 1–2 秒的微型叙事，兼顾情感偏好与操作效率。视觉动效协作 FAQ
集中处理需求、反馈、版本、素材和色彩交付中的常见问题。
Figma Motion 与 AE 怎么选
UI 微交互和组件状态优先在 Figma Motion 中验证；复杂合成、影视特效和精细节奏交给 After Effects。
Figma Motion
UI 微交互优先适合在设计稿旁验证按钮、卡片、弹层、Tab 和图标等微交互，重点是保持组件状态、版式和评审上下文一致。
优点
- 设计与动效更接近：动效在设计稿附近完成，样式和位置更容易保持一致。
- 上手门槛低：操作逻辑接近 Figma，设计师更容易参与调整。
- 前端沟通直接：原型链接、录屏和参数说明便于评审；部分插件还能导出 Lottie 或代码。
- 适合组件评审：交互状态、标注和设计改动可以在同一文件中维护。
缺点
- 复杂动效受限：更适合位移、缩放、旋转、透明度等基础属性；粒子、三维场景、多层合成和影视包装仍需专业动效工具。
- 视频处理受限：复杂视频、透明视频、序列和多格式压缩仍建议交给 AE 或专业转码工具。
After Effects
专业视觉动效专用适合品牌宣传、运营视觉、复杂动画、粒子光效、视频合成和长视频包装，可对时间、合成与输出做细致控制。
优点
- 合成能力完整：可处理粒子、破碎、光效、抠像、跟踪、三维图层和多层视频。
- 关键帧控制精细：支持速度曲线、运动路径、锚点和父子级链路的精细调节。
- 高阶能力完整：支持表达式、脚本、3D 摄像机、复杂预合成和批量动画制作。
- 工程组织更完整：预合成、代理、渲染队列和素材收集适合复杂项目交付。
- 扩展资源成熟：插件、预设和教程较多，但工程交接需要记录版本与依赖。
缺点
- 学习成本高：上手周期长，需要专门学习时间轴、合成、表达式和导出流程。
- 与设计稿容易割裂：无法直接感知 Figma 的组件、自动布局和颜色变量，设计改动需要手动同步到 AE。
- 前端落地需转换：很多 AE 特效无法直接转成 Lottie，通常要改用视频、序列、PAG 或重新实现。
- 配置要求高：对电脑硬件有要求，不适合多人实时协同编辑。
总结对比
如果交付对象是开发和组件库，看落地成本；如果交付对象是视觉传播，看表现上限。
| 对比维度 | FFigma Motion | AEAfter Effects |
|---|---|---|
| 适用场景 | UI 微交互、组件动效 | 品牌视觉、特效合成、复杂动画 |
| 学习门槛 | 较低，熟悉 Figma 的设计师可快速验证 | 较高，需要学习时间轴、合成、表达式和导出 |
| 交付方式 | 原型链接、录屏或插件导出文件，需与开发确认 | 视频、序列、Lottie 或 PAG，按播放端选择 |
| 与设计稿联动 | 天然同步，适合组件化维护 | 需要手动维护，设计改动容易脱节 |
| 复杂动效能力 | 弱，适合基础属性变化 | 强，适合粒子、光效、3D、合成和长视频 |
推荐用 Figma Motion 的情况
按钮反馈、Tab 切换、弹窗入场、卡片展开、Loading、图标微动效、组件库交互标准化、需要 Lottie / CSS 交付给前端的场景。
推荐用 AE 的情况
品牌片头、运营主视觉、复杂光效、粒子爆点、3D 镜头、视频合成、长视频包装、需要插件或表达式控制的复杂动效。
Figma Motion tips
Tips桌面端新版 Figma（126.4.0 及以上）可直接导出动画；旧版 Figma 无法导出动画时，可临时使用浏览器打开 Figma 文件后再导出。
导出前先确认交付对象：演示可用原型录屏或新版 Figma 动画导出；网页与 App 动效需和开发确认 Lottie、CSS 或实现方式；需要透明母版、视频合成或复杂特效时，再转到 AE 制作。
实际协作时可以把两者串起来：日常交互留在 Figma 工作流，品牌宣传或复杂特效交给 AE。这样既能保证组件库落地效率，也能保留视觉表现上限。
资源与安装
按安装、灵感与素材分类，保留必要步骤、兼容提醒和官方入口。
AI 平台网站
收录图像、视频与视觉创作平台入口；功能与额度以各平台当前说明为准。
没有找到匹配的平台。换个关键词试试。
AI 动效关键词生成公式
按主体、运动、镜头、光影和限制条件组合，每张卡都可直接复制。
没有找到匹配的公式模板。换个关键词试试。
关键词组件库
点击单个词条复制，再按需要组合进公式模板。
没有找到匹配的关键词组件。换个关键词试试。