企业官网建设流程全解析

看完标题「【雷霆战机】MG动画PV」，很多刚接触动态设计的同学可能第一反应是：这不就是一个宣传视频吗，套个模板改改文字不就行了？但实际上，一个合格的 MG 动画 PV 背后，牵涉到脚本策划、美术风格、动效节奏、粒子特效、音频对齐和渲染交付一整条链路。本文就以「雷霆战机」这个项目代号为例，完整拆解一个从零开始的 MG 动画宣传片制作流程，包含可直接落地的操作步骤、表达式代码、常见报错和工程管理建议。无论你是准备接单做动画，还是想给团队产品做一支发布宣传片，这篇文章都值得收藏。

1. MG动画PV与「雷霆战机」项目背景

1.1 什么是MG动画PV

MG 是 Motion Graphics 的缩写，翻译过来就是「动态图形」。它和我们平时理解的动画电影不完全一样，MG 动画更强调用图形、文字、颜色、线条等平面元素，通过运动设计来传递信息。常见的形式包括：Logo 片头、数据可视化动画、产品功能展示、课程宣传片、发布会暖场视频等。

PV 是 Promotional Video 的缩写，也就是宣传视频。把两者结合起来，MG 动画 PV 就是用动态图形技术制作的宣传短片。它的特点是：

• 制作成本相对实拍更低，不需要演员、场地和复杂设备。
• 风格高度可控，适合表现科技感、未来感、抽象概念。
• 修改成本低，改颜色、改文案、改节奏都比重新拍摄方便。
• 跨平台适配好，一套设计可以衍生出横屏、竖屏、方形等多版本。

拿「雷霆战机」这个项目来说，假设它是某个游戏团队或科技产品线的代号，需要一条 30 秒左右的 MG 动画 PV 来做产品发布宣传。那么我们要做的，就是围绕这个名字本身的「雷霆」「战机」意象，打造一条有速度感、力量感和科技感的宣传短片。

1.2 为什么「雷霆战机」适合用MG动画呈现

「雷霆」给人的感觉是闪电、电流、爆发力；「战机」给人的感觉是高速、飞行、突破。这两个关键词天然适合用 MG 动画来表现，因为 MG 动画擅长做「抽象概念的视觉化」：

• 电流效果可以用粒子系统和光束线条模拟。
• 速度感可以通过运动模糊、镜头震动、快速转场来强化。
• 科技感可以通过深色背景、蓝色辉光、HUD 界面元素来营造。
• Logo 可以通过粒子汇聚、冲击波扩散的方式做开场。

相比之下，如果选择实拍，要拍出「战机划破长空」的镜头成本非常高，而且很难实现这些超现实的视觉效果。所以 MG 动画是这个项目最合理的开场选择。

1.3 本文能帮你掌握什么

本文的核心目标不是单纯介绍 AE 的某一个按钮，而是带你走完「雷霆战机 MG 动画 PV」从零到一的全流程。读完这篇文章，你可以掌握：

• 如何把一段模糊的需求拆解成可执行的动画脚本。
• 如何搭建规范的 AE 工程目录和合成结构。
• 如何用关键帧、表达式、粒子系统实现核心动效。
• 如何对齐音频节奏，让动画卡点更舒服。
• 如何排查渲染慢、表达式报错、字体丢失等问题。
• 如何规范交付多分辨率的成片素材。

2. 环境准备与工具选型

2.1 软件环境

制作 MG 动画 PV 的软件组合很多，本文以最常见的 Adobe 全家桶流程为例：

如果你是在校学生或者个人创作者，没有完整订阅 Adobe 全家桶，也可以用其他组合替代，例如：用 Figma 或 Inkscape 绘制素材，用 DaVinci Resolve 做剪辑，动画部分仍然推荐 After Effects，因为 MG 动画的核心工作流基本都绕不开它。

2.2 版本说明

本文操作演示以 After Effects 2023 版本为主，但大部分菜单位置和快捷键在 AE 2020 到 2024 之间差别不大。如果你使用的是中文版 AE，注意效果名称和属性名称可能会有所不同，例如：

