AE 2025 弹跳小球(MG)教程 · 零基础版

源片:BV1WK421C7rE《简单MG动画弹跳的球体制作方法》(后期狮Lion,4:43)
本教程:AE 2025(25.x)中文版,1920×1080,25fps,6 秒。


0 开始之前

0.1 界面认六块

打开 AE,新建合成后,界面固定是这六块:

位置 名字 干什么
左上 项目面板 存放合成,双击合成能打开
中上 合成窗口 画布,看到成品画面
右上 属性 / 效果控件 改参数(2025 默认显示"属性"标签)
下方 时间轴 图层列表 + 关键帧,所有动画在这做
时间轴左侧竖条 工具栏 选择、锚点、形状、钢笔都在这里
时间轴上方 图表编辑器开关、时间码 调曲线、跳帧

面板丢了:窗口 菜单里勾回来。界面被拖乱了:窗口 → 工作区 → 重置为已保存的布局。

0.2 八个词

词 意思
合成 一个独立的"视频文件",有尺寸、帧率、时长
图层 合成里的一层,像透明胶片叠在一起,时间轴上越靠上的越在前面
属性 图层可改的参数:位置、缩放、旋转、不透明度……
关键帧 在某个时间点记下一个数值。两个关键帧之间 AE 自动补动画
播放头 时间轴上那根蓝色竖线,拖它 = 换时间
时间码 0;00;03;12 = 时;分;秒;帧。25fps 下第 20 帧 = 0.8 秒
锚点 图层的"钉子",缩放旋转都绕着它。锚点在哪,哪就不动
表达式 用一行代码控制属性,本教程只在影子用两行

0.3 必须会的六个鼠标动作

  1. 选中图层:鼠标点时间轴里的图层名,那一行变亮。
  2. 改数值:鼠标单击数字 → 数字变输入框 → 打字 → 按 回车。
    也可以按住数字左右拖,数值会连续变化。
  3. 打开属性:选中图层后按字母键(P 位置、S 缩放、T 不透明度、A 锚点)。
  4. K 关键帧:点属性左边的秒表(小圆钟图标),点完变蓝,时间轴上出现一个菱形,菱形就是关键帧。
  5. 移动播放头:直接拖时间轴上的蓝色竖线;要精确到某帧,单击时间码 → 输入帧号 → 回车。
  6. 缩放时间轴:按 =(等号)放大、-(减号)缩小;或按住 Alt 滚鼠标滚轮。关键帧挤成一堆时先干这个。
  7. 删关键帧:单击菱形选中,按 Delete。框选可以一次删一排。

0.4 键在哪

0.5 出错先按三个键

Ctrl+Z 撤销(可连按)→ Ctrl+S 保存 → Esc 取消当前操作(比如正在画线)。


1 建合成

  1. 按 Ctrl+N(按住左下角 Ctrl,再按 N)。
  2. 弹出"新建合成"窗口:
    - 合成名称:删掉默认的,输入 小球弹跳
    - 预设:下拉找到 HDTV 1080 25,点它
    - 选完上面这些会自动填好:宽度 1920、高度 1080、帧速率 25
    - 持续时间:删掉,输入 0;00;06;00(6 秒)
    - 背景颜色不用改
  3. 点 确定。

你会看到:项目面板多出一个"小球弹跳"合成,合成窗口变黑,时间轴出现空的时间线。

  1. 时间轴左下角有一串 0;00;00;00,按住 Ctrl 用鼠标点它一下,会变成 0。
    之后再点它,就是输入帧号。

为什么:后面全部按"帧"操作,比按秒准。


2 背景

  1. 按 Ctrl+Y(新建纯色)。
  2. 窗口里:
    - 名称:BG
    - 颜色:点色块 → 弹出拾色器 → 在 # 后面的框里输入 FFB800 → 确定
  3. 确定。

你会看到:合成窗口整个变黄,时间轴多一层 BG。


