How to Animate Manga on After Effects | Complete Tutorial

hey there do you want to make manga animations like this watch this video till the end without skipping so you can finally become a manga animator wow wow if you guys want to see more of such manga animation tutorials go ahead and hit the Subscribe button and turn the notifications on so we'll jump right into the video without wasting [Music] time start by opening After Effects and create a composition you can name it whatever you want in the basic settings keep the resolution to 1920 into 1080 which is the standard HD quality you can change it if you want I prefer frame rate 60 for smoother animations and you can adjust the start time code in duration to your needs it depends on how long your manga animation is going to be you can change the background color to Black since it'll be contrast to the white manga panels hit okay once you were comfortable with the settings once you created your composition you are officially ready to start your animation my time has come well first let's import the manga panel right click on the project panel hover over to import click file and choose the panel which you want to animate now what you have to do is drag the imported file into your timeline and we are ready to start adjust your manga panel and fit it within your screen to do this click the imported image layer in the timeline and press s on the keyboard now you can scale the panel to your desire once you are satisfied with the scaling you can proceed to the next step this step is one of the most important steps in manga animation this step involves analyzing the picture and spotting the potential body parts which you'll animate later on for example in this picture of Saka she's a character from the anime Kaka Guru by the way so in this picture you can spot that we'll be animating her eyes her eyelashes her eyebrows will be animating her hair the huge ponytail at her back and so on once you've analyzed the body parts it's time to mask each of the body part before masking duplicate the layer according to the number of body parts you spotted since we'll be masking out each part separately we need each layer for each part to do this click one of the layer and press contrl plus d to duplicate the layer rename each layer so it'll be more easy to work with here are my layers the amount of layers is your personal preference if you'd like to animate only the eye you may have only one single layer named eye if you'd like to animate all the parts like me you can create each layer for each part now it's time to start masking we'll be using pin tool to mask our parts head over to the top and you'll find this tool after selecting it choose the layer which you want to mask first in my case I'm going to start with the hair I'd like to call this layer hair one well now follow along how I maskk this hair part masking is a simple process all you have to do is crop the part just like how you do in Photoshop once you have masked the part end it by joining with the start point to complete masking well one of our hair layer is now masked successfully similarly you have to mask out every layer and every part the more layers you have the more layers you to mask the more layers you mask the more layers you to animate the more layers you to animate the more you'll suffer I'm just kidding once you get used to this this will be a piece of cake now I will fast forward to masking the next hair part I hope you all would have understood how masking works now I will Fast Forward more to mask out all the hair Parts one by one people often make a mistake if you mask out a part you should select another layer before masking another part don't mask all the part in one single [Music] layer [Music] now let's mask the huge ponytail as you can see in the picture the ponytail is behind all her other parts so while masking you to assume that her body doesn't exist in this way you can mask out her ponytail well you guys might ask but her body gets masked along with the ponytail too yes this is common we'll handle this in the painting section of this [Music] video [Music] don't worry about this text bubble we can easily paint this off after masking we'll talk about this later in this video [Music] [Music] we've successfully masked all our hair Parts which are ready to be animated now in this same way we'll mask out our brows mouth main body and hand which we be animating we'll mask out eyes later it's all right if you want to mask out the eye now but I prefer masking and animating the eye at the very [Music] end [Music] all of the layers are mased except the eyes and eyelashes you can temporarily hide those layers if you're not going to work with them just click the IE icon and it'll be hidden let me show you guys why painting is required if you see our mask picture there are some overlapping of text bubbles and other manga panels we can paint these off easily here's another reason why painting is needed let's say I'm going to move the hand basically animating so when the hand gets moved from its current place you can find another hand in the back this is because apart from the hand we've masked her main body contains her hand too so how do we solve this well we'll paint off her hand from the main body in this way the hand will exist only in the hand layer and her main body will consist of only her body if you guys cannot spot the overlapping and other faults in the picture you can create a new solid layer and change its color to white this step is completely optional you can either have a solid layer as background or just continue if you can spot and find errors without it as people say the result is all that matters let's start by removing the text bubble from her long ponytail to start painting make sure you are at start of the timeline then double click the ponytail layer once you've done that click this paint icon you can change the brush's size and color from the paint column you can choose whether you want a soft brush or a hard one soft brush gives you a soft touch you can try out both I personally prefer hard brush for manga painting it depends on the picture after choosing a brush type you can change color in the paint column you can use the Color Picker to pick the color in my case I want the black color so I can paint off the white text bubble now let's start painting out the unnecessary elements [Music] m [Music] now the text bubble is gone from the hair but if you guys see closely there's a small masking error which leaves a small white Gap you can easily fix this by adjusting the mask anytime you want to fix this select the pin tool and click the layer and you can adjust it let's paint the hand off of the body and fix the body now we have another manga panel overlapping her body we'll start by painting it off first similarly double click the body layer to start painting there's an easier way to choose color just press alt and left click together on the color you want and the color will be [Music] [Music] chosen now we'll paint off a hand from her body and redraw the main body [Music] in the same way behind this mouth layer the face layer also consists the mouth so when you animate the mouth layer another mouth will appear in the head layer so we'll erase the mouth from the head layer using the brush tool along with the mouth I'm painting off her eyes lashes and her eyebrows because we have separate layers for each of [Music] them if you guys come across problems like this reorder the layers properly the ponytail is the layer which is behind every other part so it has to be at the end in the same way the hand layer should be above body layer the head layer should be above body layer the hair and other parts will be above the head layer it's really that simple we'll do some more painting Works to the [Music] ponytail do you guys remember when I said I'll guys at the last so I'm going to mask out the eye and eyelashes now if you guys had already masked it previously it's well and good we have the ey layer hidden now unhide the layer and start masking after you mask one eye you might not be able to see the next eye it's because there's no other layer which consists the right eye so to mask out the other eye head over to the eye layer and press M now open the drop down and choose subtract what subtract does is it'll display everything apart from the mased region now you can continue masking the next ey and change back to subtract to [Music] [Music] [Music] add we're almost done with the painting part one last part left is painting to head when you animate your hair you'll find another hair in the head layer as I told previously for the mouth and hand layer so we'll paint off the hair from the [Music] head we can paint the hair off the head during animation phase as well I call it the dynamic painting when you animate you'll come across finding another hair in the head layer at such times you can always go double click the head layer and paint off if you guys made it till here congratulations you are one of the 5% who dedicated their 15 minutes to learn something useful here's a cookie subscribe so I can get cook more tutorials for you guys without wasting time we'll start the animation process to animate a manga panel we'll use one of the most powerful tool called the puppet pin tool it's really easy to use all you have to do is set up so-called pins in a part and you can move those pinned areas freely I'm going to start with the hair first I'm setting up pins this way so I can move the hair freely after you've fixed your pins hover over to 1 to two seconds apart and make your movement this will create the key frames by itself note this while setting pins ensure that you are at the start of the timeline if you've messed up this part you can simply undo the pins by using control+ C now comes my Dynamic painting Theory while animating you can notice another hair which is on the head layer we'll paint them off if you don't want to do Dynamic painting you can paint all the hair off the head but I prefer erasing only the unnecessary Parts there's a common mistake animators make so right here the hair in the back gets painted off only after 1 second why is that the reason is because I wasn't on the start of the timeline during painting this results in the painting starting only after 1 second because I was one second apart in the timeline this can be easily fixed go over to the painted layer and click this Arrow Mark open the effects and open the paint now you can drag the paint which is initiated after one seconds to the start of the timeline it's as simple as that this is the result so far if you face a problem implementing till this part feel free to post your doubts in the comments section I'll reply to every single comment to turn this animation more soft and smooth click the layer which we animated and press you on the keyboard this will open up our key frames select all the key frames and right click key frame assistant and clickies in or you can directly use the keyboard shortcut F9 we'll now animate the next hair part using puppet pin tool you can easily animate every single part this way just like how we did for the first hair drag your timeline to 1 or 2 seconds according to how fast or slow you want your animation to be then move the [Music] pins again to make these movements smoother select all the key frames and press F9 to make the animation to and fro like a loop copy the initial key frames by using contrl + C and paste it at the end using contrl V this is how our animation is so far in the same way I'm going to animate the next hair I'm speeding up this part I will describe what I'm doing in this phas I'm painting off the head because this same hair is being seen on the head layer once I paint them off I'm using puppet pin tool to add pins then I proceed to animate as [Music] usual [Music] [Music] for I'll be doing the same for the mouth animation [Music] here I'll show you guys another cool technique so have you guys seen manga fied animations like this if you guys see these movements the motion is quick as it starts then it gets slower to perform this we use the graph editor here's how to do it so in our manga animation we are going to do the same speed warp animation to her mouth after you complete the basic animation select all the key frames and click graph editor in this graph editor Follow My Graph I'll explain more about how graph Works in another video the video would become more longer if I have to explain that so hit the Subscribe button and turn the notifications on well let's continue now after selecting the key frames and entering the graph editor follow my exact [Music] steps and that's that's it this graph shape will give you the Head Start motion it'll start faster and gradually slow down now comes your favorite part animating the eyebrows and eyes it's exactly similar to how we animated the hair follow the steps I'm doing if you guys come across a problem while following me feel free to comment down the issue below and I'll respond as quick as possible [Music] let's animate our hand now for this one we won't need a puppet pin tool all I'm going to do is move her hand up we'll be using position for this click the hand layer and press p on the keyboard this will open the position in the start of the timeline create a key frame by clicking this and drag her hand down down then after 1 second or 2 seconds move her hand up then follow the exact same steps we did to make the animation smoother I'm going to animate the ponytail next which is the last hair left use puppet pin tool and follow the steps I'm doing the same which we've been doing for the other hair [Music] [Music] parts [Music] I animation is the final touch to literally every animation I animation is pretty simple let me show you guys how to properly do I animation select your mask I layer and press M to open mask settings create a key frame and mask path now go to the time interval where you want the character to close or open their eyes and follow my steps if you guys get this problem where the entire selection is getting dragged down don't select the Mas path click only the layer and you should be able to change the points without this problem now we can animate the eyelashes using our good old puppet pin tool follow my steps [Music] [Music] [Music] and that's it folks if you guys made it here congratul ations you guys are the top 1% who managed to learn manga animation if you guys couldn't follow or have any issues Midway feel free to drop a comment below mentioning the time stamp of this video and I'll be happy to help you guys if you guys want this after effects project file make sure to check the description and the pin comment and I'll share a link to this project file for absolutely free hit the Subscribe button if you guys want to see more of such tutorials in the future this is roony signing off

Channel: RONIX

Views: 14,019

Keywords: manga animation, manga animation tutorial, animation after effects, manga animation after effects, manga tutorial, manga after effects

Id: ks47SnbtQDM

Length: 21min 23sec (1283 seconds)

Published: Mon Dec 18 2023