Differences

This shows you the differences between two versions of the page.

--- software:after_effects [2025/07/24 12:22] – mh
+++ software:after_effects [2025/08/26 15:24] (current) – [Animating Arrows] mh
@@ Line 32: / Line 32: @@
     * Select a Preset and tweak it's settings
     * Animate the End Offset property to make it appear dynamically.
+==== Animating Arrows ====
+//There are many ways to do this, this is one that is quite effective and requires fewer layers / operations.//
+{{:software:arrow-animation.gif?direct|}}
+  * Create a path with the pen tool. Shortcut **''G''**.
+  * **Remove fill** on path and **set the stroke** to required thickness.
+  * Add Trim Paths on the layer and animate the **Start** property to make the line appear.
+  * //(Optional)// Animate the **End** of the trim paths if necessary.
+  * Use the Star Tool to create an arrowhead. Before releasing on click use the **''DOWN''** key to reduce number of points to 3.
+  * Use **''CTRL'' + ''ALT'' + ''HOME''** to set the anchor point to the center of the arrow head.
+  * Select arrow head layer and press **''P''** to reveal Position.
+  * Copy the path created earlier and paste it to the Position of the Arrow Head layer. If the timeline locator was not in the correct position, take time to re-adjust the keyframes created.
+  * Right-click on arrow head layer > Transform and select Auto-orient (shortcut : **''CTRL'' + ''ALT'' + ''O''**) and select **Orient along Path**.
+  * Manually adjust **Rotation** of Arrow head, and **Fill/Stroke** according to desires. If arrowhead is not perfectly on path end, adjust the position of the **Anchor Point X or Y** accordingly.
+  * Select all keyframes and **''F9''** to apply **Easy Ease**.
+  * Open Graph Editor and edit Speed curves accordingly.