15
Jan
2012
This is a helpful tutorial to create an animation of a marker writing out a logo or a few words, followed by a slick reveal to an actual logo.
This is my first tutorial. I hope you enjoy it!
Here is a quick step by step guide…
1. Create your final image
2. Print the logo only without any backgrounds. Just the part you are intending to trace
3. Trace with a thin marker
4. Scan the image
5. Adjust the levels in photoshop
6. Import into After Effects
7. Size scanned image to line up with original artwork
8. Apply stroke effect
9. Use the pen tool to trace over scanned image
10. In the stroke effect, change to reveal original image
11. Increase brush size
12. Animate the end from 0 to 100%
13. Add marker graphic
14. Keyframe the position to trace the drawn image frame by frame
15. Tweak as you like!
11 Comments
after a hundred searches i finally gotta see this video, the one i was searching..
10000+ likes for this video.
ari how to add that marker graphic. where from can we get it ??
Sweet! Glad it worked for ya!
Awesome! Thanks a lot works perfectly
Drop your three layers on. On the “art” layer, use the pen tool to roughly click out the full drawing path. Position your pen/pencil to the start point of the mask. Down in the layers twirl out the mask, click on “Mask Path”, and then copy it. Click to the pen/pencil layer and bring up the position, click on the position and paste the keyframes in. Now just do the Fill and Stroke effects on the art layer, and then move the position keyframes on the pen to match the length/timing.
Hey do you mean so that you don’t have to move the pen every frame? If so could you elaborate on how to do that? I was trying to figure out how to parent the pen’s position to the stroke but I couldn’t figure it out.
Actually you can just drag out the last keyframe on the position and it will auto-stretch the other keyframes to fit. Time cut in half! ;o)
Great video! To save time, you can also copy the mask path and paste it onto the pen’s position, but I don’t think you can set the speed for it. Perhaps could do that and then speed it up or slow it down to match the speed you want? We do AE tutorials too, check ‘em oat!
Thanks!
Thanks. Hope to get more up soon!
Nicely done. Looking forward to more of your tutorials.
Cool