Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects Animating arrows with growing “tails”

  • Animating arrows with growing “tails”

    Posted by Josh Pigford on March 21, 2012 at 7:49 pm

    I’m trying to simulate an arrow growing (specifically the tail of the arrow growing…not the arrow head itself).

    The arrow head would move along a certain path and would effectively leave a trail behind it that is it’s tail.

    In the attached image, there would be a blank screen and then the arrow would come out from the bottom and follow an imaginary path, leaving the tail behind it.

    Having a hard time figuring out how to pull this off.

    Jeff Hinkle replied 14 years, 1 month ago 2 Members · 1 Reply
  • 1 Reply
  • Jeff Hinkle

    March 21, 2012 at 8:56 pm

    No doubt someone else will suggest a more elegant solution, but try this:

    Create a new comp-sized solid. Create a curved mask path in the shape you want your arrow to travel. Apply the Stroke effect and keyframe the End parameter to the speed you want the line to grow.

    Add a new Shape Layer and draw your arrow head. Fill it with the same color as you used for the Stroke. Move the anchor point to the center of the arrow head.

    Copy your mask path into the Position of the arrow head and set it to Orient Along Path. (You may have to adjust your Rotation to get it pointing in the right direction.)

    Select all your Position keyframes on the arrow head , hold down Alt/Option and pull the last keyframe in to match the last keyframe on your Stroke effect. The arrow head should now move on and appear to leave a path trail behind it.

    I’m sure there’s a much cooler way involving expressions and Slider controls, but this should at least get you going.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy