02 Animation by references

Super Sila: School of Motion Design 05 Character animation (intro)
44 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$49.99
List Price:  $69.99
You save:  $20
€46.58
List Price:  €65.22
You save:  €18.63
£40.03
List Price:  £56.04
You save:  £16.01
CA$68.63
List Price:  CA$96.09
You save:  CA$27.45
A$76.02
List Price:  A$106.44
You save:  A$30.41
S$67.81
List Price:  S$94.93
You save:  S$27.12
HK$390.69
List Price:  HK$547
You save:  HK$156.30
CHF 45.46
List Price:  CHF 63.65
You save:  CHF 18.19
NOK kr546.43
List Price:  NOK kr765.05
You save:  NOK kr218.61
DKK kr347.46
List Price:  DKK kr486.48
You save:  DKK kr139.01
NZ$83.33
List Price:  NZ$116.68
You save:  NZ$33.34
د.إ183.60
List Price:  د.إ257.06
You save:  د.إ73.45
৳5,489.47
List Price:  ৳7,685.71
You save:  ৳2,196.23
₹4,174.55
List Price:  ₹5,844.71
You save:  ₹1,670.15
RM236.99
List Price:  RM331.80
You save:  RM94.81
₦70,298.43
List Price:  ₦98,423.43
You save:  ₦28,125
₨13,909.88
List Price:  ₨19,474.95
You save:  ₨5,565.06
฿1,846.13
List Price:  ฿2,584.73
You save:  ฿738.60
₺1,610.66
List Price:  ₺2,255.06
You save:  ₺644.39
B$254.49
List Price:  B$356.31
You save:  B$101.82
R927.79
List Price:  R1,298.99
You save:  R371.19
Лв91.12
List Price:  Лв127.57
You save:  Лв36.45
₩68,531.94
List Price:  ₩95,950.21
You save:  ₩27,418.26
₪186.70
List Price:  ₪261.40
You save:  ₪74.69
₱2,868.05
List Price:  ₱4,015.50
You save:  ₱1,147.44
¥7,794.14
List Price:  ¥10,912.42
You save:  ¥3,118.28
MX$847.82
List Price:  MX$1,187.01
You save:  MX$339.19
QR181.98
List Price:  QR254.79
You save:  QR72.81
P683.14
List Price:  P956.45
You save:  P273.31
KSh6,548.69
List Price:  KSh9,168.69
You save:  KSh2,620
E£2,366.87
List Price:  E£3,313.80
You save:  E£946.93
ብር2,871.93
List Price:  ብር4,020.93
You save:  ብር1,149
Kz41,809.30
List Price:  Kz58,536.36
You save:  Kz16,727.06
CLP$46,797.13
List Price:  CLP$65,519.73
You save:  CLP$18,722.60
CN¥361.26
List Price:  CN¥505.79
You save:  CN¥144.53
RD$2,902.73
List Price:  RD$4,064.05
You save:  RD$1,161.32
DA6,738.30
List Price:  DA9,434.16
You save:  DA2,695.86
FJ$113.87
List Price:  FJ$159.43
You save:  FJ$45.56
Q388.63
List Price:  Q544.12
You save:  Q155.48
GY$10,470.35
List Price:  GY$14,659.33
You save:  GY$4,188.98
ISK kr7,002.59
List Price:  ISK kr9,804.19
You save:  ISK kr2,801.60
DH501.40
List Price:  DH702
You save:  DH200.60
L883.29
List Price:  L1,236.68
You save:  L353.38
ден2,870.60
List Price:  ден4,019.08
You save:  ден1,148.47
MOP$402.76
List Price:  MOP$563.89
You save:  MOP$161.13
N$930.61
List Price:  N$1,302.92
You save:  N$372.31
C$1,841.31
List Price:  C$2,577.98
You save:  C$736.67
रु6,683.63
List Price:  रु9,357.62
You save:  रु2,673.98
S/186.29
List Price:  S/260.83
You save:  S/74.53
K193.80
List Price:  K271.34
You save:  K77.53
SAR187.48
List Price:  SAR262.49
You save:  SAR75
ZK1,366.70
List Price:  ZK1,913.50
You save:  ZK546.79
L231.77
List Price:  L324.50
You save:  L92.73
Kč1,164.46
List Price:  Kč1,630.34
You save:  Kč465.87
Ft18,093.17
List Price:  Ft25,331.89
You save:  Ft7,238.71
SEK kr546.34
List Price:  SEK kr764.93
You save:  SEK kr218.58
ARS$44,079.30
List Price:  ARS$61,714.55
You save:  ARS$17,635.24
Bs345.59
List Price:  Bs483.86
You save:  Bs138.26
COP$194,670.18
List Price:  COP$272,553.83
You save:  COP$77,883.65
₡25,602.51
List Price:  ₡35,845.57
You save:  ₡10,243.05
L1,236.05
List Price:  L1,730.57
You save:  L494.52
₲373,702.36
List Price:  ₲523,213.21
You save:  ₲149,510.84
$U1,931.55
List Price:  $U2,704.33
You save:  $U772.77
zł200.15
List Price:  zł280.23
You save:  zł80.07
Already have an account? Log In

Transcript

Hi guys, before we start to move characters budget, I would like to tell you a brief history. And all No, I would recommend you to now the best case to have animation before your free ride. Yes, for sure, different scripts and tools make your life easier. But usually most of the designers enough to do make suck animations. But our task is to make lead and sell animation. So don't hurry up.

And I'm going to spell very important work and you will try to remember it. Okay? The word is references. It's clear to animate in proper way you need good references. Then there are a bunch of them for example to animate these cage Hart. I found real videos cater and proper champ and made frame after frame.

Next position. Great job. Of course there are a lot of tricks to do it, like exaggerations or others, but you should start with classic To start with classic issues tarded. There are a lot of methodical materials or frame by frame animation of an occasion frame of frame posed by bowls. And now I show you one trick and help you will understand how it works. And after this, everybody will be able to create right English.

Let's go. To scrappy this theme I prepared this picture for you. This is a picture of animation of a walk in person, by stages, there are eight of them and not in a loop. I mean, the last and the first are the same. And this is enough to create a smooth and pleasant animation of a walking man. Let me show you this and bring this picture to the after effects and make some characters and I make a new composition.

Don't use high quality, not to let it log Look what is doing next I have eight stages, and nine is a loop stage. So I need eight copies of the. After this, I will cut every image of a character by separate mosque. After I've got all of these mannequins. I have eight stages, and I'm going to place them to the center to try to save and start with the first one. I place the first image to the center approximately and after, we'll place others on the first one in order I've placed all the images, I select all of them, press Alt plus, close bracket and cut the layers.

The last the duration of one frame will be, the faster the animation will be. I think that two frames of duration will be optimal, every pose has to frame duration of time and then place the is like a tear. To make it more beautiful and grossly, I'll make a new salad with a background of the same color. So there is only two breastplate and see if it works. For today, I've never seen anything better and more beautiful. But don't forget that we work in After Effects.

And we can put and tune animation case for better animation. Okay, let's turn to creating characters by shapes in After Effects. I make a new composition. And before I start to draw a character, I've found a few gifts. juice with an irritation of the character by walking In this case you see that trust me, I've watched a bunch of cartoons and references of bander, he is always rotated a bit like a health town. It's for beauty for Outlook.

It's cool. It is working straight, but there is no feeling of wrong working. So, I will use these half tone outlook to draw him I will make a station. So few deviations from the original one is allowed. Don't worry to create had as long as the rounded rectangle and draw this sample. As you know, there is an ability to round the corners, more Super just two clicks.

The head of bender is almost ready. Moreover, references is needed to check the color. Let me turn the head, I need to cut it. I use mask, activate Mask mode and cut the head. The head is pretty long so I will stretch it a bit. So, if you pay attention, his upper jaw is a bit put forward or maybe his teeth are set back.

So I'm going to release it here. Look at his mask, select the layer and cut the hole and here The mask, we'll have subtract mode. I think it is okay. Let me create the antenna. You can use rulers to place good. Ideally I will not make a black line around the character character.

I don't need it. So I ton of this trope, but to make it nicer you need to use it. But in this case, I create a shape graphic here. So this sample of the habits ready, I select all the layers and precompose and name it necessarily not to get confused had main let's create it and to have the ability to turn the head high need to create some extra teeth. First go with kale of the teeth to match the hole. So I've created such her rectangular and let's create teeth and select last to ban to draw a line.

Then add the thickness In the line, add repeater then open it then transforms and position put here zero and ngrick over, over 16 numbers of copies should be to add one more line inside this shape and also add a repeater gap. Then open the repeater and tune the gap between the lines. Three is enough after tuning in to, to live it and now you should deduct, it's better to do this. Not that and that and the bouquet the mouth and put it behind the mouth will be the Yellow or even even this Brad Hill and they will align I think two is a super. Now I can pre compose it and name it mouth it I duplicated the hat and folded over the mouth. Then use from that deduct and here are the tip.

Now I can move the mouth and great rotation of the head by this nice, I will leave it this way. And now it's time to create these eyeglasses or just eyes. Use rounded rectangles. To add thickness try to find in good color. So instead it will be dark blue and this drop will be a bit lighter than they had them I duplicate the layer and stretch it a bit to make this feeling of space. Here, I can use lighter color to create the effect of the light.

So we need to flaunt this Bart Poulson. Bye The same principle of mouth, we will be able to animate eyes. When tuned in the head, I use shape ball, then unactive of proportions and to be able to change the lamp of eyes without changing the width of stroke, I'm going to tune it a bit and he will see Elsa I think that this part shouldn't be so long. Use main and cut this part yet do better. Let's cut the eyes by musk because he's looking like a sleepy and there is only to deduct one from another then the vacate this choke and decrease the width do like that also I should tune these with have the slang not to let it cross the borders to in the eyes. Characters the boundaries had is ready we can pre compose it and name all of the boards like had Super.

Okay, let's create a body in a quick way and then create arms. To draw the body. I use the same tool, by the way, we can adopt this size of bender to the composition. Okay, so I draw this part use the colors that I've used before. So, I've created such a cap. I don't need the outlook of Chrome, maybe I should make it thinner like that.

Okay, use an ellipse tool and draw button Then using mask and ball. I'll link the boards and here it is. Yeah, I should tune it. I think it's easy. Then select the color yeah nice pretty close to the point. So we can recompose the sport.

Name it like body and here I will create such trick like a hatch. I turn up the thing I will make an extra part of hatch to have the opportunity to rotate the body Do bender then deduct the line from the body super worth created the hedge As you may see, it's really pretty easy to draw by shapes you can create any form that you need I think that it is the sterilization so you can draw anything that you need somebody needs illustrations programs but I think that drop with the shapes inside the After Effects it's more comfortable way and I think more right way okay so I turned to creation of flags and dogs let me speed up it will be easy um sir will be created by pathway I will put three points turn on the field, increase this stroke and use round cups.

Stroke round gap. Here the corner is too sharp so I would like to do it super use pen to convert slides to and click on this point. So corner is here. Okay I've drawn bander Later I will tell you how to do this tribes on the on his arms and legs, but now it's not super necessary this line will be the floor. It will be the indicator and helper while animation and now we see that everything is in its places. This is food over other layers wrist is a separately left hand is also over something is behind something is over it.

This picture is not needed anymore I can delete it from the composition. So let's think what part can be linked body and body with a hedge these two layers should be linked then had to the body and and maybe also arms can be linked to the body. I think that raised will be animated by case so I will likely get only these shoulder and arm and of course, right hand the same Okay, check it. Nice, they're presented. And further, I turn to animation. As you know, we will use the reference charities and I'm gonna use it as a sample.

I increased the size of it, put it behind the banner. And we'll use it like picture to focus on. As the basic principle of animation said, all the movements had a curveball. And the man house, he has a face of minimum when he's squatting and maximum like this. So you should think about it and understand what movement are the characteristics of a character Benjamin Robert and his legs and arms can stretch anyway, he's able to have a balance like that. So I will not make a hard body rotation.

But if your character is more like a human, please use this picture in a proper way. Let's animate the body, eye open position. We have eight main case and every gap between the phases we'll have pre frames, so free frames. And here he should get down a bit, not too much like that. Then next three frames. By the way, if it will be more happy Hopefully you you can replicate it, put it over and decrease this size for for illustration purposes and maybe we don't need the firstborn now.

Oh, okay, let's go. This position is a middle fun. Next is a bit getting down. I will do tiny changes because it is arrow but then copy the first key and paste here. There he should go up more and beat the next phase just copy Ctrl C Ctrl V then getting down to the travel Maybe a bit more. This is our maximum getting down so his knees will be banded as maximum as it can be.

I'm back Ctrl C Ctrl V getting up Ctrl C Ctrl V. So how many keys Do we have 12345678 and nine is a loop just duplicate the first key Ctrl C Ctrl V. Here is a body movement that matches to banners what can further we will use these reference for animate his legs, super and let's jump to it. Now we will need a range let's position phase by phase. I will not animate arms just that for now. So that the left leg that should have this position in this phase of movement. I opened Bob and pulled the key. Next I need to fix his leg like it is on the picture.

Here you can see a good curve, but Ben hasn't got it. So I will use this bar that is called Of course food. tune the key and put rotation and position case change them and match it and the second leg the similar open Paul Paul Dickey Then change the points. The leg is straight, it is easy. By the way, the color of the line is the same as the leg has, so you can change it. Okay.

I change the anchor point of the food and put rotation key and of course position key as well. Then I slide to the next frame and slide the picture as well. I need to understand better how the character is moving Use both keys and change them. I would like to change the color of the line to make it visible. Use all food and change rotation and position. You can do of course more perfect.

