请点击右上角在浏览器中打开

三种给文字加底框的方法

veleap头像
VE Leap社区
2023-05-04
432
正文内容

在AE中我们经常需要给文字加个背景框,每次都用形状图层来画很麻烦,今天用三种方法讲一下简便快捷的背景框制作方法。

表达式制作

1.新建文字层,对齐方式选择居中对齐,将锚点放在文字层中间,将文字层命名为text1

AE教程,文字设计,动效设计,表达式,文字装饰,自动适配,ae获取图层宽度,VE插件,ae插件,原创插件,AE底框怎么做,背景怎么做,

2.用形状工具画一个矩形,将锚点放在矩形中心,将矩形居中对齐合成

AE教程,文字设计,动效设计,表达式,文字装饰,自动适配,ae获取图层宽度,VE插件,ae插件,原创插件,AE底框怎么做,背景怎么做,

3.给矩形添加两个滑块,一个命名为宽,一个命名为高

AE教程,文字设计,动效设计,表达式,文字装饰,自动适配,ae获取图层宽度,VE插件,ae插件,原创插件,AE底框怎么做,背景怎么做,

4.给宽度滑块添加表达式,表达式获取了文字层的宽度:

value = thisComp.layer("text1").sourceRectAtTime().width;

AE教程,文字设计,动效设计,表达式,文字装饰,自动适配,ae获取图层宽度,VE插件,ae插件,原创插件,AE底框怎么做,背景怎么做,

5.给高度滑块添加表达式,表达式获取了文字层的高度:

thisComp.layer("text1").sourceRectAtTime().height;

AE教程,文字设计,动效设计,表达式,文字装饰,自动适配,ae获取图层宽度,VE插件,ae插件,原创插件,AE底框怎么做,背景怎么做,

6.给形状图层的矩形大小添加表达式:

a = effect("宽")("滑块");
b = effect("高")("滑块");
[a + 50, b + 50]

AE教程,文字设计,动效设计,表达式,文字装饰,自动适配,ae获取图层宽度,VE插件,ae插件,原创插件,AE底框怎么做,背景怎么做,

我们用前面获取的数值生成了一个适配文字宽度、高度的矩形,因为前后要留有一定的空间,所以给两个值都加了50,这个部分的数值可以自行调节。

7.修改文字内容,边框会自动适配

AE教程,文字设计,动效设计,表达式,文字装饰,自动适配,ae获取图层宽度,VE插件,ae插件,原创插件,AE底框怎么做,背景怎么做,


Palf Motion Text Box

Palf Motion Text Box是一款轻量的小脚本,可以辅助我们制作文字背景框。

1.新建文字层

AE教程,文字设计,动效设计,表达式,文字装饰,自动适配,ae获取图层宽度,VE插件,ae插件,原创插件,AE底框怎么做,背景怎么做,

2.打开脚本,点击apply,修改颜色或参数

AE教程,文字设计,动效设计,表达式,文字装饰,自动适配,ae获取图层宽度,VE插件,ae插件,原创插件,AE底框怎么做,背景怎么做,

3.修改文字内容,边框会自动适配

AE教程,文字设计,动效设计,表达式,文字装饰,自动适配,ae获取图层宽度,VE插件,ae插件,原创插件,AE底框怎么做,背景怎么做,


VE Dynamic Frame

VE Dynamic Frame 是一款利用九宫格缩放技术来为图层添加边框的AE插件,可视化交互调整九宫格边框,非常方便。

1.新建文字层

2.用形状图层画一个边框,将边框预合成

3.将边框拖入主合成中,隐藏图层

4.给文字层添加VE Dynamic Frame,边框图层选择预合成,插件支持可视化编辑,调整上下左右边距,就可以获得一个自定义的边框

5.在与合成中修改边框的样式,文字的边框会随之改变

相关阅读:

在AE中获得一个自动适配文字的下划线

VE Dynamic Frame

  • VE插件教程
  • AE教程
  • AE插件
  • 动效设计
  • 文字设计
  • 自动适配
  • 原创插件
  • 表达式
  • 文字装饰
  • ae获取图层宽度
  • VE插件
  • AE底框怎么做
下载专区 如何获取VE币?
  • VE Dynamic Frame 1.0 汉化版
    上传日期:2022-11-25
/
立即打卡
点击下方”选择文件"或将文件拖拽到此区域
支持批量上传,上传格式为mp4文件
*标题:
*简介:
下载专区

温馨提示

暂不支持 系列版本下载 欢迎加入社区交流群,获取最新产品及资讯