位置:首页 > 行业软件 > AE制作文字推动文字炸裂动画教程

AE制作文字推动文字炸裂动画教程

时间:2026-05-22  |  作者:318050  |  阅读:0

AE怎么制作文字推动文字并炸裂的动画

想用After Effects做出文字飞入撞碎图形的酷炫效果吗?原理并不复杂。核心是让两个图层动起来,在碰撞瞬间触发爆炸。下面我们一步步拆解这个流程。

第一步:导入素材并创建合成

首先,启动AE并导入准备好的素材。这里我们使用一张带透明背景的PNG图片。

你可以从项目面板双击空白处,或右键选择导入文件。

AE制作文字推动文字炸裂动画教程_wishdown.com

接着,将图片拖到面板底部的“新建合成”图标上。AE会自动以图片尺寸创建一个匹配的合成。

AE制作文字推动文字炸裂动画教程_wishdown.com

第二步:设置背景与观察环境

为看清透明部分,点击预览窗口下方的“切换透明网格”按钮。

新建一个纯色层,放在图片下方作为背景。这能让你更好地观察动画效果。

AE制作文字推动文字炸裂动画教程_wishdown.com

AE制作文字推动文字炸裂动画教程_wishdown.com

AE制作文字推动文字炸裂动画教程_wishdown.com

第三步:制作图片位移动画

现在让图片动起来。展开图片层的变换属性,找到“位置”。

将时间指示器移到第0帧,点击位置前的秒表图标打上第一个关键帧。此时图片应在画面中央。

将时间线拖到第2秒,用鼠标把图片横向拖出画面右侧。这样,一个从中心移动到右侧的位移动画就做好了。

AE制作文字推动文字炸裂动画教程_wishdown.com

第四步:添加爆炸效果

这是关键一步:制造爆炸。选中图片层,在“效果和预设”面板搜索“CC Pixel Polly”。这是一个模拟像素爆炸的经典效果,将其添加到图片层。

在效果控件面板调整参数:

  • 将“Force”(作用力)调到200左右,增加爆炸强度。
  • Gravity”(重力)可设为1,保持自然下落感。
  • 最关键的是“Start Time (sec)”(开始时间),将其设置为2。这意味着爆炸效果会在第2秒,即图片开始移动时才触发。

AE制作文字推动文字炸裂动画教程_wishdown.com

AE制作文字推动文字炸裂动画教程_wishdown.com

第五步:创建并设置文字层

主角文字该上场了。新建一个文本层,输入你想展示的文字,例如“BOOM!”。

为了让文字飞入更有动感,可以给它添加“变形”效果(位于“扭曲”分类下)。

将变形样式设为“弓形”,变形轴为“垂直”。这样文字在运动时会产生弹性弯曲,看起来更生动。

AE制作文字推动文字炸裂动画教程_wishdown.com

AE制作文字推动文字炸裂动画教程_wishdown.com

AE制作文字推动文字炸裂动画教程_wishdown.com

第六步:制作文字的推动动画

现在制作文字的推动动画。同样展开文本层的位置属性。

在第0帧打上关键帧,并把文字完全拖到画面左侧之外,让它从场外开始。

将时间线移到第1秒,把文字水平拖动到图片的边缘,仿佛它刚刚撞上图片。

为了模拟撞击后的反弹,在第2秒的位置,把文字往回稍微拖动一点,形成微小回弹。

别忘了给这几个关键帧加上缓动,让运动更自然。

AE制作文字推动文字炸裂动画教程_wishdown.com

AE制作文字推动文字炸裂动画教程_wishdown.com

第七步:关键的时间对位

最后一步,进行时间对位。目前图片是从第0秒就开始移动,这不对。

我们需要的是文字在第1秒撞上它,它才开始动。

操作很简单:在时间轴面板上,框选图片“位置”属性的所有关键帧(第0秒和第2秒的两个),整体向前拖动1秒。

这样,图片的移动和爆炸就变成了从第1秒才开始,与文字的撞击时间完美同步。

完成与预览

至此,一个文字飞入、推动图形、图形位移并随即炸裂的完整动画就完成了。

按下空格键预览,感受这组动态碰撞的视觉效果吧。

AE制作文字推动文字炸裂动画教程_wishdown.com

来源:整理自互联网
免责声明:文中图文均来自网络,如有侵权请联系删除,心愿游戏发布此文仅为传递信息,不代表心愿游戏认同其观点或证实其描述。

相关文章

更多

精选合集

更多

大家都在玩

热门话题

大家都在看

更多