hits counter
Site logo

Animated Arrows

stacks_image_A5D2A21F-8D84-42C7-9428-08F8A07743B2

animated-arrows-final
Click here to see an example of the final effect.

Step 1;

Ok select the EP Curve Tool under the Create menu...

stacks_image_785_1

Step 2;

Now using the EP Curve tool create the path that your arrows will travel on.

stacks_image_790_1

Step 3;

Now go back to the Create menu and select the EP Curve tool options box, then select the linear option. .

stacks_image_792_1

stacks_image_795_1

Step 4a;

Now in the Side View draw your arrow head, don't worry about closing the shape. You can just to go the Edit Curves menu and select Open/Close curves.

Then go to Surfaces and select the Planar option to give your arrow head some volume.

stacks_image_801_1stacks_image_807_1stacks_image_804_1

Step 4b;

Move your arrow head to the beginning of the curve and make sure your pivot point to the back of the arrow. This way it rotates properly when animated.

stacks_image_809_1

Step 5;

Now switch from the Surfaces menu to the Animation menu, then select your arrow head and curve and go to the Attach to Motion Path options in the Animate menu. You can use the settings I have below, depending on your scene you'll want to use more.

stacks_image_812_1

stacks_image_815_1

Ok now hit "Apply," you can click here to see the effect you should have now.


Step 6;

Now let's create the arrow's tail, click on the good o' EP curve tool and create a line that will the height of the arrow's body. Make sure it's at the beginning of the path you created.

stacks_image_820_1

Step 7;

Now select your tail and the curve and go to Surfaces -> Extrude options.

Make sure you have Partial selected, this will allow you to animate the extrusion.

stacks_image_823_1

Step 8;

If your newly created line doesn't line up you may need to move it up a bit. Your arrow's tail may look a little rough and pixelated, and we want it to be smooth.

stacks_image_828_1

Here are the settings I use to fix the tessellation.

Step 9;

Under subCurve2 set the Max Value of the curve to 0 at frame 1 then right click and add a keyframe. The go to the end of your scene (my scene is 60 frames long, so the end frame for me is 60) and set the Max Value of the curve at 1 and add a keyframe.


stacks_image_837_1stacks_image_843_1stacks_image_840_1

Click on the image to view the movie.
animated_arrows2

stacks_image_A3237232-164B-484B-A88C-7F1247A53FCF
Questions? Comments? Feel free to contact me anytime.
stacks_image_4A58A413-3D39-482F-9AD7-C7B187BB3B30
Click here to download tutorial assets.
facebook flickr2 linkedin2 twitter rss copy