3 画球

  1. 找椭圆工具:时间轴左侧竖排工具栏,找到矩形图标(左上角第一个方形)。
    按住它不放,会弹出一排:矩形、圆角矩形、椭圆、多边形、星形 → 拖到"椭圆"上松手。
    (也可以连按 Q 键循环,直到图标变成椭圆。)
  2. 取消所有选择:鼠标点一下时间轴的空白处(图层名下面的灰色区域)。

    不做这步,球会画进 BG 里,后面全乱。

  3. 把鼠标移到合成窗口中间,按住 Shift,从左上往右下拖出一个圆,松手。

    Shift = 强制正圆。不按会画出椭圆。

  4. 时间轴出现 形状图层 1。按 回车 → 输入 Ball → 再按 回车 改名。
  5. 点 Ball 左边的小三角展开,再展开 内容,你会看到:椭圆 1、填充 1、描边 1。
  6. 展开 椭圆 1 → 椭圆路径 1,找到 大小,单击数值,输入 200 → Tab → 输入 200 → 回车。

    球变成精确的 200×200。

  7. 填充 1:点颜色块,输入 D800D8 → 确定。
  8. 描边 1:点它左边的眼睛/开关,关掉(球不要黑边)。
  9. 按 Ctrl+Alt+Home(锚点居中到内容)。

你会看到:一个品红色正圆,200px,锚点在圆心。


4 锚点挪到球底(全教程最关键)

为什么:挤压拉伸是绕锚点缩放的。锚点在圆心,球一压扁就陷进地面;锚点在球底,压扁时底部不动、往上扁,才对。

  1. 选中 Ball。
  2. 按 Y(向后平移/锚点工具)。鼠标移到球正下方边缘的中点,按住往下拖一点,让锚点落在圆的最底边中间。
  3. 要精确:按 A 打开锚点属性,单击数值,输入 100 → Tab → 输入 200 → 回车。

    输入完球会往上跳 100px,这是正常的(锚点变了,位置没变),不要撤销。

从此:球的位置 Y 填 900,球底就正好踩在 y=900 的地面线上。


5 画地面线

  1. 按 Ctrl+Shift+A 取消所有选择。

    这一步必须做。选中图层时用钢笔,画出来的是蒙版,不是线。

  2. 按 G(钢笔工具),鼠标变成钢笔尖。
  3. 在合成窗口左侧点一下(大概 x=200, y=900)。
  4. 按住 Shift,在右侧点一下(大概 x=1720, y=900)。

    Shift 保证是水平直线。

  5. 按 回车 结束。
  6. 时间轴出现新图层,按 回车 改名 Ground。
  7. 展开 内容 → 形状 1:
    - 有 描边 1:点开,描边宽度改 4,颜色改白。
    - 没有描边组:点 内容 右边的"添加"(一个带 + 的按钮)→ 选 描边,再设宽度和颜色。
    - 填充 1:关掉(不然线下面会被填成一片)。
  8. 按 Ctrl+Alt+Home。

    不做这步,锚点在线的起点,等下改位置整条线会飞走。

  9. 按 P → 位置填 960 → Tab → 900 → 回车。

你会看到:一条白色横线,居中,y=900。


6 位置关键帧(13 个)

6.1 先 K 第一个

  1. 单击时间码,输入 0,回车(播放头到第 0 帧)。
  2. 选中 Ball,按 P,展开位置。
  3. 点位置左边的秒表。

    你会看到:秒表变蓝,时间轴第 0 帧出现一个菱形。

  4. 单击位置的数值,输入 960 → Tab → 300 → 回车。

    球跑到画面上方。

6.2 按表继续

对表里每一行:点时间码输帧号 → 回车 → 改 Y → 回车。
(秒表已经打开,改数值会自动生成关键帧,不用再点秒表。)

事件 帧 位置 X, Y
起点 0 960, 300
触地1 20 960, 900
顶点2 34 960, 606
触地2 48 960, 900
顶点3 58 960, 756
触地3 68 960, 900
顶点4 75 960, 829
触地4 82 960, 900
顶点5 87 960, 865
触地5 92 960, 900
顶点6 95 960, 883
触地6 98 960, 900
停住 150 960, 900

数一下,位置属性上应该有 13 个菱形。
为什么这么排:每段上升帧数 = 下落帧数;高度每次乘 0.49(600→294→144→71→35→17),这是真实弹跳的衰减规律。

按 空格 播放,球已经在上下弹,但很机械。下一步修。


7 缓动 + 图表编辑器

7.1 加缓动

  1. 鼠标在时间轴的位置属性那一行拉一个框,把 13 个菱形全框住(框住后变蓝)。
  2. 按 F9(笔记本 Fn+F9)。

    菱形从尖的变成"沙漏"形状,说明缓动成功。

