Ae：基于路径点位移的变形动画

最新推荐文章于 2024-01-22 21:50:07 发布

MediaTea

最新推荐文章于 2024-01-22 21:50:07 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/qq_41176800/article/details/125342252

版权

本文详细介绍了如何利用文本蒙版和形状图层创建动画效果，通过表达式控制路径点位置、大小和颜色，滑块操作触发偏移和路径控制。通过实例演示了如何通过关键帧让圆点沿路径动态分布，并展示视觉变换过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

动画效果

一般步骤及说明

1、创建文本图层，输入文字“C”。

在文本图层上右击选择“创建/从文字创建蒙版”。

用同样的方法创建文字“S”的轮廓。

然后，隐藏所有文本图层及轮廓图层。

2、新建一个形状图层，并设置锚点和位置属性均为 [0,0]。

为形状图层添加“组 1”，并更名为“路径点”。

在“路径点”组中添加一个椭圆路径，再添加一个填充属性。

说明：

可以向形状图层添加“效果/表达式控制”分别用于控制椭圆路径的大小以及填充的颜色。

//椭圆路径 1 的大小属性表达式
x = effect("圆点大小")("滑块").value;
[x,x]

//填充的颜色属性表达式
effect("颜色控制")("颜色")

3、为形状图层添加两个滑块控制效果，分别命名为“偏移”和“控制”。

4、为“变换：路径点” 的位置属性添加表达式。

//偏移值由滑块控制决定
offset = effect("偏移")("滑块").value;
//propertyGroup 返回指定级别的对象，2 时指的是“路径点”组
//propertyIndex 返回对象在上级对象的序号，此处指的是“路径点”组在“内容”中的序号
rank = thisProperty.propertyGroup(2).propertyIndex - offset;
//propertyGroup(3)返回指定"内容"属性组，numProperties 返回属性组中的属性个数。
numberObjects = thisProperty.propertyGroup(3).numProperties - offset;
//设置“路径点”在路径弧长的百分比。
positionOnPath = (rank)/numberObjects;
//获取“路径点”在路径上的坐标。
Position1 = thisComp.layer("“C”轮廓").mask("C").maskPath.pointOnPath(percentage = positionOnPath, t = time);
Position2 = thisComp.layer("“S”轮廓").mask("S").maskPath.pointOnPath(percentage = positionOnPath, t = time);
//控制从一个坐标变换到另一个坐标
controler = effect("控制")("滑块").value;
linear(controler,0,100,Position1,Position2);

5、复制多个“路径点”，直到圆点布满整个路径。

6、通过为“控制”效果的滑块属性设置关键帧（值从 0 到 100），以实现动画。