Differences

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

--- software:after_effects [2025/07/23 21:03] – [Electric Effect] mh
+++ software:after_effects [2025/08/26 15:24] (current) – [Animating Arrows] mh
@@ Line 5: / Line 5: @@
 ==== Pop Reveal by the bottom ====
-{{software:animated-text-1.gif}}
+{{software:animated-text-1.gif?direct}}
   * Add a text
@@ Line 19: / Line 19: @@
 //Uses **Saber** plugin by **VideoCopilot**. Works with texts, images, etc.//
-{{:software:electric-saberfx.gif?direct&400|}}
+{{:software:electric-saberfx.gif?direct}}
   * Add a solid.
@@ 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.
+==== Animating Trim Paths on paths with fills ====
+Once the path with the fill is created, duplicate it and use the duplicate as an Alpha Matte.
+To activate the Matte options use the **Toggle Switches / Modes** option on the bottom of the timeline.
+Set the original path to be matted by the duplicate and on the duplicate recreate the path without the fill, just a single stroke, wide enough to cover the original. Animate this one with Trim Paths.
+==== Misc ====
+Use the **Animate > Trim Paths** to animate start and end points of paths to make them appear and disappear.
+===== Keyboard Shortcuts =====
+  * **''CTRL'' + ''ARROWS''** or **''PAGE UP/DOWN''**: Move 1 frame forward/Back
+  * **''SHIFT'' + ''ARROWS''** or **''SHIFT'' + ''PAGE UP/DOWN''**: Move 10 frame forward/Back