• 英文版 CC Particle World，中文版是「CC 粒子世界」。
• 英文版 Transform，中文版是「变换」。
• 英文版 Motion Blur，中文版是「运动模糊」。

不同版本之间的操作路径略有差异，本文重点演示的是制作思路和参数逻辑，不是死记某个版本的点击路径。

2.3 硬件建议

MG 动画对电脑性能的要求比普通剪辑高，尤其是粒子效果和预览渲染阶段。建议配置至少满足以下条件：

• 内存 16GB 以上，32GB 会更稳。
• 硬盘使用 SSD，且剩余空间至少 50GB。
• 显卡建议 4GB 显存以上，虽然 AE 的核心计算仍然依赖 CPU，但显卡加速对预览有提升。
• 显示器建议 100% sRGB 色域，方便判断颜色是否准确。

如果电脑配置一般，也不用慌，后面「常见问题」部分会讲如何通过降低预览画质、使用代理素材来缓解卡顿。

2.4 项目目录结构

在正式开始制作之前，先把工程目录建好。一个规范的目录结构可以避免做到一半找不到素材、渲染完不知道输出文件在哪的尴尬情况。

thunder_pv/ ├── 01_project/ │ └── thunder_pv.aep ├── 02_assets/ │ ├── art/ # AI/PSD/Figma 源文件 │ ├── audio/ # BGM、音效、配音 │ ├── reference/ # 参考动图、竞品案例截图 │ └── fonts/ # 字体文件（注意版权） ├── 03_output/ │ ├── preview/ # 临时预览视频 │ └── final/ # 最终交付成片 └── 04_docs/ └── script.md # 脚本与分镜文案

这样做的原因是：

• 素材集中管理，避免 AE 缓存中素材路径断裂。
• 版本备份有明确位置，防止误覆盖。
• 后续如果要换人协作，新人打开目录就能快速理解项目结构。

3. 前期策划：脚本、分镜与美术风格

3.1 先写脚本，再开软件

很多新手做动画的通病是：打开 AE 就开始拖动图层，结果做到一半发现内容撑不满时长，或者节奏混乱。正确做法是先写一份脚本。

以 30 秒版「雷霆战机」PV 为例，脚本可以这样拆分：

脚本不需要写得多华丽，关键是明确每一段画面要传达什么信息、持续多长时间、配音说什么。这决定了后面动画设计的节奏分配。

3.2 分镜是动画的施工图

分镜脚本（Storyboard）是把文字脚本转成画面的第一步。对于 MG 动画来说，分镜不一定要画得多精细，但至少要画出每个镜头的构图、核心元素、运动方向。

绘制分镜时重点关注三件事：

1. 构图：主要元素放在画面哪个位置，留白多少。
2. 运动方向：元素从哪个方向入场，往哪个方向运动。
3. 景别：是特写、中景还是全景，是否需要镜头推拉。

以「雷霆战机」开场镜头为例，分镜可以标记为：黑场中，闪电从画面右侧向左击入，在中心点碰撞出战机轮廓，随后 Logo 文字从中心向外放大弹出。

这个描述写清楚之后，再回到 AE 里制作，思路会非常清晰。

3.3 美术风格：让「雷霆」和「战机」看得见

MG 动画 PV 的美术风格要服务于项目气质。结合「雷霆战机」的主题，推荐一套科技感配色：

这套配色遵循了「深色底 + 高饱和亮色」的原则。深色背景能让亮色元素更突出，适合表现电光、能量、飞行轨迹等视觉元素，也符合「雷霆战机」这类高速感、科技感项目的调性。

字体的选择上，标题类文字建议使用有力量感的无衬线字体（例如思源黑体 Heavy 字重、站酷高端黑等），正文信息使用常规字重。注意：商业项目使用的字体必须确认授权范围，不能随意使用未授权字体。

4. 核心动效技术拆解

4.1 关键帧动画与缓动

