PC TOOLS

EP10. “动画图形制作”

首页 PC 工具 Graphic Design · Canva · EP10
约 4 分钟· #EP10#Canva
🔒 登录后可标记已读

这篇笔记讲怎么给文字和元素加动画效果——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:

  1. Full Canva Tutorial 2026 — Natalia — https://www.youtube.com/watch?v=Ryv4Q1qmxHs