# 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 键在哪

- **字母键**（P、S、Q、G…）：在键盘中间偏左的字母区。只按字母，不要按 Ctrl。
- **F9 / F3**：键盘最上面一排，Esc 右边。**笔记本要按 `Fn+F9`**，不然按的是音量/亮度键。
- **小键盘 0**：键盘最右边数字区。笔记本没有小键盘，就用 `空格` 播放代替。
- **Ctrl / Alt / Shift**：键盘左下角那两个大键。
- **快捷键没反应**：先用鼠标点一下时间轴或合成窗口，AE 要有焦点才收键。输入法切成英文。

## 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. 点 **确定**。

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

4. 时间轴左下角有一串 `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`）：

```javascript
h = thisComp.layer("Ball").transform.position[1];
linear(h, 300, 900, 8, 24)
```

4. 鼠标点一下时间轴空白处确认。
5. 同样的方法做缩放：按 `S` → `Alt` 单击缩放秒表 → 粘贴：

```javascript
h = thisComp.layer("Ball").transform.position[1];
linear(h, 300, 900, 65, 118)
```

6. 点空白处确认。

> 意思：读球的位置 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 成片检查

- [ ] 球砸地时底部贴线，不穿模
- [ ] 每一次触地都压扁，不是只有第一次
- [ ] 下落加速、上升减速
- [ ] 每次弹起高度比上一次低，时间间隔也越来越短
- [ ] 影子随高度变化：高时小且淡，落地时大且深
- [ ] 播放一遍没有卡顿、没有跳帧
- [ ] 导出的 MP4 能正常播放