In the pop-up select ‘ Orient Along Path‘. Now click on the arrowhead, right-click and select ‘ Transform -> Auto Orient‘. That will automatically create 2 keyframes (with multiple ‘Roving’ keyframes in between) following the path! Just open up the position value and paste ( CTRL/CMD + V). Remember how we had copied the path earlier? Now it’s time to align the arrowhead to the path. When you use the shortcut CTRL/CMD + ALT/OPTION + HOME it will center the pivot point to the graphic! Now swap the stroke and fill so you’re left with a regular triangle so it actually looks like animated arrows.īefore we leave this, we want to center the pivot point remember we just randomly started dragging on the canvas.
Since we need a triangle we can leave it at 3 spikes!
Pro Tip: While dragging you can adjust the number of spikes of the star. Hold down the shift key to restrict it to a 0 or 90-degree value. Select the ‘ Star‘ tool from the tool menu and start dragging in your canvas. Next, we are going to create the head of the arrow. Set a keyframe with ‘ 0‘ then move the play head over a little bit and then set another keyframe with a value of ‘ 100‘. With these 2 values, you can animate both ends of the path.
When you open this parameter (again the little triangle next to the name) you will see the ‘ Start‘ and ‘ End‘ values. This will animate the line or the ‘ body‘ of the arrow. While here click on ‘ Add‘ on the upper right and add a ‘ Trim Paths‘ property. We are going to need this to actually animate the arrowhead later. Here open the ‘ Shape‘ and then the ‘Path’. Now go to this newly created shape layer in your timeline and twirl open the little triangle. You can always go in and tweak the path so it’s nice and round. Make sure the fill is set to transparent and the stroke is set to opaque so you can actually see the path you are drawing. But it’s actually really easy to create with just 2 clicks and in this tutorial, you will learn how.įirst, select the pen tool and start drawing your path on the canvas. Some tutorials might even suggest using the pick whip and expressions and all. There are a lot of ways to create animated arrows in After Effects.
0 kommentar(er)
