EP10. “动画图形制作”
🔒 登录后可标记已读这篇笔记讲怎么给文字和元素加动画效果——Animate 面板里的各种动画风格、贴纸类素材自带的动画、自定义动画路径,以及预览和下载动态设计时要注意的格式问题。 前置知识:先看过 EP01-EP08,熟悉文字和图形元素的基本操作。
重点内容
打开 Animate 面板
选中文字框或任意元素,顶部工具栏能找到 Animate 选项,点开后能看到一系列动画风格可选。
[截图:Animate 面板,显示 Typewriter/Block/Clarify/Bounce 等动画风格缩览图]
常见动画风格
| 风格 | 效果说明 |
|---|---|
| Typewriter(打字机) | 文字像打字一样逐字出现 |
| Block(方块) | 用方块状的转场带出文字 |
| Clarify(渐显聚焦) | 从模糊逐渐变清晰 |
| Merge(合并) | 多个元素汇聚成一体的效果 |
| Bounce(弹跳) | 带弹性的跳动进场 |
| General(通用) | 基础的淡入/移动类效果,适合大部分场景 |
额外叠加效果(add-on effects):套用主要动画风格后,还能再叠加像 flicker(闪烁)、pulse(脉动)、wiggle(摇摆) 这类持续性的小动作,让元素在静止时也有一点生命感。
贴纸类素材的自带动画
Elements 里有一部分贴纸(sticker)图形本身就自带循环播放的动画效果(比如跳动的图标、闪烁的星星),加进设计后不需要额外设置就会自动播放——适合快速给设计增添活力。
自定义动画路径
进阶玩法:可以自己手绘一条路径,让元素按照这条路径运动(比如让一个图标沿着画好的曲线从左移到右)——比套用现成动画风格更灵活,能做出跟设计内容更贴合的运动轨迹。
预览效果
设置好动画后,可以用 Present(播放) 或页面内的预览功能查看实际动态效果,确认节奏和效果是否符合预期。
⚠️ 下载格式提醒
📌 静态图片格式(PNG/JPEG)不会保留动画效果——如果设计里加了动画,下载时必须选择 MP4(视频) 格式才能保留动态效果;用错格式下载出来会发现动画完全消失,只剩一张静态图。
[截图:下载格式选择面板,标出 MP4(视频)选项相对 PNG/JPEG 的位置]
常见错误
- ❌ 给设计加了动画,下载时选了 PNG/JPEG,结果发现动画没了——动画效果只有下载成 MP4 才会保留,静态图格式不支持
- ❌ 每个元素都套用夸张的动画风格,让整体设计显得杂乱——多数场景用 General 或单一风格的小动作(配合 flicker/pulse/wiggle 这类微调效果)会更耐看
- ❌ 想做特殊运动轨迹却只在现成动画风格里找——试试自定义动画路径手绘运动轨迹,比套用现成风格更灵活
- 💡 想快速给设计加点生气又不想自己设置动画,直接找 Elements 里自带动画效果的贴纸类素材,加进去就会自动播放
Sources
YouTube:
- Full Canva Tutorial 2026 — Natalia — https://www.youtube.com/watch?v=Ryv4Q1qmxHs