网易首页 > 网易号 > 正文 申请入驻

Fusion:使用跟随器制作逐字文字动画

0
分享至

逐字滑入、依次旋转、连续缩放或逐个改变外观,是标题、片头和动态图形中常见的文字动画。逐个字符分别建立关键帧虽然也能实现这些效果,但文字较长时操作繁琐,后续调整节奏也比较困难。

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.

相关推荐
热点推荐
为啥迟迟不解决台海?外媒:北京可能在等,等3大问题解决再动手

为啥迟迟不解决台海?外媒:北京可能在等,等3大问题解决再动手

凉湫瑾言
2026-10-19 19:32:41
当不成巴西总统?博索纳罗对华表态激起千层浪,头号敌人还有底牌

当不成巴西总统?博索纳罗对华表态激起千层浪,头号敌人还有底牌

经纬戎韬
2026-10-15 00:15:02
马斯克曾表示,全世界有能力的西方国家都讨厌中国!因为中国制造替代了他们

马斯克曾表示,全世界有能力的西方国家都讨厌中国!因为中国制造替代了他们

扶苏聊历史
2026-10-08 17:06:54
炸裂!女网红和男子开房,因动作太猛导致女网红腰部骨折,告上法庭索赔50万

炸裂!女网红和男子开房,因动作太猛导致女网红腰部骨折,告上法庭索赔50万

小徐讲八卦
2026-09-17 09:49:48
NBA勇士队22分大败,球迷赛后猛烈批评3人,格林2分全场最低

NBA勇士队22分大败,球迷赛后猛烈批评3人,格林2分全场最低

纯白的梦j
2026-10-22 13:30:22
“28岁香港名媛蔡天凤被前夫碎尸”庭审曝新细节:白发老人曾买绞肉机,询问是否有碎骨机!前司机称蔡天凤夫妇在澳门欠下赌债

“28岁香港名媛蔡天凤被前夫碎尸”庭审曝新细节:白发老人曾买绞肉机,询问是否有碎骨机!前司机称蔡天凤夫妇在澳门欠下赌债

每日经济新闻
2026-10-21 18:13:12
不出意外,2027下半年,按摩店、足疗店、洗浴店将迎来"大洗牌"

不出意外,2027下半年,按摩店、足疗店、洗浴店将迎来"大洗牌"

墨策史
2026-10-22 09:27:09
李冰冰开出12万月薪招保姆。其中一位保姆应聘,将菜里里外外洗了5、6遍,才给李冰冰看。没想到,李冰冰只看了一眼...

李冰冰开出12万月薪招保姆。其中一位保姆应聘,将菜里里外外洗了5、6遍,才给李冰冰看。没想到,李冰冰只看了一眼...

大爱三湘
2026-07-03 22:27:15
500亿存储芯片股,直线封涨停

500亿存储芯片股,直线封涨停

21世纪经济报道
2026-10-22 15:18:24
往年取暖费按时发放,今年发放有变化,河南退休人员多留意

往年取暖费按时发放,今年发放有变化,河南退休人员多留意

老孙说
2026-10-22 10:02:48
蔡天凤案邻居证词曝光,周兆成:听见电锯声、闻到汤香,感官证词就能直接锁定谋杀?

蔡天凤案邻居证词曝光,周兆成:听见电锯声、闻到汤香,感官证词就能直接锁定谋杀?

周兆成律师
2026-10-22 16:11:30
不查不知道,披日旗的南京留学生,私下有多壕,校方承诺开除遣返

不查不知道,披日旗的南京留学生,私下有多壕,校方承诺开除遣返

小鋭有话说
2026-10-20 22:13:14
李小冉给所有男人都好好上了一课,那句"给你五个亿随便作",如今回头看全是讽刺

李小冉给所有男人都好好上了一课,那句"给你五个亿随便作",如今回头看全是讽刺

南万说娱26
2026-10-20 08:49:32
蒋万安狂输17%原因找到!蓝营又有内鬼冒头?郑丽文彻底无奈了

蒋万安狂输17%原因找到!蓝营又有内鬼冒头?郑丽文彻底无奈了

爱意随风起呀
2026-10-22 07:24:10
克林顿自传揭秘中国大使馆被误炸经过:实际上命中了预定目标!

克林顿自传揭秘中国大使馆被误炸经过:实际上命中了预定目标!

舆图看世界
2026-10-17 15:50:04
新婚夫妻用AI生成婚纱照,花费约3小时,被人看出来不觉得尴尬,当事人:跟金钱无关,两个人以后把日子过好这些都不是问题

新婚夫妻用AI生成婚纱照,花费约3小时,被人看出来不觉得尴尬,当事人:跟金钱无关,两个人以后把日子过好这些都不是问题

背包旅行
2026-10-16 18:08:08
比一票否决更可怕的是:全票通过,联合国五常一致对外会发生什么?

比一票否决更可怕的是:全票通过,联合国五常一致对外会发生什么?

磊子讲史
2026-10-20 14:47:18
79年,张国焘冻死于老人院,许世友:除了毛泽东,谁也不是他对手

79年,张国焘冻死于老人院,许世友:除了毛泽东,谁也不是他对手

雍亲王府
2026-08-18 17:55:03
比廷贝尔还烂!阿森纳 6000 万王牌全场隐身!险些坑惨全队

比廷贝尔还烂!阿森纳 6000 万王牌全场隐身!险些坑惨全队

澜归序
2026-10-22 09:36:40
摩根评金球历史排名引争议:C罗第1 梅西无缘前三

摩根评金球历史排名引争议:C罗第1 梅西无缘前三

追梦聊球
2026-10-22 16:31:55
2026-10-22 17:32:49
MediaTea
MediaTea
专业的数字媒体、新媒体技术
2247文章数 85关注度
往期回顾 全部

科技要闻

腾讯云谷歌紧急行动!互联网安全出大事

头条要闻

媒体:日本防卫省批准了47项"研究课题" 这事不简单

头条要闻

媒体:日本防卫省批准了47项"研究课题" 这事不简单

体育要闻

热闹的NBA回来了,他却倒在新赛季大门口

娱乐要闻

芭莎盛典,张小斐因救场实现口碑暴涨

财经要闻

数据中心建设延期潮 谁受伤、谁受益?

汽车要闻

有七座/续航提升 领克900L曝光还可选双色车身+大饼轮毂

态度原创

旅游
亲子
健康
房产
游戏

旅游要闻

陕西府谷县碛塄村:农旅深度融合 村游活力十足

亲子要闻

梦想和现实

痘痘能根治吗?皮肤科医生说实话

房产要闻

2026国际新消费(医疗)旅游服务出海论坛在海口盛大举办

PS5破解新进展:插盘可玩PS2游戏!索尼不兼它强兼

无障碍浏览 进入关怀版