ae制h5文字动画_利用AE制作文字扭转动画

开始之前，先看看我制作的效果GIF图如下：

(1)效果1

(2)效果2

制作步骤

(1)新建合成：1920*1080，帧频率30帧/秒，持续时间5秒，命名为“文字”。利用文本工具输入文字，居中对齐，将“LEFT”的锚点移至左中间点，如下图：

调出该文字图层的“缩放”属性，设置其关键帧(注：关键帧1秒开始，2秒结束)，让其有从左往右缩的一个动画，效果图如下：

调出其“标题/动作安全、参考线”，如下图：

给其添加“网格变形”效果，将效果的行数和列数均设为3，然后设置【扭曲网格】关键帧：第1个关键帧直接打，第2个关键帧，网格的操作GIF图如下：

全选所有关键帧按F9添加缓动，利用图表编辑器调整其速度，结果图如下：

①网格扭曲关键帧：

②缩放关键帧：

(2)复制“LEFT”文本图层，将文字改成"RIGHT",重新设置其【网格扭曲】和缩放关键帧，得到最终的效果GIF图如下：

(3)全选两文字图层右键预合成(注：勾选将所有属性转移到新合成)，命名为“文字”，进入文字合成，全选两文字图层按U调出所有关键帧→全选所有关键帧，将其移动到3秒15帧位置，结果图如下：

利用Ctrl+D键复制出2个文字合成图层，给复制的图层添加效果：①均添加“残影”效果，参数设置如下图：

②给第2个文字图层添加“填充”效果，设置【颜色】的关键帧：①2秒12帧位置时，颜色为红色，打上关键帧；②3秒3帧位置时，颜色为橙色，打上关键帧。

给第3个文字图层的【颜色】关键帧设置如下：①2秒12帧位置时，颜色为紫色，打上关键帧；②3秒3帧位置时，颜色为黄色，打上关键帧。结果图如下：

③均添加“发光”效果，【发光半径】设为30。通过以上操作得到的效果GIF图如下：

全选3个文字图层右键预合成(注：勾选将所有属性转移到新合成)，重命名为“发光文字”。(4)利用Ctrl+D键复制出1个“发光文字”图层，给其添加“快速方框模糊”效果，效果参数设置如下图：

点击该图层按T调出其“不透明度”属性，设置其关键帧：①2秒3帧位置时，数值为20%，打上关键帧；②2秒15帧位置时，数值为80%，打上关键帧；③3秒位置时，数值为80%，打上关键帧；④3秒15帧位置时，数值为0%，打上关键帧。

然后将该图层右键预合成(注：勾选将所有属性转移到新合成)，重命名为“模糊”。然后将“模糊”图层的出现时间调整至15帧位置，如下图：

然后利用矩形工具给“模糊”图层添加一个蒙版，如下图：

通过以上操作即可得到效果1。(5)全选“发光文字”和“模糊”图层右键预合成(注：勾选将所有属性转移到新合成)，重命名为“预合成1”。

给其添加“时间重映射”，设置【时间重映射】关键帧：①2秒位置时，数值为(0:00:00:00)，打上关键帧；②2秒14帧位置时，数值为(0:00:03:15)，打上关键帧；③3秒15帧位置时，数值为(0:00:03:15)，打上关键帧；④4秒15帧位置时，数值为(0:00:00:00)，打上关键帧。

得到的效果GIF图如下：

利用Ctrl+D键复制出2个预合成1，调整其位置(上下)，即可得到效果2。 如需要该文字动画的工程文件，可通过以下链接获取：https://pan.baidu.com/s/1ktCd_1mE3NSa3zcKwh1Ebw提取码：b7jx复制这段内容后打开百度网盘手机App，操作更方便哦

往期推荐

利用AE制作有趣的抖动文字动画

利用AE制作流畅文字变形动画

利用AE制作闪烁文本动画

喜欢的话，点个赞！