关键帧是 MG 动画的基石。在 AE 中，Animating 的本质就是「在不同时间点给属性设置不同的值，让软件自动补出中间的过渡」。

以位置属性为例，最简单的操作是：

1. 选中图层，按 P 键展开位置属性。
2. 在时间轴 0 秒处点击秒表图标，添加第一个关键帧。
3. 将时间指针移动到 1 秒位置。
4. 改变图层坐标，AE 会自动生成第二个关键帧。

但只添加关键帧远远不够。如果两个关键帧之间是匀速运动，画面会显得机械、生硬。在自然界中，物体运动大多有加速和减速过程，为了让动画更有「物理感」，必须调整关键帧的缓动曲线（Speed Graph / Value Graph）。

常见做法是：选中关键帧，按 F9 应用「缓动」效果，然后进入图表编辑器，把速度曲线调整成「快入慢出」或「慢入快出」。例如战机入场时，通常是慢速启动、快速冲出屏幕，这样的曲线才能传递速度感。

4.2 常用表达式提升效率

表达式是 AE 中很强大的功能，它用 JavaScript 语法控制属性值，可以减少手动打关键帧的工作量，也能做出手工难以实现的动态。

以下是几个 MG 动画中非常常用的表达式。

随机漂浮：

// 位置属性添加此表达式，让元素产生随机漂浮感 wiggle(3, 30)

参数含义：3 表示每秒抖动 3 次，30 表示抖动幅度为 30 像素。适合做背景粒子、漂浮光点的微动效果。

无限循环：

// 旋转属性添加此表达式，让元素循环旋转 loopOut(type = "cycle", numKeyframes = 0)

参数含义：type = "cycle" 表示循环，numKeyframes = 0 表示循环全部关键帧。适合做转圈、进度条、旋转装饰。

透明度渐入：

// 透明度属性添加此表达式，让元素随时间逐渐显现 Math.min(100, time * 50)

参数含义：time 是当前时间（秒），Math.min 会把计算结果限制在 100 以内，所以元素会在 2 秒内从 0 渐变为 100。适合做文字和图形的淡入效果。

使用表达式的注意事项：

• 中文版和英文版 AE 的表达式语法基本相同，但要注意表达式面板中不要混入中文标点。
• 表达式报错会在面板底部显示红色提示，常见的错误原因是属性名写错或括号不匹配。
• 表达式的计算结果不会像关键帧那样直接显示在时间轴上，需要通过预览确认效果是否正确。

4.3 粒子与光束效果

在「雷霆战机」PV 中，电流感、光束感、爆发感都离不开粒子系统。AE 内置的 CC Particle World 就能实现大部分基础粒子效果，不需要额外安装插件。

使用步骤：

1. 新建一个纯色层，命名为「粒子」。
2. 给纯色层添加效果：模拟 > CC Particle World。
3. 在效果控件中调整参数：
   • 粒子类型（Particle Type）：可根据需要选择 Faded Sphere（衰减球体）或 Lens Convex（凸透镜）。
   • 出生速率（Birth Rate）：控制粒子每秒产生数量，值越大粒子越多。
   • 寿命（Longevity）：粒子从出生到消失的持续时间。
   • 出生大小 / 结束大小：控制粒子从小到大或从大到小的变化。
   • 出生颜色 / 结束颜色：设置粒子的渐变色，例如从白色到科技蓝。
   • 速度（Velocity）和重力（Gravity）：控制粒子的运动方向和受力。

对于更复杂的光束拖尾效果，可以考虑 Trapcode Particular 等第三方插件，它能实现更细腻的粒子交互、物理模拟和灯光响应。但第三方插件需要购买授权，新手先用内置的 CC Particle World 练习完全足够了。

4.4 文字动画与转场设计

文字动画是 MG 动画 PV 的核心内容承载形式。常见的文字动画包括：

