image.png
    线条随路径偏移的效果,主要运用描边的虚线属性,调整偏移的参数来实现图中的效果。

    首先新建一个合成组,并新建一个六边形(新建多边形后在路径中增加定点数)
    设置位置以及描边宽度,将线头(线段端点)改成圆头,将连接线(线段连接)改成圆角连接
    打开破折号(虚线)属性image.png调整属性参数
    按住ALT给偏移添加表达式:time*180

    将时间轴调到1秒的位置上,按下“n”,断开工作区

    成品:
    合成 1_1 00_00_00-00_00_30.gif

    按上文方法新建一个六边形,复制三个,分别命名为底色,底框,外框

    底色:去掉描边,换成深一点的底色
    底框:缩小大小(130)和边的宽度,将线改成圆头端点,圆角连接
    外框:放大框的大小(180),改成圆头端点,圆角连接,
    打开破折号,设置关键帧。在关键帧为0时,破折号长度为0,间隙为540(六条边长度总和)
    image.png
    在关键帧为15时,将破折号长度设为360(两条边的总和),将间隙改为180(一条边的长度),并在此设置偏移的关键帧,在1秒时,将偏移值设为-540(顺时针)
    选中所有关键帧按F9添加缓动

    选中底色和底框,按下快捷键S,调出缩放,添加关键帧,在第0秒的时候,设置为缩放值为0
    在第15帧的时候,设置为100%
    选中所有关键帧按F9添加缓动

    并将底框以及外框的图层分别向后拖,造成时间差

    成品
    合成 2 00_00_00-00_00_30.gif