Join Owen Lowery for an in-depth discussion in this video Using trim paths for draw-on animation, part of Creating a Handmade Look in After Effects 02: Design and Animation.
- View Offline
- In 04_02, I'm previewing my robot.…It looks rough, it's paths are a-wiggling,…and now I want it to draw on.…To do this, I'll add another shape attribute…into its shape contents.…A little something called trim paths.…Which can animate shape strokes…while giving me control over how it draws on…that some other methods just might not.…Let's hit the space bar to pause playback,…then select the contents of my robot outlines.…I'll move over to the add menu…to add a shape attribute.…
And I'll scroll down to trim paths.…It's going to add it underneath the wiggle paths…and my shape groups.…That's good, that's where I want it.…Let's go ahead and twirl open the settings of trim paths.…Immediately, we notice that nothing has happened,…but if I start to adjust some of these values…like the start percentage,…we could see that it is making…all these different lines disappear.…But it's doing it all at the same time.…Here's the thing:…if something is drawing on,…it should draw on line by line by line,…not all of its lines, all at once.…
Want to create another lo-fi mograph effect? Check out Creating a Handmade Look in After Effects 01: Paper Cutout and Stop Motion Styles.
- Using the Pen tool to create hand-drawn shapes
- Animating shape layers to look drawn on
- Giving a wiggle to drawn elements
- Customizing and animating handwritten fonts
- Looping animation with expressions
- Using the Paintbrush tool to create animated painted lines
- Adding texture to lines
- Creating write-on type