声明:我写的【AE 表达式】文章都是原创,包括文字和图片请不要以任何形式进行转载。
![v2-afab73b8395d45b44fdf7b6c3f94a1b6_b.gif](https://img-blog.csdnimg.cn/img_convert/28d378a1be3e6c21cf2574f3a797e9ff.gif)
这个技巧可以让你精确控制物体沿路径运动,同时生成路径轨迹,就像上面的动画一样,箭头在运动的同时拖出一条轨迹,而且箭头方向保持前进的方向。
![v2-49bce3f17ae39b77d1ae326b0eca9988_b.jpg](https://img-blog.csdnimg.cn/img_convert/1b7cc6eb361b825eedd0ebf8425f8cad.png)
![v2-5643168b05b744709d65c527150a5f87_b.jpg](https://img-blog.csdnimg.cn/img_convert/277d8149e1c6e9f627848710899f496c.png)
![v2-482cf8cd5921a1a01dbb0353e1c5b34e_b.jpg](https://img-blog.csdnimg.cn/img_convert/14537c0f8837c6c4496bce2d4934f7c5.png)
我能从网上找到的沿路径运动的方法是先画一条路径,然后复制路径,在物体位置属性上粘贴生成关键帧,这个方法有两个缺陷:
- 如果路径改变了,就需要重新复制一遍;
- 像上面这样的箭头,没法一直指向前方,如果需要指向,就需要手动 key 帧,这样不仅繁琐,而且非常不精准。
利用表达式可以完美解决这两个问题,下面跟着我操作就行了:
- 先画好一条路径;
![v2-f33bded45fc3782db9472d3803ef9dc6_b.jpg](https://img-blog.csdnimg.cn/img_convert/392e3b935282051a2d75bc0e8edadd3b.png)
- 在路径图层增加一个【描边】效果,并且为【结束】属性添加关键帧,这个关键帧既控制路径描边动画,也控制箭头运动:
![v2-279746fdbe42b2e9ae8befae0e933868_b.jpg](https://img-blog.csdnimg.cn/img_convert/16665ebd78f9aeb02268532a32928b95.png)
- 画一个箭头,或者直接使用现成的图案,或者用空对象都可以:
![v2-f33b5521b9a506162277691f07687969_b.jpg](https://img-blog.csdnimg.cn/img_convert/d8ee9abfa134a3602a6d8be54149d88c.png)
- 然后为箭头【位置】和【旋转】属性添加表达式:
![v2-265923d2580442837ab41dab87cf9e38_b.jpg](https://img-blog.csdnimg.cn/img_convert/dab5355b0bddbe274d830046143acae0.png)
- 【位置】属性引用路径,然后使用 pointOnPath() 方法跟随路径中每个点的位置: