提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
今天的教程,我们将完全使用表达式来实现字幕条的自动伸缩效果,而且效果会更好,可控性更高。
新年第一弹!在之前的教程中,我们用到了“转换通道+高斯模糊+表达式链接原文本”的方式来实现字幕条的自动伸缩。今天的教程,我们将完全使用表达式来实现这一效果,而且效果会更好,可控性更高。
(令人愉悦的效果图)
视频教程链接:
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
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册