Skip to main content
N
Navarro Parker
Inspiring
May 28, 2013
Answered

Repeat Shape Layer along path?

  • May 28, 2013
  • 2 replies
  • 30270 views

Is it possible to repeat a shape layer (let say a filled square) and have it follow a non-linear motion path (or other shape layer)?

It looks like a shape layer's Repeater can only duplicate in a line?

    Correct answer Rick Gerard

    The shape repeater uses offsets based on X and Y parameters for position, anchor point, and scale. Since it's just simple math and based on single values for each frame you can't give a different position for each duplicate.

    You can, however do a neat trick that might get you where you want to go.

    1. Set a keyframe for the mask path you want to use as a motion path
    2. Copy that mask keyframe
    3. Press Alt/Option + p to reveal and position property of your shape layer and set a keyframe
    4. Paste
    5. The shape layer will now follow the mask path
    6. Apply Echo to the shape layer
    7. Move the CTI to the last position keyframe of the shape layer
    8. Adjust the number of echos to the number of copies you want for your shape layer
    9. Adjust the time offset to control the distance between shapes
    10. Animate the offset and timing to make the shapes propegate the way you like
    11. Precompose your shape layer moving all attributes to the new comp
    12. Apply time remapping to the pre-comp to adjust timing of the effect.

    There you go, a 12 step process for repeating a shape layer along a path.

    2 replies

    Mylenium
    Mylenium
    Legend
    May 30, 2013

    I know from your work that you have Plexus. Look into lights, custom sprites and spline type beams. Don't bother with any of the longwinded workarounds.

    Mylenium

      Rob. B.
      Rob. B.
      Participant
      May 29, 2013

      To get the curved motion path:

      1) Create a separate null object;

      2) On the null object, draw a mask in the shape of your motion path;

      3) Copy the mask from the "Mask Path" of the null object;

      4) Paste that onto the position parameter of the shape layer, and it will generate keyframes for you, which you can then adjust to your preferred length of time.

      And one way to repeat the objects is by pre-composing the shape layer:

      1) Pre-compose your shape (with the motion applied to the shape layer);

      2) Duplicate the pre-comp as many times as you need;

      3) Offset the pre-comps in your timeline by however many frames you'd like, and voila!

      R
      Community Expert
      Rick GerardCommunity ExpertCorrect answer
      Community Expert
      May 29, 2013

      The shape repeater uses offsets based on X and Y parameters for position, anchor point, and scale. Since it's just simple math and based on single values for each frame you can't give a different position for each duplicate.

      You can, however do a neat trick that might get you where you want to go.

      1. Set a keyframe for the mask path you want to use as a motion path
      2. Copy that mask keyframe
      3. Press Alt/Option + p to reveal and position property of your shape layer and set a keyframe
      4. Paste
      5. The shape layer will now follow the mask path
      6. Apply Echo to the shape layer
      7. Move the CTI to the last position keyframe of the shape layer
      8. Adjust the number of echos to the number of copies you want for your shape layer
      9. Adjust the time offset to control the distance between shapes
      10. Animate the offset and timing to make the shapes propegate the way you like
      11. Precompose your shape layer moving all attributes to the new comp
      12. Apply time remapping to the pre-comp to adjust timing of the effect.

      There you go, a 12 step process for repeating a shape layer along a path.

        LeddieG
        LeddieG
        Participant
        January 28, 2017

        Very nice!

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices