记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 13349|回复: 0
收起左侧

[设计经验] VOL.5 如何用AE表达式制作伸缩自如的字幕条[含9P]

[复制链接]
发表于 2019-1-12 09:44:56 | 显示全部楼层 |阅读模式
今天的教程,我们将完全使用表达式来实现字幕条的自动伸缩效果,而且效果会更好,可控性更高。

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

视频教程链接:








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



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


新建“黄色底”,大小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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )