怎么缩放图层大小_AE表达式教程 形状图层缩放描边粗细不变

今天给大家分享一个如下图这种形状图层缩放描边粗细不变的效果。

实现原理：

当形状图层缩小时，描边宽度增加，比如图形缩小到50%， 描边到宽度就增加2倍。 这需要构造一个根据缩放不断变化到数字。

制作步骤：

1、新建一个圆形，大小500， 描边100，不要填充，给缩放做一个从100到50到100的关键帧动画。

2、将圆形缩放50%，它的描边也缩小了50%， 那这个时候圆应该为：

大小：250，

描边：50

3、新建一个大小250，描边50的紫色圆对比一下。

将紫色圆跟红色圆对齐，它们完全重合，这符合一开始实现原理所说的结论。

2、3步你不用做，这里只是给你验证上面所说的实现原理是否正确。

4、展开描边属性，添加如下表达式。

// 获取形状图层定宽度s = transform.scale[0];// s/100，得到大小的百分比100 / (s/100);

5、预览，你会发现圆缩放的同时，描边增大相同比例，实现了形状图层缩放描边粗细不变的效果。

这句表达式容易理解，但是有个问题，当你给关键帧添加缓动以后，大概率会出现圆变成椭圆动效果。

那你可以使用下面这句表达式：

value / length(toComp([0,0]), toComp([0.7071,0.7071])) || 0.001;

直接将上面这句表达式复制到描边宽度里即可，不用做任何关联，使用非常简单。

表达式来源：

https://gist.github.com/psql/bdad560062adea8bb78949a41f9f575b

关于toComp的用法，我正在录教程，会有详细的介绍跟案例。

只是录教程实在是太费时了，请大家持续等待。

最后祝大家圣诞节快乐！