Filmora: Animate path drawing using Trim Path

Demo summary
The user shows how to use the 'Trim Path' settings and keyframes to make the drawn line appear progressively on the screen.
Step-by-step
- Double-click on the pen path on the timeline
- Adjust scale and position inside the Transform tool if needed
- Scroll down to the Trim Path section
- Add a keyframe for the End value at the start of the animation and set it to 100
- Add a second keyframe for the End value later in the timeline and set it to 0
Options
- Animate the Start value
- Animate the Offset value
Tips
- Use the Transform tool to gain better control over the size and placement of the motion path
Highlights
“Animating the end value makes the path appear as if it's being drawn over time.”
All demos from “Filmora 15 Complete Tutorial for Beginners | Chapter 4: Motion Path Animation with Pen Tool”
0:240:38Draw a custom motion path with the Pen ToolThe narrator demonstrates how to select the Pen Tool in Filmora 15 and draw curved lines over a background image to establish a path for future animation.Filmora· AI Video Editor
1:170:44Animate path drawing using Trim PathCurrentThe user shows how to use the 'Trim Path' settings and keyframes to make the drawn line appear progressively on the screen.Filmora· AI Motion Graphics
2:011:30Attach a preset object to a motion pathThe demonstration shows how to use the 'Path Follow' box to select a helicopter preset and link it to the previously drawn pen path.Filmora· AI Motion Graphics
3:310:51Add entry and exit keyframesThe narrator adds position keyframes to the helicopter clip to move it off-screen at the start and end of the animation.Filmora· AI Video Editor
5:070:39Link timeline stickers to a motion pathThe user demonstrates the 'Select from Timeline' option to link a car sticker to a straight pen path using the Path Follow feature.Filmora· AI Motion Graphics
5:461:12Refine object orientation and positionThe narrator flips the car sticker horizontally, adjusts its size, and aligns it with the background road to ensure realistic movement.Filmora· AI Video Editor
7:040:24Hide the motion path strokeThe user demonstrates how to set the stroke to 'none' in the pen path settings so that only the moving object is visible, not the guide line.Filmora· AI Motion Graphics- Watch “Filmora 15 Complete Tutorial for Beginners | Chapter 4: Motion Path Animation with Pen Tool” →
AI Motion Graphics
1:170:44Animate path drawing using Trim PathCurrentThe user shows how to use the 'Trim Path' settings and keyframes to make the drawn line appear progressively on the screen.Salih Tutorials
2:011:30Attach a preset object to a motion pathThe demonstration shows how to use the 'Path Follow' box to select a helicopter preset and link it to the previously drawn pen path.Salih Tutorials
5:070:39Link timeline stickers to a motion pathThe user demonstrates the 'Select from Timeline' option to link a car sticker to a straight pen path using the Path Follow feature.Salih Tutorials
7:040:24Hide the motion path strokeThe user demonstrates how to set the stroke to 'none' in the pen path settings so that only the moving object is visible, not the guide line.Salih Tutorials
3:101:35Animating trim paths with keyframesThe creator demonstrates how to use the trim path settings and add keyframes to the timeline to create a 'draw-on' reveal animation for a shape.Salih Tutorials
6:031:08Animating glow and flicker effectsThe demonstration covers applying a glow stroke effect and using keyframes to animate glow intensity, flicker speed, and flicker intensity for a magical effect.Salih Tutorials
0:291:05Create path animation with the Filmora Pen ToolThe creator demonstrates how to draw a box and use the Pen Tool to outline it, applying a neon effect and keyframing the offset to create a glowing path animation in Filmora.Wondershare Filmora Video Editor
3:220:55Animate objects along a path in FilmoraThe demonstration shows how to draw a custom path with the Pen Tool and link a circle preset to it, causing the object to follow the path using the 'trim path' settings.Wondershare Filmora Video Editor
0:200:44Create and customize animated charts in Filmora 15The user demonstrates how to locate the animated chart effect, customize data inputs via Excel, and modify the visual style by disabling headers and adjusting animation duration.Wondershare Filmora Video Editor
1:330:26Draw a curved path with the Pen ToolThe narrator walks through clicking the preview screen, holding and dragging to create curved strokes, and extending the layer duration to match the map animation.Filmora for Creators
3:090:28Animate path drawing with Trim PathThe narrator demonstrates using the Trim Path effect and keyframes to animate the line drawing from 0% to 100% completion.Filmora for Creators
3:370:44Add path-following elements in Filmora 15The tutorial shows how to select presets like airplanes or ships to follow the created path, including adjusting their scale and adding shadow effects.Filmora for Creators