逐字滑入、依次旋转、连续缩放或逐个改变外观,是标题、片头和动态图形中常见的文字动画。逐个字符分别建立关键帧虽然也能实现这些效果,但文字较长时操作繁琐,后续调整节奏也比较困难。
Fusion 中的跟随器(Follower)是Text+ 文本+专用的文字动画修饰器。它可以先为字符建立一套基础动画,确定动画从什么状态开始、最终变成什么状态以及完成这次变化需要多长时间,再通过“延迟”把这套动画依次错开到后续字符,从而形成连续的逐字效果。
一、创建逐字动画的两个关键环节
创建逐字动画主要包括两个关键环节:创建基础动画和设置“延迟”参数。
1、创建基础动画
在跟随器中,通过在“变换”“着色”等选项卡中为相关参数设置关键帧创建基础动画。
起始关键帧记录动画的开始状态,结束关键帧记录动画的最终状态。
在逐字动画中,这两个关键帧之间的时间间隔则决定单个字符完成一次变化需要的时长。
例如,以 8 个字符“mediaTEA”为例,制作一段从第 0 帧开始、到第 100 帧完成的逐字滑入动画。
起始关键帧设为第 0 帧,结束关键帧设为第 30 帧,单个字符动画时长则为 30 − 0 = 30 帧。
因此,要改变单个字符本身的运动快慢,应首先调整基础动画的关键帧时间。
![]()
图 1:逐字动画实现原理示意图
2、设置“延迟”参数
基础动画建立后,跟随器可以通过设置“延迟”(Delay)参数的值将同一套动画依次应用到后续字符。
“延迟”参数值决定了后续字符相对于前一个字符晚多少帧开始执行这套基础动画。
例如,设置“延迟”为 10,表示相邻字符开始执行基础动画的时间相差 10 帧。对于示例文字“mediaTEA”:
• m 从第 0 帧开始
• e 从第 10 帧开始
• d 从第 20 帧开始
• 后续字符继续以 10 帧为间隔依次开始
• A 从第 70 帧开始
每个字符仍然需要 30 帧完成自己的基础动画,因此最后一个字符 A 在第 100 帧完成。
在这种逐字符延迟设置下,整段动画的总时长可以表示为:
总动画时长 = 单字符动画时长 +(字符数 − 1)× 延迟
本例为:
30 +(8 − 1)× 10 = 100 帧
![]()
图 2:关键帧与 Delay 的时间关系
二、制作逐字文字动画的一般过程
1、建立 Text+ 文字
进入 Fusion 页面,添加Text+ 文本+节点,在检查器“文本”输入框中输入文字,例如“mediaTEA”。
根据画面需要设置字体、字号、颜色和最终位置。
2、为文字添加跟随器
(1)选中 Text+ 节点。
(2)在“Text1 > 文本”中的“文本”输入框中右键,选择“跟随器”。
添加后,检查器顶部会出现“修改器”(Modifiers)选项卡。切换到“修改器”,即可看到 Follower1。
跟随器是附加在 Text+ 上的修饰器,因此不会在节点区形成独立的普通处理节点。
3、设置基础动画的开始状态
(1)把播放头移到第 0 帧。
(2)在“Follower1 > 变换”选项卡中,找到“偏移”(Offset)参数,单击右侧的关键帧按钮。
说明:为“偏移”启用关键帧后,Fusion 可能自动添加“路径”(Path)修饰器,并暂时切换到 Path 的控制界面。这属于正常现象。若要继续设置跟随器,在“修改器”列表中双击 Follower1 即可,不需要删除 Path。
(3)随后调整 Y 值,使字符位于动画的开始位置,比如下方。
这个关键帧记录了本例基础动画的开始状态。
4、设置基础动画的最终状态
(1)把播放头移到第 30 帧。
(2)将 Y 值恢复为 0,使字符回到动画的最终位置。
播放检查时,mediaTEA 的所有字符应暂时同时执行这套基础动画。应先确认开始位置、最终位置和 30 帧的运动节奏都合适,再设置逐字延迟。
5、设置字符延迟
打开“Follower1 > 时间”选项卡,将“延迟”参数的值设 10。“延迟”参数的单位为“帧”。
播放动画后,所有字符会依次执行前面建立的 30 帧基础动画,相邻字符的开始时间相隔 10 帧。
6、检查整体节奏
完成逐字动画后,从头到尾播放一次,重点观察:
• 开始状态是否自然
• 字符到达最终状态时是否准确
• 单个字符动画速度是否合适
• 字符之间的时间间隔是否协调
• 最后一个字符是否在预定时间完成
如果需要修改整体节奏,应先判断问题属于基础动画还是字符延迟,再调整对应的时间关系。
本例最终效果展示:
三、跟随器的进阶应用
1、组合多种字符变化
跟随器的基础动画可以同时包含位移、旋转、缩放和其他变化。
这些变化共同描述字符从开始状态到最终状态的过程,并共享同一套“延迟”。因此,可以让字符在滑入的同时旋转、缩放或逐渐显现,而无需分别建立字符延迟。
复杂动画仍应先把单个字符的开始状态、最终状态和运动时长调整自然,再设置逐字传播。
2、用样条曲线改善运动
关键帧确定开始状态、最终状态和动画时长,样条曲线(Spline)进一步决定两个状态之间的变化速度。
通过调整曲线,可以让字符逐渐启动、自然停止,或者加入轻微回弹。
样条曲线改变的是单个字符基础动画的运动质感,“延迟”仍然只控制不同字符之间的开始时间差。
3、制作逐字外观动画
跟随器还可以用于透明度、颜色和其他文字外观变化。
例如,可以让字符从透明逐渐显现,或者让颜色变化依次经过整段文字。
这类效果仍遵循相同逻辑:先建立开始状态和最终状态,再由“延迟”将这套变化依次传播到不同字符。
4、改变动画范围和传播顺序
跟随器还可以控制哪些字符参与动画,以及字符按照什么顺序执行动画。
因此,除了从第一个字符依次向后传播,还可以根据标题设计制作局部强调、反向出现或其他顺序变化。
无论采用哪种方式,基础动画与字符延迟仍然是最核心的控制关系。
小结
跟随器的基础动画通过关键帧确定字符的开始状态、最终状态和单字符动画时长,“延迟”参数再将这套动画依次错开到后续字符。分清这两个时间层级,就能准确控制逐字动画的运动、间隔和整体节奏。
“点赞有美意,赞赏是鼓励”
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.