AE制作文字推动文字炸裂动画教程
时间:2026-05-22 | 作者:318050 | 阅读:0AE怎么制作文字推动文字并炸裂的动画
想用After Effects做出文字飞入撞碎图形的酷炫效果吗?原理并不复杂。核心是让两个图层动起来,在碰撞瞬间触发爆炸。下面我们一步步拆解这个流程。
第一步:导入素材并创建合成
首先,启动AE并导入准备好的素材。这里我们使用一张带透明背景的PNG图片。
你可以从项目面板双击空白处,或右键选择导入文件。
接着,将图片拖到面板底部的“新建合成”图标上。AE会自动以图片尺寸创建一个匹配的合成。
第二步:设置背景与观察环境
为看清透明部分,点击预览窗口下方的“切换透明网格”按钮。
新建一个纯色层,放在图片下方作为背景。这能让你更好地观察动画效果。
第三步:制作图片位移动画
现在让图片动起来。展开图片层的变换属性,找到“位置”。
将时间指示器移到第0帧,点击位置前的秒表图标打上第一个关键帧。此时图片应在画面中央。
将时间线拖到第2秒,用鼠标把图片横向拖出画面右侧。这样,一个从中心移动到右侧的位移动画就做好了。
第四步:添加爆炸效果
这是关键一步:制造爆炸。选中图片层,在“效果和预设”面板搜索“CC Pixel Polly”。这是一个模拟像素爆炸的经典效果,将其添加到图片层。
在效果控件面板调整参数:
- 将“Force”(作用力)调到200左右,增加爆炸强度。
- “Gravity”(重力)可设为1,保持自然下落感。
- 最关键的是“Start Time (sec)”(开始时间),将其设置为2。这意味着爆炸效果会在第2秒,即图片开始移动时才触发。
第五步:创建并设置文字层
主角文字该上场了。新建一个文本层,输入你想展示的文字,例如“BOOM!”。
为了让文字飞入更有动感,可以给它添加“变形”效果(位于“扭曲”分类下)。
将变形样式设为“弓形”,变形轴为“垂直”。这样文字在运动时会产生弹性弯曲,看起来更生动。
第六步:制作文字的推动动画
现在制作文字的推动动画。同样展开文本层的位置属性。
在第0帧打上关键帧,并把文字完全拖到画面左侧之外,让它从场外开始。
将时间线移到第1秒,把文字水平拖动到图片的边缘,仿佛它刚刚撞上图片。
为了模拟撞击后的反弹,在第2秒的位置,把文字往回稍微拖动一点,形成微小回弹。
别忘了给这几个关键帧加上缓动,让运动更自然。
第七步:关键的时间对位
最后一步,进行时间对位。目前图片是从第0秒就开始移动,这不对。
我们需要的是文字在第1秒撞上它,它才开始动。
操作很简单:在时间轴面板上,框选图片“位置”属性的所有关键帧(第0秒和第2秒的两个),整体向前拖动1秒。
这样,图片的移动和爆炸就变成了从第1秒才开始,与文字的撞击时间完美同步。
完成与预览
至此,一个文字飞入、推动图形、图形位移并随即炸裂的完整动画就完成了。
按下空格键预览,感受这组动态碰撞的视觉效果吧。
来源:整理自互联网
免责声明:文中图文均来自网络,如有侵权请联系删除,心愿游戏发布此文仅为传递信息,不代表心愿游戏认同其观点或证实其描述。
相关文章
更多-
- Premiere如何将效果保存为预设教程
- 时间:2026-07-05
-
- Adobe Acrobat如何压缩PDF文件大小
- 时间:2026-07-02
-
- 在Adobe Illustrator中将彩色图像变为无色的详细操作指南
- 时间:2026-06-29
-
- Adobe Illustrator内部绘图使用指南
- 时间:2026-06-28
-
- Adobe Acrobat添加日期方法详解
- 时间:2026-06-26
-
- Adobe Acrobat合并打印PDF文件操作指南
- 时间:2026-06-26
-
- Adobe Acrobat PDF文档单位设置与修改方法
- 时间:2026-06-26
-
- Adobe Acrobat导出数字证书详细步骤指南
- 时间:2026-06-26
精选合集
更多大家都在玩
大家都在看
更多-
- 米侠浏览器全屏浏览及隐藏状态栏设置方法
- 时间:2026-07-05
-
- Edge浏览器沉浸式阅读器翻译整篇外文教程
- 时间:2026-07-05
-
- 百度浏览器无痕模式开启与设置完整指南
- 时间:2026-07-05
-
- 谷歌浏览器如何禁止网页屏幕常亮
- 时间:2026-07-05
-
- vivo浏览器移动数据无法上网 WiFi正常原因解析
- 时间:2026-07-05
-
- Safari浏览器关闭双击放大防止误触手势冲突方法
- 时间:2026-07-05
-
- 彩虹浏览器避免打扰的通知权限管理详细步骤
- 时间:2026-07-05
-
- 神马浏览器开启全屏模式简单教程
- 时间:2026-07-05













