Scribbled Style Animation in After Effects | Tutorial

In this Video, I'll break down my process of applying a hand drawn, scribbled style to animations.
Drawing at least parts of it with a pencil on real paper makes the animation much more convincing.
So I scribbled short sequences of basic elements, like lines or circles, scanned them and created a Photoshop file out of each sequence. Each frame is placed on a separate layer.
I imported all sequences as comps - retain layer size.

First of all, I created a background paper texture and a scribbled texture, which I used to fill the face.
For both of them I created sequences of the same picture, but changed the position and rotation slightly every 4 frames.

The main animation is a simple path animation. I used "trim paths" and added roughen edges to make the clean line look more like a pencil stroke. Then I used a time expression to animate the evolution of that effect.
I used a wiggle expression to slightly change the position of the path every two frames.
On top of that, I used a Posterize time effect to change the framerate to 12 frames, as classic hand drawn animation is done with that frame rate.

Finally I added all the hand-drawn sequences to the main comp, set the mode to multiply and created a lot of details with them, like the explosion or even the eyes of the emoji.

If you have any further questions, let me know in the comments below. I do my best to answer all of them!

► Subscribe to my channel here:

I am very curious how this tutorial inspired your work!
Put the link in the comments below or even better: tag me on Instagram.

@manueldoesmotion

#aftereffectstutorial #animation #motiondesign

[AndrewMarston]

Interesting to see your process from paper to after effects. Also, nice trick with roughen edges to create a more hand-drawn quality to the path. Thanks for sharing.

[techiechar]

You had me at "I couldn't find a ruler"!!! Love this channel, subscribed!

[illiiiliiil]

thx from south korea. your videos are really helpful. thx.

[theartofgracezhang]

thank you thank you so much, this is exactly what i was looking for! for context, i just started my minor in motion graphics, and after effects has so many elements to learn!

[felipegomes]

Nice Tutorial as always, you even made a storyboard for this video, cool!

[bleedingpixels]

Loved it. Fast. To the point. Resourceful! Thank you sir!

[mancor]

this tutorial helped me a lot also is very simple and effective! thanks so much

[suraajghare]

btw great tutorial thank you so much for this

[nathannozea]

What animation did you use for the scribble texture? When I look at your final animation, the texture scribbled into the face, how did you do that?

[vncntmusic]

Sounds like theres an Ott octagon on your voice XD nice video though!

[isapisa]

how did you include the scribble background effect into the face? im having trouble finding a way to do it.

[tariqalexanderwaheed]

Hi Manuel, I love this Tutorial very much! it gives me a goo foundation for creating the type of work. But I wonder how do you manage to animate the scribbles inside of the shapes?
Thank you so much

[AiVsPro]

Can you share your png sequence? It would really help

[madd]

Hello, I didn't understand how you animated the eyes morphing into place from the black lines ? also how did you make the yellow line and yellow ball that follow the black line without drawing any new stuff on paper please?

[janus]

How was the explosion made ? Very good video bro !

[intelligencequipo]

Nice work! I cannot find the file after searching 'Scribble' or 'Scribbled' on ur given link.. Thanks

[WiLDeveD]

Helpful Tutorial. Thanks... I was wondering how to colorize scribbles. is there any other way to do so ?

[ariom]

Hi, I have a problem with scribble effect. I used it for about 45 layers in a comp. Media Encoder can not loads my project. Just when I turn off many of scribble effect in my comp, media encoder can load the project. What is the matter? Do you know how to solve this problem? Thanks

[EmpticStudios]

Hello, for the background of the image I tried using the key frame assistant and the position never changed, it just stayed In One position, is it a preset error? I’m confused 1:05

[quentown]

How did you do the effect for the Scribbled Style text in the preview thumbnail? Or how would you do that in AE? Duplicate the 2nd layer and add a textured matte?