0

0

AE怎么做MG动画 After Effects基础图形动画制作入门【教程】

冰火之心

冰火之心

发布时间:2026-01-01 12:38:02

|

937人浏览过

|

来源于php中文网

原创

若想快速上手AE制作MG动画,需掌握五大步骤:一、新建匹配输出用途的合成;二、导入AI或绘制矢量图形并分层命名;三、用贝塞尔插值与F9缓动控制关键帧节奏;四、通过Trim Paths实现描边生长;五、用四帧错位法添加弹性回弹效果。

ae怎么做mg动画 after effects基础图形动画制作入门【教程】

如果您希望在After Effects中快速上手制作MG动画,但对软件操作与图形动画逻辑尚不熟悉,则可能是由于缺乏基础合成构建、图层组织与关键帧节奏控制意识。以下是完成AE基础MG动画的实操步骤:

一、新建合成并设置基础参数

合成是MG动画的时间与空间容器,正确设定分辨率、帧率和时长,能避免后期缩放失真与节奏错位。需匹配输出用途(如社交媒体常用1080×1080或1920×1080,帧率为25或30fps)。

1、启动After Effects,点击顶部菜单栏“合成”→“新建合成”。

2、在弹出窗口中输入合成名称,例如“MG_基础开场”。

3、预设选择“HDV/HDTV 720 25”,或手动设置宽度1920、高度1080、帧率25、持续时间10秒。

4、确保“像素长宽比”为“方形像素”,点击“确定”完成创建。

二、导入或创建矢量图形元素

MG动画依赖清晰可缩放的图形资产,优先使用AI源文件或AE内置形状图层,避免位图拉伸锯齿。将图形分层命名(如“背景”“图标”“文字”),便于后续动画绑定与管理。

1、双击项目面板空白处,导入AI文件(确保AI中已释放剪切蒙版、合并路径)。

2、导入后右键图层→“转换为形状图层”,使矢量路径具备内容属性(如“路径”“填充”“描边”)。

3、若无AI资源,可点击工具栏“矩形工具”或“钢笔工具”,在合成窗口直接绘制新形状图层。

4、选中形状图层,在“添加”下拉菜单中启用“填充”与“描边”,调整颜色与粗细。

三、应用关键帧驱动基础运动动画

MG动画的核心节奏由关键帧的位置、插值与缓动决定。默认线性关键帧易显生硬,需主动修改为“缓入缓出”以模拟自然惯性。

1、选中图形图层,在时间轴上移动至第0秒,按P键调出“位置”属性,点击码表添加第一个关键帧。

2、拖动时间指示器至第2秒,将图层拖至画布右侧目标位置,自动生成第二个关键帧。

海螺音乐
海螺音乐

海螺AI推出的AI音乐生成工具,可以生成个性化的音乐作品。

下载

3、框选两个关键帧,右键→“关键帧插值”→将“时间插值”和“空间插值”均设为“贝塞尔”。

4、按F9键快捷应用缓动,或手动拖拽关键帧手柄调节运动曲线弧度。

四、使用Trim Paths实现描边生长效果

描边生长是MG动画高频表现手法,适用于流程图、图标勾选、线条引导等场景。Trim Paths仅对形状图层中的“路径”子属性生效,需确保图层类型正确。

1、确认当前图层为形状图层且含“路径”属性(若为纯导入AI图层,须先执行“转换为形状图层”)。

2、展开图层属性,依次点击“添加”→“修剪路径”,此时出现“开始”“结束”“偏移”三项滑块。

3、将时间指示器置于第0秒,设置“开始”为0%、“结束”为0%,点击“结束”码表添加关键帧。

4、移动至第3秒,将“结束”设为100%,生成第二个关键帧;保持“开始”始终为0%。

五、添加弹性回弹与弹簧运动效果

真实感运动需打破匀速逻辑,通过多帧错位与反向位移模拟物理惯性。典型弹簧效果依赖三帧节奏:到位→回撤→停稳,形成视觉记忆点。

1、在第0秒设置初始位置关键帧(第一帧)。

2、在第1秒设置最终停留位置关键帧(第二帧)。

3、在第1.5秒将图层略微反向拖动,使其偏离第二帧位置约15–20像素(第三帧)。

4、在第2秒再次设置与第二帧完全相同的位置(第四帧),形成“落定—回弹—静止”三段式运动。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

8

2026.01.30

c++ 字符串格式化
c++ 字符串格式化

本专题整合了c++字符串格式化用法、输出技巧、实践等等内容,阅读专题下面的文章了解更多详细内容。

8

2026.01.30

java 字符串格式化
java 字符串格式化

本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。

6

2026.01.30

python 字符串格式化
python 字符串格式化

本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容,阅读专题下面的文章了解更多详细操作。

1

2026.01.30

java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

20

2026.01.29

java配置环境变量教程合集
java配置环境变量教程合集

本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。

17

2026.01.29

java成品学习网站推荐大全
java成品学习网站推荐大全

本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。

18

2026.01.29

Java字符串处理使用教程合集
Java字符串处理使用教程合集

本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。

3

2026.01.29

Java空对象相关教程合集
Java空对象相关教程合集

本专题整合了Java空对象相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.3万人学习

Pandas 教程
Pandas 教程

共15课时 | 1.0万人学习

ASP 教程
ASP 教程

共34课时 | 4.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号