7.2 调到"重力感"

  1. 点时间轴面板顶部的曲线图标(图表编辑器)。找不到图标就直接按 Shift+F3。

    时间轴下半部分变成曲线图。第一次开会看到一条锯齿线。

  2. 图表编辑器左下角有个图表类型下拉(可能显示"值图表"),点它 → 选 速度图表。
    找不到就在图表区底部从左往右扫一遍,那个小下拉框就是。
  3. 在图表里拉框圈住所有关键帧。

    每个关键帧两侧出现可拖的手柄(小圆点)。

  4. 开始调:
    - 顶点帧(0、34、58、75、87、95):手柄往左右拉长 → 顶点处曲线贴到底(速度=0)
    - 触地帧(20、48、68、82、92、98):手柄往里收短 → 触地处曲线陡直(速度最大)
  5. 只调前 3 段(0–48)就够,后面帧数太少,F9 的效果已经可以。
  6. 按住 Alt 拖某一个手柄 = 只动这一侧,另一侧不动。做重力曲线必须用这招。
  7. 再按 空格 播放。正确的感觉:顶点停一下 → 越落越快 → 触地最快 → 上升越来越慢 → 顶点停。

7.3 曲线调不出来,用数值代替

  1. 在时间轴上选中某一个触地关键帧(单击菱形)。
  2. 右键 → 关键帧速度。
  3. 窗口里填"进入速度"和"离开速度",影响填 10%,确定。
触地 帧 速度 px/s
1 20 1500
2 48 1050
3 68 720
4 82 507
5 92 350
6 98 283

顶点帧反过来:进入 0、离开 0、影响 60%。

纯上下运动,不用管"空间插值"(那条运动路径不可能是弯的),只调速度。


8 挤压拉伸

8.1 解锁缩放

  1. 选中 Ball,按 S,展开缩放。
  2. 缩放数值左边有一个锁链图标,点一下让它变灰(取消约束比例)。

    现在 X 和 Y 可以分开填。

8.2 两种块

A 型(触地间隔 ≥12 帧,用在第 20、48 帧)

相对帧 缩放 X / Y
触地−2 88 / 114(下落拉长)
触地 128 / 72(砸扁)
触地+3 96 / 104(回弹过冲)
触地+6 100 / 100(恢复)

B 型(间隔 <12 帧,用在第 68、82、92、98 帧)

相对帧 缩放 X / Y
触地−1 90 / 112
触地 124 / 76
触地+2 100 / 100

对应帧号:

块 关键帧帧号
A @20 18 / 20 / 23 / 26
A @48 46 / 48 / 51 / 54
B @68 67 / 68 / 70
B @82 81 / 82 / 84
B @92 91 / 92 / 94
B @98 97 / 98 / 100

8.3 怎么做

  1. 先把"位置"属性组收起来(点位置左边的小三角,让 13 个菱形藏起来)。

    不收起来,等下框选缩放会把位置关键帧一起框进去。

  2. 先做第 0 帧这一个:播放头到 0,点缩放秒表,填 100 / 100。
  3. 按 A 型表做完 18 / 20 / 23 / 26 四个点。

    到触地那一帧,球要看起来"啪"地贴在地上。

  4. 复制:框选 18–26 这 4 个缩放关键帧 → Ctrl+C → 播放头到 46 → Ctrl+V。
  5. 剩下 4 段(68/82/92/98)按 B 型手填。
  6. 缓动:除触地帧以外,全部选中按 F9。
    触地帧(20、48、68、82、92、98)保持线性:右键 → 关键帧插值 → 线性。

    给触地帧加缓动,球会像橡皮泥,没有砸的力度。

  7. 按 空格 看。每次触地都应该压一下。

9 影子

  1. Ctrl+Shift+A 取消选择。
  2. Q 选椭圆工具(如果现在是别的形状,长按图标选椭圆)。
  3. 在球下方画一个扁椭圆(宽约 240、高约 60)。
  4. 回车 改名 Shadow。
  5. 展开 内容 → 填充 1 → 颜色改黑。
  6. 展开 内容 → 椭圆 1 → 椭圆路径 1 → 大小,填 240 → Tab → 60 → 回车。
  7. 按 Ctrl+Alt+Home,让锚点落在影子中心(不居中的话,等下缩放会带着影子跑偏)。
  8. 按 S 缩放 —— 不用改;按 P 位置填 960 → 903。
  9. 在时间轴上把 Shadow 拖到 Ball 下面(影在后,球在前)。

9.1 用表达式让影子跟着球(不用 K 帧)

  1. 选中 Shadow,按 T 打开不透明度。
  2. 按住 Alt 单击不透明度左边的秒表。

    属性变红,右边出现一个输入框,可以直接打字。

  3. 把下面两行粘贴进去(Ctrl+V):
