Tutorial on How to create an animate drawing being drawn on graph paper in After Effects

[melissah29093893]

Can anyone tell me or direct me to a tutorial on how to recreate this video section 1:18

https://www.youtube.com/watch?v=e1jMaQmYeXY

Thank you

[dj.summitt]

Hi! Welcome, there's quite a few ways. Two of the easier would be:

1) Create the drawing using the pen tool. This creates a shape layer. Add "Trim paths" and animate the trim path completion. This will have the strokes draw on all at once.

A second would be

2) Import the image, use Auto Trace and get a series of masks. Apply Stroke. Use All masks. Animate "End." this will have them draw on sequentially. You may need to move around the mask layers so that they draw on in the order you want.

[Roei Tzoref]

auto trace will create masks but the reveal will be of the outer edges of the strokes, usually not what you expect of a stroke reveal. I would not use auto trace but manually create mask paths on the center of the stroke shape and then use stroke to reveal those masks.

[dj.summitt]

Sure, but that's a very similar process to the first option I gave. If they're having a problem being new to the pen tool I wanted to give a different approach.

[Roei Tzoref · Accepted solution]

I see. that is a fair technique if you don't need to be precise. I recalled Eran Stern used it in this chapter in this Lynda course:

Animating lines with Auto-trace