And the second flag slide to the next frame and slide the reference. Here you see that benders hidden leg slides back a bit may change its case and do this thing. also change the position of the foot and now rotation here and his left leg and his knee bends. So tune this moment. Change its rotation, and it's position. Use reference here.

Great, and all the next phases. Slide and change, slide and change. Chemistry Desert green chemistry the last page should have the same case like the first one. So copy that to make a loop. Hair is this working vendor without him of course I should correct the case to them mad Oh no. We have a working just checked every face and corrected I don't like these banned and let me open bodies case ends To the things that I don't like.

Okay. In general, this is a question of your detail tuning and also you should pay attention to this part. This leg is fixed to the body. Maybe here I should even do it. The key is to make the getting down more smooth. And also, I will check the other leg.

Okay, check it check it carefully, and don't forget that it is also fixed to the body. I think I've tuned it as late as I can. And now the legs looking not so ugly. So I can add a bit of rotation to this body to add the feeling of visible rotation of the body by rotating the hatch that looks like this, this rectangle open position, in this point, it will be closer to the viewer and in this position of the legs. I would rotate of this way, m back Ctrl C Ctrl V. Let's check it seems to be something wrong. So I need to correct it.

It seems like it's not the correct lecture of movement. And after, and et enemy the arms so that this shoulder and link it to the hatch. But before I set up the beginning position here now you see such irritation. And this is like I mean fake 3d to turn in. So don't forget to link the arm to the shoulder. You see such a tiny rotation of the vendor's body and that's cool.

It tiny detail but a great illusion of a 3d object and also We should animate his right shoulder like and opposite direction I selected, put the position key, then slide to the movement of rotation. In this position, it should be visible and in this one it should be not visible. So I'm going to hide it and I will copy the first key and paste it to the last frame. There is on the tooling the arm to the shoulder. Let me open reference and check the arms position. Even this little one will be enough.

So in this point, the arm should be a head of the body So let me move the anchor point of the arm booted here and animate the rotation. Justin made the rotation. So do like that. And then going to band a lot just animated this way happened down let's animate in other arm vice versa, like an illusion of the real movement of the arms. For those guys who have been animating characters for a long time, it's very easy to understand how his character should move. But sometimes you need the experience and sometimes you need your intuition.

Actually, I wanted this on hold the bottle of beer but now I just wanted to mate just the rotation of their own. So rotation and here are the is a bit getting up. Control C Ctrl V. Here we see a normal movement of arms and legs and even body. Yeah, the arm seems to be longer so I want to shut it and there's only to turn the hand open had Make this animation actually made the mouth. As you remember, we've prepared the mouth for these animation. So put the first key slide to the 12 sprain.

Slide the key share and from the beginning it would be like that. Now high now long leg that and of course we should cave with the eyes. I think that is the most difficult part and then go on to focus on this part of the body like foundation for the rotation. I need to animate likely position and animate the size of the shape. First brain they had should be narrowed by the rules of prospects. It will be not so visible.

So I'm going to turn on I'm going to turn out the eyes not to bother me and check it. And by the same principle that's an amid these Spark, let's just format a bit. also put the case of size and position as well. Open you on the keypad. Slide the case to the 12 frame and here change the values Now see this little turning of the hat look nice. And of course, I can make these Brock's prospect more real, but I decided that it is enough.

Of course, I got in the project and there are tiny box, but usually it takes more time to animate a character. And only the first said it looks easy, like half an hour work, but to understand and to think through every detail. You will need more time. By the way, I forgot about the tribes on The arms and the legs of the bender. So, I copy the layer of the arm. Then I open this choke and turn on dashes glass.

Change the color of the stroke. Then I changed the cup back to bad cop and the seas stripes and you can't hear it then dedicate the leg and the similar thing open shape and then stroke add dashes change. Oh it's already bad cop. Okay, change the color. And okay, have a look. Yeah.

Nice trapped back. Okay. I think that the basic principle of making admission by references is covered. Of course you don't need to use this picture there are an endless number of references of character animation. If you use your character by another reference, nobody have noticed it. Believe me, I'm not a fan of character animation.

It takes a lot of time, but the result can be profitable. I like to add small details after an animation. And in this moment, I'm going to get high for sure. Maybe it can be called style time. These details will differ from a bunch of other works. I invite you to think about Once you like to dive into your own history and start to create after that, how decided the banners should be happy?

Smiley, nice, rather clean like after washing and with a beer and Seeger, I thought that my message should be a bit more than just a character animation, edit 3d stroke plus classical animation and here is it our attach the project to this lesson in any emergency and that's all see you my good friends bye

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.