Make An Impact With Hand Animation (Procreate and AE)

hand-drawn elements can spice up Motion Graphics digital cartoons and video footage if you like to draw they can be super fun and quick to make and procreate but even if you hate drawing or you suck at it you might be surprised at how achievable some of these little simple Clips are to make even for beginners today we'll break down the process of hand animating these overlay elements and at the end of this if you still can't manage to draw your own sequence stick around because I'm giving away a pack of hand-drawn impacts and I'll show you how to composite them into your projects using After Effects I'm Jimmy welcome to lasers lab [Music] [Applause] [Music] foreign [Music] start with a new document any size is fine and prepare your scene by enabling animation assist in the control panel the first impact will be a bit of a starburst effect so I will also enable the drying assist and set it to radial this will copy all the action into separate quadrants in a radial formation creating a uniform effect quickly [Music] my first layer is now automatically enabled for drawing assist but subsequent layers won't be since I want to use drawing assist on all the layers I'm duplicating several now so I don't have to go back and check the box on each individual layer later on my first layer I'm going to create an animation chart this is a plan of action and it plots the path of motion as well as position and timing information this is pretty crucial for creating smooth animation and I'm starting with one of the most basic concepts here a straight line uh I chart the motion using dashes and each one indicates the position of my impact over a period of time you notice how I'm clustering them tighter at the beginning and the end of the chart well that's called easing and it allows for a more fluid movement in linear movement the distance the point travels between A and B would be equal in each keyframe because I have the points closer together at the beginning and the end the point will move slower at the beginning and the end of its motion aren't anyway this isn't an easing tutorial but I urge anyone interested in animation to familiarize themselves with easing you can use any color for your chart I recommend a color that won't be used in the final animation I'll set my brush I love this Mercury brush which is available in the current version of procreate by selecting the chart layer in my animation timeline I can set it to background now it won't animate with the rest of my layers I'll also go over to the settings and select the frame rate which is controlled in the frames per second tab you can also tweak the onion skinning if you like this controls how many of your other keyframes are visible on the current working layer I'll leave those as is and set the frame rate to 12. I want the impact to pretty much emerge from nothing summoned from the void as a spec later stretching into a streak of ink so I will start with a DOT on my first frame next I'll select the following frame and make a tiny smush bigger than the DOT foreign the dot gets bigger expanding outward almost like the dot is flattened into a pancake I'm thinking I'll squish the previous keyframe also so I back up to do that [Music] now for the first big movement I elongate the shape into a big streak moving toward the finish and continue to stretch it over the next three keyframes this will appear as a very quick burst of movement as the shape draws into his final frames I begin to shrink and squish it again until it dissipates into nothing note that I'm staying pretty strictly on my timing chart I'll play it back looks cool I'm noticing that I actually drew two keyframes on one of the layers though which wasn't intentional it looks pretty cool and I could keep it but I'm gonna go ahead and select that layer and in the selection panel I'll use freehand to isolate the extra section and put it on its own layer with copy paste then I can erase it from the layer below having two actions on a really fast sequence appear on the same frame is actually relatively common in older cartoons and like I said it looks pretty cool but that wasn't my intention here so I'm gonna change it up in the settings panel I can select share I'll select animated MP4 for now and just save the video now if I jump out of procreate I can find the very short clip in my photo library so you ready for another one they're pretty fun this one I will do a little bit different first I'll enable animation assist again but not drawing assist I want to do a little Cloud type puff that expands out in a circle sort of like a cloud of dust getting kicked up from Impact so for my animation chart I'll use perfect circles [Music] now I think I'll make a traditional timing chart here and I can copy and resize those circles in a similar expanding fashion paying attention to the distance and size as it relates to the timing of the motion so the smallest circles in the center as well as the largest exterior circles will be the closest together while the middle ones will have some more space between them once the chart looks sort of not terrible I'll flatten it into a single layer using pinch technique and in the animation timeline I can set this layer to background and create a new layer to begin animation [Music] get real loosey-goosey with this one tracing the circles I don't want them to be perfect as I make the circles bigger I randomly add clumps of the thicker line and gradually expand those into bubbles or clouds super organic I don't plan it just roll with it and ends up looking pretty nice towards the end I start to break up the lines and everything starts to shrink uniformly as well there's a logical order to the way I'm doing it it's not the most exciting thing but it looks pretty cool also it's very cathartic this sort of thing is a pretty good exercise in animating because you can get kind of loose [Music] foreign I did a few variations based on this one chart I warped it in perspective and made a ripple animation and as you can see here I also made this sort of ground Cloud you can see how you're able to build on this sort of concept with more complex shapes and also add shading and it made it look pretty cool without having to get too technical result is of course more uniform than a standard dust cloud but again it's pretty simple and it looks pretty good foreign [Music] this one as MP4 also and I'll do another version as PNG layers the thing with PNG layers is you can import them into your compositing program as an image sequence and retain the alpha transparency at a higher resolution which is great sadly procreate doesn't support exporting prores Alpha format and while they're hevc format does support transparency it just doesn't play nice with Adobe software at least on PC which is my go-to for compositing so use hevc if you will be overlaying the video natively on your iPad but if you'll be sending it to a computer like me you may want to stick PNG layers or MP4 and I'll show you how to import that stuff [Music] so over in After Effects first I'm going to import some footage to composite over they're all different frame rates though so I'll start by right-clicking each of them in the project window and selecting interpret footage setting them to 24 or any other increment of 12 to maintain consistency now I'll open up this cell phone hand footage and drag in some impacts to try out on it I'll demonstrate using MP4 both of these were exported over pure black backgrounds so by dragging them into my comp and setting the layer mode to add I can see everything properly and shift them around to put them in the right place on screen and in the timeline I'll resize as necessary [Music] once that's done I can set layer mode back to normal another advantage to exporting on pure black or white backgrounds is that I can isolate my animations Alpha using the extract effect in the keying menu dragging the upper point from the left or right will eliminate pixels based on their value dark or light dragging out the bottom point will ease that selection softening the edges for a more accurate Alpha this is definitely not the best way to do this PNG sequence is ideal but this way is a little more convenient for me so that's what I use [Music] you prefer the PNG method simply import your footage as a PNG sequence make sure the PNG sequence box is checked and interpret the footage to 12 frames per second like this [Music] once everything is laid out and the alpha is intact I can also change the color of my clouds using the tint effect from the color menu remapping the black to green and the white to Yellow makes this cool toxic gas effect I like it now I need to mask out this finger to achieve the necessary depth for this particular effect I'll do this easy and roughly by tracing the finger with the pen tool I won't even smooth out the edges or anything I'm just going as fast as possible once it looks okay I'll select the mask in the layer menu and disable it by setting the mask To None now I can track the mask by right clicking and selecting track mask [Music] for this particular shape I'll use the method position scale rotation and skew this tracking is sometimes temperamental but on a simple shape and movement like this it should work fine this spot is also perfect to start from because the full selection is in view I only need to track within the limits of my overlay so that works fine now I can duplicate the layer and set the mask to add I could just place it on top and be done but instead for some reason I feel like doing it the long way so so I'm dragging the layer above my overlay and under the track matte drop down for the overlay I'll set the alpha to Alpha inverted this removes all pixels that fall within the alpha of the layer above I can adjust feather or whatever in The Mask settings if I want looks fine so I'll do the same with the other overlay by the way if you're using an older version of After Effects and can't find the track matte drop down in your screen look for the button labeled toggle switches and modes at the bottom of your layer menus go to composition add to Adobe Media encoder queue I'm sure you know what to do from there you can basically do the same process for text or animation files and just have fun with it you keep them simple and black and white you can honestly just set the layer mode to multiply our screen and be done with it as I demonstrate with this little Thrashers cartoon [Music] these overlays are super fun to make and also fun to use in your footage I'll be including a pack that are free to use on my website I'll link that in the description there's lots of ways to animate on the iPad procreate is awesome for little stuff like this but it's not necessarily the best bet for super complicated animations do you animate on the iPad let us know what programs you use in the comments and definitely hit me up if you use these overlays I'd love to see what you do with them hope you all make some cool stuff peace [Music]

Channel: LAZERS LAB

Views: 2,073

Keywords:

Id: zc6K-gwiaLQ

Length: 13min 53sec (833 seconds)

Published: Sat Nov 05 2022