MG动画制作教程:用形状与关键帧完成第一段练习
本文目录 · 10 节
MG 动画制作可以先从一个简单目标开始:让一个图形移动,让一句文字在合适的时间出现,再输出一段能正常播放的视频。第一份练习不必同时加入角色绑定、复杂转场和商业配音。先理解图层、时间轴与关键帧之间的关系,才能知道画面为什么这样运动。
本文以 After Effects(AE)为操作示例,安排一段 6 秒的几何图形标题动画。尺寸、时间和数值都是编辑设计的练习参数,不是行业交付标准,也不是实际客户项目;本文未附经过实机验证的工程文件。软件界面可能随版本和语言变化,遇到菜单差异可结合文末 Adobe 官方教程核对。
先明确:这次练习要做出什么
画面中只有背景、一个圆形和一句“我的第一段 MG”。圆形从左侧移动到画面中间附近,文字随后出现,最后留出静止时间让人看清。先完成这个小目标,再决定是否加声音或其他元素。
本练习使用 1920×1080 的横向画面、25 fps、6 秒时长。它们只是方便复现的设置,不代表所有平台都要求这些参数。实际项目应先确认播放场景,再决定尺寸、帧率、时长和格式。
| 时间段 | 画面安排 | 自检问题 |
|---|---|---|
| 0—1 秒 | 圆形从左向中间移动 | 起点与终点是否不同? |
| 1—2 秒 | 圆形停住,文字逐渐显示 | 文字是否与圆形重叠? |
| 2—5 秒 | 画面保持稳定 | 是否有时间读完文字? |
| 5—6 秒 | 保持结尾,不新增信息 | 输出是否包含完整结尾? |
先在纸上画三张静态草图:起始画面、图形到位、文字出现。分镜的作用是说明信息顺序,不要求画得精细。如果静态草图都看不清重点,应先调整文字和布局,再进入动画制作。
第一步:创建合成并整理图层
在 AE 中新建项目和合成,将宽高、帧率与持续时间设为本次练习参数。及时保存项目,使用能够辨认版本的文件名,例如 mg-title-practice-v01.aep。不要把练习工程命名为“客户最终版”,以免以后展示时混淆性质。
准备三个独立图层:背景、圆形、标题。给图层改成容易识别的名称,例如 BG、Circle、Title。文字和圆形放在背景上方;背景不需要添加动画。保持工作区简单,有助于看清你究竟在修改哪个对象。
创建圆形时,先取消对其他图层的选择,再使用椭圆工具绘制。若选中了已有素材层,画出的内容可能成为蒙版,而不是你期望的独立形状层;发现结果不对时,先查看图层类型,不要连续叠加操作。
把圆形放在画面左侧,标题放在圆形最终位置右侧。调整圆形大小,让文字有足够空间。不要照搬坐标却忽略自己的图形尺寸:元素大小、锚点位置和文字长度都会影响最终构图。
第二步:给圆形添加位置关键帧
展开 Circle 的图层变换属性,找到位置。这里使用的是整个图层的位置,不是形状内容组内部的位置。Adobe 的形状图层教程区分了形状组和图层两级变换;练习时固定使用同一级,能减少“明明改了数值,结果却不一样”的困惑。
- 把时间指针移到 0 秒。
- 将圆形放在左侧可见区域。例如,圆形图层的视觉中心可先放在约
[360, 540];以实际画面为准。 - 开启位置属性旁的秒表,为起点建立关键帧。
- 将时间指针移到 1 秒,再把圆形移到约
[760, 540]。 - 检查位置属性行上是否出现两个关键帧,再预览这一秒。
关键帧记录的是某个时刻的属性值。两个时刻的位置不同,软件才能在它们之间生成位置变化。不要在同一个时间点反复改变位置,然后期待它自动形成一段运动。
如果圆形没有移动,依次检查:两个关键帧是否确实在不同时间、两个位置值是否不同、预览范围是否覆盖这段时间、当前看到的是否是你设置的那个图层。先解决这些基础问题,再考虑效果插件。
开启秒表之后,不要把“再次点击秒表”当成预览按钮。关闭属性动画可能移除已有关键帧;操作前先保存版本,发生误操作可以立即撤销并检查时间轴。
第三步:让文字在图形到位后出现
选择 Title 图层,展开不透明度属性。在 1 秒处设置为 0%,开启该属性的关键帧;把时间指针移到 2 秒,设置为 100%。预览时应看到圆形先到位,然后文字逐渐显现。
本练习用一整句文字淡入,不需要逐字动画。先检查文字内容、字号与位置,再考虑更复杂的节奏。文字进入动画不应妨碍阅读;如果文字很长,就缩短句子或延长停留时间,不要只靠加快速度塞进固定时长。
注意图层本身的开始与结束时间。如果标题图层只持续到 2 秒,即使不透明度已经变成 100%,后面的画面也看不到它。把标题图层延续到合成结束,并确认它没有被背景遮挡。
可以暂时关闭圆形的可见性,只检查文字是否按时出现。问题定位后再恢复圆形。一次只检查一个图层,比同时修改多组属性更容易找到原因。
第四步:比较匀速与缓动,而不是盲目添加效果
先保存当前版本,再尝试对圆形的位置关键帧使用缓动,比较起步和停下的变化。需要进一步调整时,可查看图表编辑器中的变化曲线。Adobe 的动画基础文档介绍了关键帧与图表编辑器;本练习不要求一开始就掌握所有曲线操作。
匀速并不等于“廉价”,缓动也不保证画面好看。匀速可以用于表达稳定运动,缓动可以帮助强调开始与结束。选择哪一种,应看画面要表达什么。对于这个标题练习,可以比较两版,选择更容易看清运动与文字顺序的一版。
不要同时给位置、缩放、旋转都加复杂变化。若需要扩展,可以只加一个小任务:圆形停下后略微改变缩放,再回到原大小。完成后判断它是否帮助突出重点;如果只是增加干扰,就保留简单版本。
第五步:按检查清单预览
预览不是只看“能不能动”。从头播放一遍,再逐段检查。预览卡顿也不能单独证明输出视频会卡顿,先区分预览性能与实际文件播放问题。
| 检查项 | 如何判断 | 不通过时先做什么 |
|---|---|---|
| 信息顺序 | 图形先到位,文字再出现 | 检查关键帧时间 |
| 可读性 | 不暂停也能读完标题 | 缩短文案或延长停留 |
| 图层遮挡 | 文字和圆形都完整可见 | 检查图层顺序与位置 |
| 画面边缘 | 元素未被意外切掉 | 调整构图和安全留白 |
| 结尾 | 最后仍保留完整标题 | 检查图层时长和输出范围 |
| 素材 | 本练习只使用自行制作的简单图形和文字 | 加外部素材前核对使用条件 |
本次可以不加音乐。声音会增加音量、同步和使用许可等检查事项,不是让动画成立的必需条件。以后增加音效时,应单独检查其来源和适用范围,不把“可下载”自动理解为可用于商业项目。
第六步:输出文件并重新打开
通过 AE 的渲染与导出流程输出本次练习,检查输出范围是否覆盖完整 6 秒,以及尺寸、帧率和保存位置是否符合设置。格式应按实际接收方要求选择;不要把某一个编码格式当成所有任务的通用答案。具体选项可以查看文末 Adobe 的渲染与导出说明。
输出结束后,在软件之外重新打开视频,从头播放到尾。检查首帧、末帧、持续时间、文字清晰度和运动是否正常。保存成功不等于内容检查通过,也不要只根据时间轴预览判断交付文件没有问题。
如果接收方另需竖版,需要重新检查排版和运动范围。横版直接裁切可能丢失文字;将整个画面缩小也可能让文字难读。多尺寸版本应分别预览,而不是只改文件名。
常见问题:圆形不动、文字消失或导出不完整
圆形只出现在终点,没有运动怎么办? 先确认两个关键帧是否分布在不同时间,且位置值不同;再检查时间轴当前显示的属性是不是圆形图层的位置。不要把问题直接归因于电脑配置。
为什么我拖动一个形状,其他内容也跟着动? 检查它们是否在同一个形状图层中,以及你修改的是图层变换还是形状组变换。初学练习可以将对象分成独立图层,确认结构后再学习组合管理。
文字在后半段消失怎么办? 检查标题图层的结束时间、不透明度关键帧和图层顺序。如果是整段都看不到,还要检查图层是否处于关闭显示状态。
为什么导出只包含一小段? 核对渲染时间范围和工作区设置,并重新打开输出文件确认。不要反复导出而不看当前范围。
完成这段练习就能接商业项目吗? 这只能说明你完成了一个有限范围的练习。商业项目还涉及需求理解、素材来源、修改管理、交付格式和稳定制作能力,不能由单个练习推断接单或收入结果。
将练习整理成可说明的作品
保留分镜、工程版本和输出文件,写清这是一份个人练习。展示时可以说明目标、所用方法、遇到的问题和修改过程,不虚构客户名称、传播效果或商业收益。如何组织案例,可参考第一份自由职业作品集指南。
如果你的实际需求是购买动画服务,可以另看MG 动画制作服务说明;若需要整理项目工作范围,可参考自由职业报价指南。教程负责帮助你完成练习,不提供未经核实的每秒价格、学习期限或接单保证。
操作参考
参数安排、练习顺序和自检表为本文编辑建议。官方资料用于核对软件概念与操作,不代表 Adobe 对本练习或平台服务作出推荐。
了解极客豌豆 App:下载极客豌豆 App。具体功能与服务以 App 内实际展示为准。
本文由极客豌豆编辑部整理。内容与编辑政策