• 打字机效果：文字逐字出现，适合模拟系统输出、代码输入的氛围。
• 弹跳入场：文字从下方弹入，带有回弹效果，适合活泼风格。
• 缩放冲击：文字从极小快速放大到正常大小，并伴随模糊，适合爆发感画面。
• 擦除显现：文字被一条光带扫过而显现，适合科技感画面。

转场设计方面，MG 动画常用「快速缩放转场」「模糊转场」「图形遮罩转场」。「雷霆战机」这类高速题材，推荐使用快速缩放转场：上一镜头结束时画面快速放大模糊，下一镜头开始时从模糊快速缩放清晰，视觉上很有冲击力。

5. 完整实战：从零制作「雷霆战机」MG动画PV

5.1 创建项目与合成结构

打开 AE 后，先按 Ctrl+Alt+N 新建项目，然后按照前面说好的目录结构保存工程文件。

新建主合成：

• 合成名称：雷霆战机_PV_总合成
• 宽高：1920 x 1080
• 帧速率：30 帧/秒
• 时长：30 秒
• 背景颜色：黑色

建议再单独建立几个子合成，方便分模块制作和管理：

雷霆战机_PV_总合成 ├── 01_背景 ├── 02_开场Logo ├── 03_战机飞行 ├── 04_功能点展示 ├── 05_数据滚动 └── 06_结尾落版

在总合成中，把这些子合成作为图层依次排列在时间轴上。子合成内部再独立制作内容，各模块之间不会互相干扰，修改变动也更方便。

5.2 制作开场Logo动画

开场 5 秒是整个 PV 的「门面」，目标是让「雷霆战机」Logo 以有冲击力的方式出现。

步骤一：制作背景。

新建一个纯色层，颜色设置为 #0B0F19，作为深空背景。接着添加一个径向渐变效果（渐变效果可以用「梯度渐变」），让画面中心略微发亮，营造聚焦感。

步骤二：制作电流汇聚效果。

新建一个纯色层，命名为「电流粒子」，添加 CC Particle World 效果。

在效果控件中，把粒子产生位置（Producer Position）设置为屏幕中心，增加出生速率，让粒子从四面八方向中心汇聚。关键参数思路：

• 粒子类型选择 Faded Sphere。
• 出生大小设置为 0.1 左右，结束大小设置为 0。
• 出生颜色设置为白色，结束颜色设置为科技蓝 #00C2FF。
• 速度设置为负数，让粒子向中心点收缩。

这里设置成负速度的目的，就是让粒子呈现「从外部飞向中心汇聚」的效果，配合 Logo 出现的瞬间，视觉上就像能量聚集。

步骤三：制作 Logo 冲击波。

将「雷霆战机」Logo 素材导入到合成中，放在「电流粒子」图层的上方。在 Logo 出现的时间点（例如第 2 秒），给缩放属性添加关键帧：

• 第 2 秒：缩放 0%
• 第 2.4 秒：缩放 120%
• 第 2.7 秒：缩放 100%

同时给 Logo 添加「快速模糊」效果，在缩放起始时模糊值设置为 50，结束后归零。这样会产生「从模糊中炸裂清晰」的冲击感。

步骤四：添加辉光。

为 Logo 图层添加「辉光」效果（Glow），将发光半径调整到 30-50，发光强度调整到 1.5 左右。辉光会让 Logo 更有能量感，但在实际渲染中辉光会明显增加计算量，建议预览阶段降低辉光强度，最终渲染前再调回。

5.3 制作战机飞行与光束拖尾

「战机飞行」是承接开场的高潮段落。这里不使用实拍素材，而是用简单的几何图形拼出战机轮廓，再通过运动手法表现速度感。

步骤一：绘制战机形状。

在 AI 或者 AE 中，用三个基础图形拼出战机的侧影：

• 机身：一个三角形或长菱形。
• 机翼：两个梯形或三角形。
• 尾焰：一个三角形，用渐变填充，颜色从黄色到蓝色。

如果不想手动绘制，也可以在素材网站购买授权矢量战机素材，商业项目必须确认授权范围。

步骤二：设置飞行路径。

