ae制h5文字动画_利用AE制作扭曲翻转展示文字动画

f41a1af4c829f33bf25187d28b31d9bc.png

开始之前,先看看我做的效果,效果预览GIF图如下:

4d522daa6aa437a9fd29cbc2ace126c5.gif

制作步骤

(1)新建合成:150*300,帧频率30帧/秒,持续时间3秒,命名“合成1”。利用文本工具输入文字,操作的GIF图如下:

ba8628efb9b2562a534325e10eae0803.gif

(2)调整文字锚点位置及新建空对象,同时调整空对象的锚点位置。操作的GIF图如下:

58cca1c170fcb21ee17ac93419ee5188.gif

(3)打开文字图层和空对象的3D图层开关,在“左视图”视角下调整文本位置。操作的GIF图如下:

c57c1353dbde292791f8d91184d0094c.gif

(4)复制文本图层及设置其X轴旋转度数,操作的GIF图如下:

478855c04675051a0cb94df0992f0f60.gif

对文本图层名称进行重命名,并重新调整位置,操作的GIF图如下:

c104415e4c6252ec96c8378cc7eb8464.gif

再次复制文本图层,调整复制图层的位置和X轴旋转度数,操作的GIF图如下:

478855c04675051a0cb94df0992f0f60.gif

(5)将所有文本图层的父级关联到空对象,操作的GIF图如下:

cf4845aa56e62c775fa9ef40dc6b22a3.gif

设置空对象的X轴旋转关键帧,操作的GIF图如下:

d0e2f19bf7b0226152d1d5e0e1a19c7b.gif

全选关键帧按F9添加缓动,利用图表编辑器调整其速度,操作的GIF图如下:

04eaa874c3c84069e34ffdd52fce18a3.gif

(6)修改文本图层的文字及颜色,操作的GIF图如下:

0de9001b3cd046c1b2d6ea0aec8d4a67.gif

(7)调整各文字图层的出现时间和结束时间(利用"Alt+]"和“Alt+[”键进行修剪,修剪的规律:这个字母出现至消失,然后另一个字母出现为规则进行修剪),结果图如下:

6415105066ef28ecca995fa706c09be4.png

给所有文本图层打上运动模糊。效果预览GIF图如下:

69415b140d018cd6bfba4c9df9273d53.gif

(8)在项目中点击“合成1”按Ctrl+D复制出“合成2”,修改合成2中“T图层”的文字,操作的GIF图如下:

6421efbdbee0332f8e0ce6280468cfd3.gif

重复上述步骤,直至得到你需要的所有文字。

注:我需要展示的文字是:TUIBIANCHEN,故我需要:T、U、I、B、A、N、C、H、E共9个合成。为了便于辨认,我将各个合成名字也改成了对应的字母名字,如下图:

2a0d26d1078e5a397c7e5361e0a31590.png

(9)新建合成:1600*300,帧频率30帧/秒,持续时间3秒,命名为“主合成”。

be1d5c5295561ce82b4706384c20c2da.png

(10)将各文字合成拖到主合成中,调整各个文字的位置(我按TUIBIANCHEN顺序排列),再调整各个图层的出现时间(可利用关键帧辅助中的序列图层进行快速实现),操作的GIF图如下:

a79caf0a112ec0ee187c0919d464fad2.gif

经过以上步骤,最终得到最终效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值