h = thisComp.layer("Ball").transform.position[1];
linear(h, 300, 900, 8, 24)
  1. 鼠标点一下时间轴空白处确认。
  2. 同样的方法做缩放:按 S → Alt 单击缩放秒表 → 粘贴:
h = thisComp.layer("Ball").transform.position[1];
linear(h, 300, 900, 65, 118)
  1. 点空白处确认。

意思:读球的位置 Y,在 300 到 900 之间换算。球越高,影子越淡越小;球落地,影子最浓最大。
报错先查两件事:图层名必须正好叫 Ball;这两个属性上不能有关键帧(有就先删掉)。


10 配色

第 2 步已经设好,想改再做:

  1. 背景:选中 BG,按 Ctrl+Shift+Y,改颜色。
  2. 球:选中 Ball → 内容 → 填充 1 → 点色块改。
  3. 线:选中 Ground → 内容 → 描边 1 → 改颜色。

配色:黄底 FFB800,品红球 D800D8,白线 FFFFFF。


11 预览与导出

  1. 按小键盘 0 做完整预览(笔记本没有小键盘就按 空格)。

    预览卡:合成窗口底部的分辨率下拉改成 二分之一 或 四分之一,做完再改回"完整"。

  2. 按 Ctrl+M(添加到渲染队列)。
  3. 界面下方出现渲染队列面板,看到一行你的合成。
  4. 点渲染设置右边写着"最佳设置"的地方 → 确认质量是"最佳" → 确定。
  5. 点输出模块右边写着"无损"的地方:
    - 格式下拉选 H.264
    - 预设选 匹配源 - 高比特率
    - 确定
  6. 点输出到右边的文件名 → 选桌面 → 命名 → 保存。
  7. 点右上角 渲染。

输出模块里没有 H.264:格式选 QuickTime → 点"格式选项" → 视频编解码器选 H.264。
或者用 Ctrl+Alt+M 送到 Media Encoder 排队导出。


12 快捷键总表

键 作用 键在哪
Ctrl+N 新建合成 左下 Ctrl + N
Ctrl+K 合成设置
Ctrl+Y 新建纯色
Ctrl+Shift+Y 改纯色颜色
Q 形状工具(连按循环,长按出菜单) 字母区左上
G 钢笔
V 选择工具
Y 锚点(向后平移)工具
H 手形(平移画面)
Z 缩放工具
P 位置
S 缩放
R 旋转
T 不透明度
A 锚点属性
U 显示所有已设关键帧的属性
UU 只显示改过的属性 连按两次
F9 缓动 最上排,笔记本 Fn+F9
Shift+F3 图表编辑器
Ctrl+Alt+Home 锚点居中到内容
Ctrl+Shift+A 取消所有选择
Ctrl+Shift+D 拆分图层
Ctrl+D 复制图层
[ ] 入点/出点到播放头 字母区右侧
Alt+[ Alt+] 修剪入点/出点
B N 工作区起点/终点
空格 播放/暂停
小键盘 0 RAM 预览 键盘最右
J K 上一个/下一个关键帧
Ctrl+M 渲染队列
Ctrl+Alt+M Media Encoder 队列
Ctrl+Z 撤销
Ctrl+Shift+Z 重做
Ctrl+S 保存
Alt+滚轮 / = - 缩放时间轴 等号/减号在字母区右上
回车 改图层名 选中图层后

13 十二个坑

  1. 钢笔画出蒙版:选中图层时用 G 画的是蒙版。先 Ctrl+Shift+A。
  2. 球砸地陷进地面:锚点在圆心。用 Y 拖到球底,或按 A 填 100,200。
  3. 只有第一秒有胖瘦:形变块没复制到每次触地。
  4. F9 按了没反应:新加的关键帧默认线性。排完所有位置关键帧后,要重新全选再 F9。
  5. 球上升像被拽上去:上升帧数和下落帧数不等。回到第 6 步查表。
  6. 影子不跟球:手动 K 帧只 K 了顶点和第一次触地。用第 9 步的表达式。
  7. 球突然有厚度/透视:点到了图层名左边的立方体(3D 图层)图标,再点一次关掉。
  8. 找不到椭圆工具:2025 把五个形状工具收进矩形图标的下拉里,长按。
  9. 找不到"效果控件":2025 默认显示"属性"标签,同一组里切换。
  10. F3 没反应:用 Shift+F3,或点时间轴顶部的曲线图标。
  11. 钢笔线改位置会跳走:锚点不在线中间,先 Ctrl+Alt+Home。
  12. 触地压扁像橡皮泥:触地帧被 F9 缓动了,改成线性。

14 成片检查