将战机图层拖入「03_战机飞行」合成。在时间轴中给位置属性打关键帧，让战机从左下角快速飞到右上角，再折返到画面中心。

为了让路径更平滑，可以在图表编辑器中调整速度曲线，让战机在拐点处有减速再加速的变化，模拟真实的飞行节奏。

步骤三：添加尾焰粒子。

在战机尾部新建一个纯色层，添加 CC Particle World，并把粒子位置绑定到战机尾部坐标。把出生速率调大，速度向前方相反方向发射，让粒子呈现出「战机拖着光束飞行」的效果。

实际操作中，粒子的坐标需要跟随战机移动。简单的方式是：把粒子层设为战机的子图层，这样粒子会跟随战机一起运动，但相对的粒子位置保持不变，表现的是战机喷射的持续尾焰。

步骤四：添加运动模糊。

选中战机图层，打开「运动模糊」开关，并在总合成的图层开关面板中激活「启用运动模糊」。这样战机快速移动时会产生自然的模糊拖影，速度感立刻提升一个档次。

5.4 制作功能点展示与数据滚动

功能点展示段落通常包含多个图标和文字，关键是「逐个出场，节奏分明」。

步骤一：制作图标入场。

将三个功能图标按时间顺序排列，例如：

• 第 12 秒：图标 1 弹入
• 第 15 秒：图标 2 弹入
• 第 18 秒：图标 3 弹入

每个图标入场使用「缩放 + 透明度」组合动画：透明度从 0 到 100，缩放从 80% 到 100%，搭配 F9 缓动，让图标有一种「突然出现但不过分生硬」的感觉。

步骤二：添加文字说明。

图标下方配文字，文字动画使用「擦除显现」：给文字图层添加蒙版，然后用「线性擦除」效果控制擦除角度和过渡百分比。配合文案出现的节奏，把擦除值从 100% 过渡到 0%，文字就像被光扫过一样显示出来。

步骤三：制作数据滚动。

数据滚动效果可以用「数字变化」来实现。AE 没有内置的数字变化效果，但可以通过创建多个数字文本图层，用关键帧切换文字内容，或者使用类似「滑块控制」配合表达式实现。

这里提供一个简单的表达式思路：新建文本图层，添加「滑块控制」效果，然后给源文本属性添加表达式：

// 将滑块数值转换为整数并加上百分号 Math.round(effect("滑块控制")("滑块")) + "%"

然后给「滑块控制」的滑块值打关键帧，从 0 到 100，文本就会从 0% 滚动到 100%。这个技巧在做数据展示类 MG 动画时非常实用。

5.5 音频节奏对齐

30 秒的 PV 必须和背景音乐卡点，否则观感会大打折扣。操作步骤如下：

1. 将 BGM 拖入总合成的时间轴。
2. 播放音乐，在节奏重拍处按小键盘上的*键打上标记点。
3. 根据标记点，调整各子合成图层的入场时间，让动画关键帧正好落在重拍上。
4. 在转场处添加强音效（例如电流声、低音轰鸣），进一步强化节奏感。

需要注意：音频素材的版权必须确认，商用项目最好购买授权音乐，或使用平台提供的可商用素材库。输出时记得检查音频是否与画面同步，部分播放器预览时会有音画延迟，建议导出后用 PotPlayer 或 Premiere Pro 对照检查。

5.6 渲染与导出

动画做完之后，进入最终输出环节。推荐使用 Adobe Media Encoder 进行渲染，因为它可以后台批量导出，并且对 H.264 编码支持稳定。

导出设置建议：

如果需要发布到短视频平台，可以再输出一版竖屏 1080 x 1920 的版本，但要注意竖屏版构图需要单独调整，不能直接把横屏视频裁切成竖屏。

导出前检查清单：

• 所有字体是否已经嵌入或转曲。
• 视频中使用的图片素材是否确认版权。
• 画面边缘是否有未闭合的遮罩或多余图层。
• 音频是否存在爆音，响度是否统一。
• 最终渲染前关闭不必要的图层显示，避免「看不见但还在渲染」的资源浪费。

