Scribbled Style Animation in After Effects | Tutorial
Vložit
- čas přidán 8. 07. 2024
- 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.
► I use music from Artlist: artlist.io
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:
/ @manueldoesmotion
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
► / manueldoesmotion
► my website: www.stein-hauser.com
► behance: www.behance.net/stein-hauser
#aftereffectstutorial #animation #motiondesign
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.
Thx very much! I have to break my routine from time to time and play around;) Was fun to add some analog scribbles and create something out of that.
You had me at "I couldn't find a ruler"!!! Love this channel, subscribed!
Hi! So happy you like it! Thx for subscribing!
Just AWESOME.
Glad you like it!
I LOVE THIS !!!!!!! THANK YOU
You're very welcome! So happy you liked it☺️
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!
That's awesome! Yeah After Effects takes a while to learn. But I think it is worth it. You can create amazing stuff with it.
Thanks for great tuts!
You're very welcome! Glad you liked it! :)
Great !
Thx very much!
Loved it. Fast. To the point. Resourceful! Thank you sir!
You're very welcome! Happy you liked it!
@@ManueldoesMotion same thing here. great tutorial. very concise. thankk youuu
@@bengoffin8702 Thx very much! Glad u like it!
Nice Tutorial as always, you even made a storyboard for this video, cool!
Thx very much! I always create layouts or scribble some kind of storyboard, it makes the animation part much easier.
This video helped! Thanks!
You're very welcome! Glad it helped!
I like the simple scribble animation
Thanks very much! Happy you like it!
Thank you so much!
You’re so welcome!
Amazing tutorial
Thx very much! 😊
this tutorial helped me a lot also is very simple and effective! thanks so much
Awesome! You’re welcome!
Awesome indeed!😆
Thanks very much!✌🏻
beatifull !
Thanks very much!
thx from south korea. your videos are really helpful. thx.
Hi! You’re very welcome! Happy you like them!
btw great tutorial thank you so much for this
You’re very welcome! Happy you like it!
The man with the golden voice!
😀😊 Thanks very much!
Nice tut, tnx
Glad you liked it!
Very tasty result you have. Good job!
Thanks very much!
thank you
You're very welcome!
Cooooool!!
Thanks very much!
Nice tutorial well done 🌹👍
Thx so much! Glad you liked it!😊
thanks for sharing
You’re so welcome!
Very nice
Thanks!!
Nice
Thanks!
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?
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?
I've used a scribbled animated texture and a white text layer as luma matte.
wow :o
Thanks!
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
Hi! That’s great to hear! I think the best way is to use the shape as a luma matte for the texture. Like for the face in the tutorial, it would be a round shape.
@@ManueldoesMotion Hi
Thank you so much for the quick answer.
That‘s s great advice😃
Will try that.
And thank you once again for all the work you put into your tutorials!
They are highly appreciate
Helpful Tutorial. Thanks... I was wondering how to colorize scribbles. is there any other way to do so ?
You're very welcome! Glad u like it! You could use a Fill effect for example to change the colour.
Hi Manuel. Can you make a video on how to improve a whiteboard video with After Effects? (on a mp4 video after something like VideoScribe or Doodly outputs the video) Do you have ideas to make it more visually interesting and engaging (like adding movement or effects when the image is static?) Thank you!
Hi! Thanks very much for your suggestion. That might be a great idea for a tutorial!
Manuel does Motion I admit, it’s a request that would help me greatly, But I see a need that it can serve the whiteboard community as a whole. CZcams is demonetizating whiteboard videos because they are auto generated. It would help all of us with that issue plus improve the quality and enjoyment of our animations
Sounds like theres an Ott octagon on your voice XD nice video though!
Thanks very much! Yeah I added some kind of compression in Adobe Audition, but changed the settings in my latest tutorials though ;-)
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?
I used paths. I created them with the pen tool and used a trim paths animator to animate the lines.
How was the explosion made ? Very good video bro !
thanks very much! Glad you like it! It's basically a lot of shapes like stars, circles and lines which I animated individually.
how did you include the scribble background effect into the face? im having trouble finding a way to do it.
I pre-comped the scribbled background and added a round mask to it.
The I added the black pencil outline on top of it.
@@ManueldoesMotion that was brilliant!
@@QieraAnuuar Thx! 😊
@@ManueldoesMotion Nice tutorial, looks great. Btw I was thinking, shouldn't you be able to use wiggle transform instead of manually copying and rotating the pencil texture? Not that it matters for the look, but it may be a bit quicker.
@@r0tt1ng Thx very much! You're right! That would be the much quicker solution.
I guess I am so used to copy and paste layers that I didn't think of it...
Omori trailer. Thats it I wanna do that
Yay! Go for it👏🏻👏🏻
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
That’s strange. Did you select all layers?
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
Hi! I can't really say why that happens... You could try to render it out in After Effects directly as a ProRes file or sth like that. Than add the move to the Media Encoder and turn it into whatever format you need.
@@ManueldoesMotion thank you
gr8 tutorial, scary voice haha
Thanks very much! 😆
which system are you using
I use an iMac and After Effects Version 17.5.
subscribed from 2 of m channel
Thanks for subscribing!
Nice work! I cannot find the file after searching 'Scribble' or 'Scribbled' on ur given link.. Thanks
Thanks! Unfortunately there is no AE Project File for this tutorial...
@@ManueldoesMotion Are uploading it? should I wait?
@@ManueldoesMotion I checked bcz u told in comment section..
Thanks
0:52 Please tell me how the paper texture moves. Plz…….
It’s all the same file. I just change the scale and the position each frame.
@@ManueldoesMotion thx 😍🙏
Very nice, BUT, could you please be a little slower with explaining, because not everybody knows English as well as you, so it'll be much easier to understand you 🙏🏻🔥
Thx very much! And I am sorry it is too fast for you.😬
I'll try and slow myself down;-) All my new tutorials have subtitles. And step by step I will add subs to my older tutorials as well...
@@ManueldoesMotion Big thanks!
can u give us ur pngs🙏🏼
You know, it’s fun to do your own scribbles ;)
@@ManueldoesMotion but it’s hard idk how to make them😭 urs were pretty cool
Your video is very good, you teach perfectly except for your voice which is very irritating it sounds like broken glasses
no offense, but your voice is kinda rough. it's a bit distracting, but this is such an amazing tutorial.
No worries, glad you like the tutorial!
Explanations is not good
jesus this audio compression is making ears bleed😆 good tutorial tho
I know 😂 I figured it out though... My new tutorials have a much better audio quality.
my god don't compress your voice so hard bro
Very hard to follow for a begginer , you are not even showing how you do some stuff you just explain. Not recommended , sorry