# Canva Magic Animate 动画教程：把标题、示意图和按钮排出阅读顺序

让标题、示意图、行动按钮按阅读次序出现，留足最后一屏的停留时间。

## 练习边界

本包没有调用收费平台或登录账号。官方图片仅作署名的教学功能示例；作者原生文件、合成声音和imagegen参考均按身份标明，不是目标平台实测结果。

## 七步操作

1. **建立三层页面**

   在Canva创建16:9页面，分别添加标题、主题示意图和行动按钮，命名三组。练习包提供可编辑SVG原稿和作者关键帧参考。

2. **设置整页时长**

   先把页面时长设为6秒，并预留最后约2秒完整阅读。时长应由文字量决定，不能只追求动画快。

3. **尝试Magic Animate**

   在Animate中找到当前账号可用的Magic Animate，先生成整页动画方案。记录所选风格，再看元素是否同时抢入。

4. **调标题的进入**

   先选择标题，使用元素动画和时间控制让它最早出现。若Magic Animate生成的组合无法逐项控制，改用元素动画实现同样阅读顺序。

5. **安排图与按钮**

   让示意图在标题之后出现，按钮最后出现。不要让按钮持续移动；它出现后应保持稳定，便于读者识别行动。

6. **逐时刻检查**

   在约1秒、3秒、5秒暂停，看标题、示意图、按钮能否依次读到。页面关键帧是作者原生参考，不是Canva导出。

7. **导出并回看**

   导出MP4后从头播放，确认最后完整画面有足够停留。保留设计链接和静态PNG作为不播放动画时的替代。

## 文件

- README.md
- asset-identity.json
- frame-1.png
- frame-3.png
- frame-5.png
- gsap.min.js
- index.html
- operation-plan.json
- three-layers.svg

## 配图身份

- frame-1.png：作者HyperFrames真实1秒关键帧参考，未执行Canva。
- frame-3.png：作者HyperFrames真实3秒关键帧参考，未执行Canva。
- frame-5.png：作者HyperFrames真实5秒关键帧参考，未执行Canva。

## 官方来源

- [Apply, change, or remove animations](https://www.canva.com/help/animate-designs/)