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秒,将图层拖至画布右侧目标位置,自动生成第二个关键帧。

Videoleap
Videoleap

Videoleap是一个一体化的视频编辑平台

下载

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秒再次设置与第二帧完全相同的位置(第四帧),形成“落定—回弹—静止”三段式运动。

相关专题

更多
php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

7

2025.12.31

php网站源码教程大全
php网站源码教程大全

本专题整合了php网站源码相关教程,阅读专题下面的文章了解更多详细内容。

4

2025.12.31

视频文件格式
视频文件格式

本专题整合了视频文件格式相关内容,阅读专题下面的文章了解更多详细内容。

7

2025.12.31

不受国内限制的浏览器大全
不受国内限制的浏览器大全

想找真正自由、无限制的上网体验?本合集精选2025年最开放、隐私强、访问无阻的浏览器App,涵盖Tor、Brave、Via、X浏览器、Mullvad等高自由度工具。支持自定义搜索引擎、广告拦截、隐身模式及全球网站无障碍访问,部分更具备防追踪、去谷歌化、双内核切换等高级功能。无论日常浏览、隐私保护还是突破地域限制,总有一款适合你!

7

2025.12.31

出现404解决方法大全
出现404解决方法大全

本专题整合了404错误解决方法大全,阅读专题下面的文章了解更多详细内容。

42

2025.12.31

html5怎么播放视频
html5怎么播放视频

想让网页流畅播放视频?本合集详解HTML5视频播放核心方法!涵盖<video>标签基础用法、多格式兼容(MP4/WebM/OGV)、自定义播放控件、响应式适配及常见浏览器兼容问题解决方案。无需插件,纯前端实现高清视频嵌入,助你快速打造现代化网页视频体验。

4

2025.12.31

关闭win10系统自动更新教程大全
关闭win10系统自动更新教程大全

本专题整合了关闭win10系统自动更新教程大全,阅读专题下面的文章了解更多详细内容。

3

2025.12.31

阻止电脑自动安装软件教程
阻止电脑自动安装软件教程

本专题整合了阻止电脑自动安装软件教程,阅读专题下面的文章了解更多详细教程。

3

2025.12.31

html5怎么使用
html5怎么使用

想快速上手HTML5开发?本合集为你整理最实用的HTML5使用指南!涵盖HTML5基础语法、主流框架(如Bootstrap、Vue、React)集成方法,以及无需安装、直接在线编辑运行的平台推荐(如CodePen、JSFiddle)。无论你是新手还是进阶开发者,都能轻松掌握HTML5网页制作、响应式布局与交互功能开发,零配置开启高效前端编程之旅!

2

2025.12.31

热门下载

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

精品课程

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

共58课时 | 3.1万人学习

Pandas 教程
Pandas 教程

共15课时 | 0.9万人学习

ASP 教程
ASP 教程

共34课时 | 3万人学习

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

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