6. 常见问题与排查思路

MG 动画 PV 制作过程中，几乎每个项目都会遇到一些问题。下面整理了几个高频问题及排查思路。

遇到问题时，建议按照「先减法、再排查」的思路：把疑似有问题的图层单独放到一个测试合成中，禁用其他效果，逐个排除变量，定位到具体问题后，再恢复其他内容。

7. 最佳实践与工程建议

7.1 命名和图层管理

MG 动画工程往往有成百上千个图层，如果命名随意，后期修改会非常痛苦。建议遵循以下命名规范：

• 合成命名：类型_内容_版本，例如BG_背景_Shadow、Logo_开场_V2。
• 图层命名：使用「功能 + 描述」的格式，例如TXT_标题_主卖点、FX_粒子_电流。
• 颜色标签：用颜色区分素材类型，例如蓝色表示图片、绿色表示文字、黄色表示特效。
• 预合成管理：把关系密切的图层打成预合成，避免总合成图层数量爆炸。

这些规范看似繁琐，但在项目交付、团队协作、后续修改时能节省大量时间。

7.2 缓存与备份策略

AE 的缓存文件会越占越大，建议定期清理：

• 菜单中打开「编辑 > 清理 > 所有内存与磁盘缓存」。
• 在项目设置中把磁盘缓存目录指向空间充足的 SSD。
• 制作过程中设置自动保存版本间隔，例如每 20 分钟保存一个版本，保留最近 10 个版本。

备份方面，成品输出前一定要做好双备份：一份保存在本地，一份保存在网盘或移动硬盘。工程文件 + 素材目录 + 字体文件 + 输出视频，四类文件都要备份完整。

7.3 素材版权与交付规范

MG 动画 PV 最容易被忽视的风险是版权问题。尤其是商用项目：

• 字体必须使用已授权的商用字体，不能直接使用系统字体进行商业推广。
• 背景音乐、音效需要确认授权范围，部分素材仅限个人学习使用。
• 图片素材和模板需要查看授权协议，注意是否有「不可商用」限制。
• 配音演员的声音授权也要明确使用范围和期限。

交付成片时，除了 MP4 文件，建议同步交付：

• AE 工程源文件。
• 使用到的字体文件包。
• 输出版本的色值规范说明。
• 视频封面图（如有）。

这样即使后续需要修改或重新导出，接手的人也能快速操作。

7.4 版本输出与多平台适配

一个「雷霆战机 MG 动画 PV」通常会投放到多个渠道，不同渠道对视频规格要求不同：

多版本输出时，不要简单地把横屏视频裁剪成竖屏，而是回到 AE 中重新排列构图，保证主体元素在竖屏中依然突出。

8. 总结与下一步学习路线

到这一步「雷霆战机 MG 动画 PV」从脚本策划、美术风格、AE 动效制作、音频对齐到最终渲染的完整流程已经走通了。这篇文章里重点讲了几个核心点：第一，动效设计不是一上来就做，先有脚本和分镜，后面的制作才会顺畅；第二，速度感技术的核心是缓动曲线、运动模糊和粒子系统的组合；第三，工程管理规范决定了项目能不能长期维护和交付；第四，版权意识和备份习惯是专业项目的底线。

如果你看完这篇文章，建议不要只是收藏，而是打开 AE 亲手做一个 10 秒的「小片头」实验：深色背景、一个文字 Logo、一组粒子光束、一段 BGM，按照文章里的步骤把关键帧、缓动、粒子效果都过一遍。遇到问题时，回来看常见问题表，基本都能找到答案。

下一步可以继续学习的方向包括：三维与 2.5D 结合（C4D + AE）、角色 MG 动画、HUD 科技界面动画、表达式进阶，以及更复杂的音效设计与混音。MG 动画是一个「越练越有感觉」的技能，做过的项目越多，对节奏和视觉质量的判断就会越准确。希望这篇「雷霆战机」案例拆解能帮你少走一些弯路。