VOL.5 如何用AE表达式制作伸缩自如的字幕条

新年第一弹！在之前的教程中，我们用到了“转换通道+高斯模糊+表达式链接原文本”的方式来实现字幕条的自动伸缩。今天的教程，我们将完全使用表达式来实现这一效果，而且效果会更好，可控性更高。

（令人愉悦的效果图）

视频教程链接：

B站：https://www.bilibili.com/video/av40427255/

腾讯视频：https://v.qq.com/x/page/e08258b9gmb.html

下面是你可能不太看得懂的本期文案：

【表达式控制字幕条长度】

新建“黄色底”，大小248*90

新建文字“12月20日”，填充白色

写入表达式：

“黄色底”-矩形路径-大小写入“表达式”  ：

(  layer  -   sub-objects-  sourceRectAtTime(time))

var w=thisComp.layer("12月20日").sourceRectAtTime(time).width;

[w+40,90]

矩形路径的位置添加表达式：

content("矩形 1").content("矩形路径 1").size/2

新建文本“成都”

同样方法做“白色底”，大小「116.8，90」

矩形路径的“大小”添加表达式：
var w=thisComp.layer("成都").sourceRectAtTime(time).width;

[w+19,90]

矩形路径的“位置”添加表达式：content("矩形 1").content("矩形路径 1").size/2

当“黄色底”的长度发生变化时，我们希望“白色底”的位置也能发生相应的变化：

”白色底“的变换位置添加表达式：

var w=thisComp.layer("黄色底").sourceRectAtTime(time).width;

[w+180,thisComp.layer("12月20日").transform.position[1]]

建立图层父子关系：

“黄色底”链接“12月20日”

文本“成都”链接“白色底”

K关键帧：

文本“成都”添加“动画-缩放-数值0”

第一帧时，“起始”0%，第13帧时，“起始”100%

位置，第1帧「-817，2」，第13帧「-604，1」

不透明度，第1帧0%，第8帧100%

“黄色底”，不透明度，第1帧0%，第4帧100%

“白色底”，不透明度，第1帧0%，第8帧100%

添加缓动，调整关键帧的运动曲线，开启运动模糊

结尾反向K帧

合成-响应式设计时间-创建开场/结尾

导出基本图形

恭喜你，完成！

本次更新：想必你也看得出来，我提前整理了文案，它对我的录制教程的帮助很大，在录制中时常会出现卡壳或者效果不佳的情况，有了提前准备好的文案，我能立马将自己放飞的思绪拉回正轨。

欢迎关注我 @科噢KO