02 Basic principles of animation (practice 1)

Super Sila: School of Motion Design 01 Super Sila (Intro by 2D)
34 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
€42.54
List Price:  €59.57
You save:  €17.02
£36.92
List Price:  £51.69
You save:  £14.77
CA$68.07
List Price:  CA$95.30
You save:  CA$27.23
A$75.65
List Price:  A$105.91
You save:  A$30.26
S$63.85
List Price:  S$89.40
You save:  S$25.54
HK$392.41
List Price:  HK$549.41
You save:  HK$156.99
CHF 39.72
List Price:  CHF 55.62
You save:  CHF 15.89
NOK kr505.09
List Price:  NOK kr707.18
You save:  NOK kr202.08
DKK kr317.58
List Price:  DKK kr444.63
You save:  DKK kr127.05
NZ$82.72
List Price:  NZ$115.81
You save:  NZ$33.09
د.إ183.61
List Price:  د.إ257.07
You save:  د.إ73.46
৳6,072.47
List Price:  ৳8,501.94
You save:  ৳2,429.47
₹4,320.41
List Price:  ₹6,048.92
You save:  ₹1,728.51
RM210.73
List Price:  RM295.04
You save:  RM84.31
₦76,234.25
List Price:  ₦106,734.05
You save:  ₦30,499.80
₨14,182.38
List Price:  ₨19,856.47
You save:  ₨5,674.08
฿1,613.17
List Price:  ฿2,258.57
You save:  ฿645.40
₺2,023.41
List Price:  ₺2,832.94
You save:  ₺809.52
B$275.87
List Price:  B$386.24
You save:  B$110.37
R881
List Price:  R1,233.48
You save:  R352.47
Лв83.12
List Price:  Лв116.38
You save:  Лв33.25
₩68,546.70
List Price:  ₩95,970.87
You save:  ₩27,424.16
₪167.06
List Price:  ₪233.90
You save:  ₪66.84
₱2,832.13
List Price:  ₱3,965.21
You save:  ₱1,133.08
¥7,327.15
List Price:  ¥10,258.60
You save:  ¥2,931.45
MX$927.80
List Price:  MX$1,299
You save:  MX$371.19
QR181.60
List Price:  QR254.26
You save:  QR72.65
P664.85
List Price:  P930.84
You save:  P265.99
KSh6,458.70
List Price:  KSh9,042.70
You save:  KSh2,584
E£2,453.64
List Price:  E£3,435.29
You save:  E£981.65
ብር6,806.64
List Price:  ብር9,529.84
You save:  ብር2,723.20
Kz45,588.63
List Price:  Kz63,827.73
You save:  Kz18,239.10
CLP$47,418.51
List Price:  CLP$66,389.71
You save:  CLP$18,971.20
CN¥357.79
List Price:  CN¥500.94
You save:  CN¥143.14
RD$3,015.42
List Price:  RD$4,221.82
You save:  RD$1,206.40
DA6,471
List Price:  DA9,059.92
You save:  DA2,588.92
FJ$111.78
List Price:  FJ$156.51
You save:  FJ$44.72
Q382.34
List Price:  Q535.31
You save:  Q152.96
GY$10,416.66
List Price:  GY$14,584.16
You save:  GY$4,167.49
ISK kr6,041.79
List Price:  ISK kr8,458.99
You save:  ISK kr2,417.20
DH448.01
List Price:  DH627.25
You save:  DH179.24
L840.59
List Price:  L1,176.90
You save:  L336.30
ден2,615.24
List Price:  ден3,661.55
You save:  ден1,046.30
MOP$402.75
List Price:  MOP$563.89
You save:  MOP$161.13
N$874.78
List Price:  N$1,224.76
You save:  N$349.98
C$1,833.12
List Price:  C$2,566.52
You save:  C$733.39
रु6,886.73
List Price:  रु9,641.98
You save:  रु2,755.24
S/177.56
List Price:  S/248.60
You save:  S/71.04
K209.39
List Price:  K293.17
You save:  K83.77
SAR187.53
List Price:  SAR262.56
You save:  SAR75.02
ZK1,157.03
List Price:  ZK1,619.94
You save:  ZK462.90
L215.74
List Price:  L302.05
You save:  L86.31
Kč1,045.08
List Price:  Kč1,463.20
You save:  Kč418.11
Ft16,926.79
List Price:  Ft23,698.87
You save:  Ft6,772.07
SEK kr476.40
List Price:  SEK kr667.01
You save:  SEK kr190.60
ARS$62,911.61
List Price:  ARS$88,081.29
You save:  ARS$25,169.68
Bs344.23
List Price:  Bs481.96
You save:  Bs137.72
COP$203,254.31
List Price:  COP$284,572.29
You save:  COP$81,317.98
₡25,166.74
List Price:  ₡35,235.46
You save:  ₡10,068.71
L1,304.43
List Price:  L1,826.30
You save:  L521.87
₲373,143.55
List Price:  ₲522,430.83
You save:  ₲149,287.27
$U1,999.51
List Price:  $U2,799.48
You save:  $U799.96
zł181.08
List Price:  zł253.53
You save:  zł72.44
Already have an account? Log In

Transcript

Hi there. Today we'll start with basic principles of animation. Why? Because muscle damage once you have principles, but the serious principles of animation is the most important thing in motion design. Because nowadays motion design is not only an object moving or production is traditional animation and animation of character. So to know the principle of lead design is just a must.

The basic principles of animation can be hawks, how to be faster or effective, how to do it more attractive or expressive. Describe the basic principles I would say that your object should have physical nature, weight, body speed, force of friction, resistance, and so on. And you should flaunt them you should do it to trapped and impress the viewer. Whoa please top if you're just a beginner, so Wake up and smell the GFI, you should grab this out to reach this effect. So from alpha to omega here I prefer a simple animation This is around that has a movement from left to right. While the movement has impulse, if you look attentively, he should notice that beside movement to words, they're just hesitant to move them back on after this kind of delay object continue to move to the engine port.

Want to slow down. In fact, we can do it more expressive with the help of keyframe, put it here and then grab the object. So we can add key assistant is in here, but I don't think that it settles down. So I prefer to open the graph and change this bit manually. What is more unreal in the situation, it is the absence of the forces that can push this object, no bad or stick that can beat or kick the object. So our object do the inverse of movement by itself.

So as a kind of moving back in Russia, it is called pre act and repression. The definition is before the character do any movement Do a preparation or pre act in our situation, it's not a character. It is just a round, but why not? Moreover, we can add a stylish motion blur. Yeah, that's good control cool. How to make this perfect, I will tell you in our next lessons, okay, with around in our improvised space put it that it is clear, but let's imagine the square that will slide on the floor, or any other flaggers.

Of course, it will be influenced by some forces. In this picture, we see that our square is sensitive to our floor, we create a force of friction and center of gravity shift, we see that when the objects start to move, it has a decline to the left. And while stopping to the right. You do it all by yourself. You can make your object natural. You decide how it will react on the course.

But please do it real, it will be more expressive and attractive to viewers. Okay, let's try to make this animation. This square, I'll choose the two to create a square and with the help of shift I draw as well. So, this is our shape layer, and now we tried to change our aircon board and put the central to one of the corners right corner and now it will rotate around our anchor. I like the shapes because they have additional tops and pressures. For example, when I open contents, I will find our square.

Oh found that it has it Enter. It's very comfortable, I'll move it to the right corner and fill in the main by itself. So that so now I can run the object to the right side or to the left side with the help of shape transform or with the help of rectangle tractor. Okay, now let me make the position I will do the dot and move to the 1520 frames. Then make a line and the first part of our timeline and do the moving back. What is more, I know that to mine mentioned we'll stop over there and I do the frame is again, open the graph and do it more speedy with the help of wrest control, we can make the type of this key.

The type will be after busy type, so it will be smooth. But it just it like it. And now we're going to animate the rotation. So go to the first frame and open the shape. Go to the transformation and find possession. They're okay but the key and when is the moment of the maximum decline, I will change the value for more or less 10 degrees.

Everyone's different counterfactual object mentalists so we should make the key is out, open the graph and do it like this. And after quite brains more or less, I make the value like zero. So maybe it will be better when it will be not up to five frames but round four sounds really glad. Okay, next we should animate the the red part of our slide. I press power like audition, put the key and press the key part to put all the case then move ahead from the last key to the right and change the the rotation like 20 degrees. Then we go there with his in key change graph.

So it's okay without animation. So let's put it on our floor, move forward to three frames and make his value like zero. Yeah, okay. I will do just two friends to make it faster. So the last thing is to add the board syndrome preset here. I'll go to the effects and presets, open the presets find the bounce and drop and grab it to our shape layer.

Then open the rotation, then click Enable bonds back and I'll say that I was quitting Heavily to bounce on the floor. The more information you'll find in our next lessons, the discoloration bounces so you can see it, watch it and try. This is our fourth animation. And this is the jump of our square as we're talking about basic principles of animation, so there we should use such a principles like squash and stretch. Okay, here before they jump as square should stretch a bit, then squash like an out flapjack then wait a minute, and gently like a train where the trash can and fall down. Let's try to repeat these animation.

Okay, create this square. Then we should move our report to the bottom of our square. So it's ready for animation. First of all, we should To animate these kale transform, so we should turn up the proportional scale, we should turn off this block. And now we can change the values like separately that that we need. So for the first move forward four frames and stretch our square a little bit.

So it's like anticipation before question, then move to the 15 frame. And for examples, question debate. When it's done that all of the volume of our object should go somewhere well, question. So I use there in the in key and go to the graphs. Here we can see that both of the values has its own graph, so we should correct them both Hear wishing this done that well question this spring it will take us more forces by the end as for object here we can see that I was question should go longer as I've just said, I like to use anticipating before champion. So we should understand that something is tough and it is the peak of our concentration and something will go on.

So just one cream and we'll open the position B on the keyboard we open the position and put the key press do you open other keys move forward by the timeline and just wishing john our square but by the way is to flapjack I put here into So making damping of the movement and tune the animation a little bit, just four or five jump and come back to the case of scale transforms make the key after Eazy E we should use a LAN key. It's more comfortable. So make the first key and go forward to the last kill the position transform, we can just duplicate the first case care by Ctrl C Ctrl. v. Then I use in go to the graphs and tune it. Okay, we've just make the jump another elsewhere. We see that it has full size By the ending, but we can change it a little bit.

We can make it a little bit stretching of the object by the ending just to make it different from the beginning. And I like to be more expressive. So I try to flog this heading in the air. So make a tiny movement after the basics top. I'll do it like that I opened the shape layer, then go to the contents and there our rectangular and go to the options like position and put the key press you to close everything and just to change the value a little bit so after this key week can turn back to the floor, I mean our object for the position key to this kale key here, move forward three, four frames and duplicate the first key scale. Copy the first key of the position and the first key of the position of the shape.

This key we can make easy is and see what we have. Yeah, that's cool I like this animation. And after that, you decide how the object will react on the fallen. So it can be broken or it can be question or maybe bouncing. So I do my way. So I will cut it with the help of pressed out and closed square bracket Ctrl D just duplicate and move these animation for the moment that when our squares chart into question and just caught that we don't need and glory.

Here I can circle these animation. So and this is our leaves composition and expression besides expression, I use the simplest talk in motion. So we'll start with a rectangular rectangular around me nobody around. It's like a basic Hawk in motion. And you can find this topic in our further lessons about stretch. Stretching is interested in the fact that it's not about stretching, but the object should have a resistance It has to have a happy ending.

To scale the object is not a big deal, we should feel the object with a resistance. So I made this effect with a bouncing, it's pretty clear how to make her resistant in the object. And by the way, we will talk about how to transform the tempo to the round. As I just had to scale the object, it's not a big deal. So, I create the object with the help of press shift. Move the anchor point to the center and not to the start of our timeline.

Press s, then unlock our proportional The first key is in. Okay, let's move to the 13 frames and stretch the objective a little bit okay, Make it to the, to the central, right. So after the man's tration of the object, I'd like it to stretch more a little bit with the effect of bouncing with a stretching bounce and we create the effect of resistance. So now we have a linear case that make these key like is is we can press F nine and go to the graphs. In the graph, we can see that this point is the point of zeros pizza. Oh, it's nothing happens in this point.

And after the point, we have a tiny movement after it. Okay, it's number cool. So we should change it out the way. I grabbed this point. One thought and The second part Okay, that's okay. And blood cell Do I need to change the speed a little bit just to make the animation go faster?

I close the graph and see what we have. So okay, that's broken the world we should have. Let's make a little effect of bounces and go to the effects find their severe distort fun shake. Oh my god, everything is destroyed. So let's get to the window of ethics find their work it's no rope Ingrid no and we will see that oh my god it's pretty quiet too much. I think so okay Let to change it a little bit.

Here we can see the amplitude and frequency amplitude, I will value like 005. Okay and the frequency will be 24 Yeah, that's okay. The values is just for my own, so you can do it by yourself. Okay, so after this moment we can, so we can quit shower can go to the, to the square back. So, move the timeline 1234 we can copy in past the post frame here. So in this way, we don't need a bond Via so we can lock these values, open the keys with a pressed you then move on frame and put the value just zero.

So it's not the end we understand that we should transform our square to the round so and that will show it how to do it. B go to the tools by grounded rectangular to choose it and draw this figure. Then unlock the lines and we'll see that it has really rounded corners. So we go to the shape and open the rectangle box one here we can see the size, I will turn it off. So it's like a scale but we Have one differences that it will not influence on the corners. If we use traditional care, these corners will decrement too.

And we don't need it in this case. So we will animate these sides. Put the kid here and for free brains, we change the value. So we make from general to square, we should change our corners as sharp as it will be looking around. Here we can see roundness it reflects to our corners. So by default it is 20.

And we will change it to 50 in the space that so which is form our sausage circle With the help of out and open square bracket boycotted we got this layer then turn on our string and cut it to help out and closed square bracket. Whoa look Yeah, that's great. And then the last thing that I would like to add is animation is the abbreviation of our circle. To know more about the effects of motion, you can watch the additional videos to understand it better. Okay, let's add their damping or bouncing and then to make it melee I will look a bit but this bouncing from the lab journal have too much content enough. Cooperate then pressed out clearly sighs In this open space, I will pass the expression.

I think that it's too much for our animation because the keyframes are very close to each other. And the values are big for this animation. So we can change it manually. For example, oh dot one. Have a look if it is okay. Okay, here we can put two and four.

All right, I know maybe five and four will be okay. In this animation, we call this the topic of morphing the objects and how to make them more expressive. I think that this lesson will be helpful for you. And we'll use these hawks of morphing in alpha animations The sixth competition can be your home task. I have combined fourth and five. In making fact of all I don't know, as quiet jobs then modifies into the line, then falls down then turns into the circle.

So you can practice in by itself using our knowledge. Our sounds composition is a jumping square with a visual bar of the object that is called an arc. If we open an article about basic principles of animation, we can see that everything in the world has an arc movement, try to get this through to make movement realistic and pleasing to the eyes. But the one thing that I like most of all, and we like to show here is how to do it with the help of stroke shape. But first of all, let's analyze the animation. So from the beginning, everything is clear we have a square it is questioned and stretching.

And after we have the help of our stroke, Boff and in the end we have a jelly square again. So bunk. Yeah, cool. Okay, let's animate it. So I use the Ellipse tool and with the help of shift, I draw a circle. So we don't need a feel.

That's why we go to the field and turn it off. Okay. And which would make a stroke more fat, like, like this one. We have already have They open many of our shape our ellipse, go to the end and find their trim box. Okay, so open trim paths, and we should make this value smaller like 50 and you will see that we can add the 50% of our circle. Now one thing that we should do is to rotate the circle, so we should use offset and turn it about 90 degrees with a minus in this case to the first cube with a zero value, move forward about 10 trains and put there 50 Okay, we've just created this kind of rainbow and the last key we should make a type like in Change the graph a little bit.

So now we should animate this taught. After two frames. After our animation on the end, we should put the key then move forward. And after two frames after our end key, we should put a start key and give the value of 50. care we can say that our arc appears and disappears. Also can change the keyframe assistant and put here is the out. This can help us to make the effect of school starting and sharp and yeah, that's okay.

They're always ready. Okay, and now let's add our object our square here and to make junk so move out timeline. This will be our orientation. To draw a square, go to the rectangular tools and choose 10 go to and draw a square here with the help of shift. Oh my god, we've got it to turn off our big stroke of a shape. So okay, we will have a second chance, delete the next zero pixels about our stroke and again, draw with the shift with a press shift our shape our square also, we should turn on the fail our shape.

So click the icon and do it white background. And we should move the anchor board to the button Avaaz where it's animated Kale, so press S, turn off the proportional and here I will squash our object. Also, we should make out the longer with a factor pancake put here is inky and change the graph. So let's make some moves about spraying to the right. Opposite first king Ctrl C Ctrl V in this moment with the help of alt and square bracket l capital there and match it with information of our jump afterwards and just duplicate our square like Ctrl D find the moment of our and the arc Then grab there, our square to this moment, and with the help of bread shaped and mean arrows, I can change the position of our object so we can tune this position correctly. And so let's play the animation.

So here we can grab and stretch out there. Okay? So let's add a little bouncing and then the action. Okay, we know where we can find it. We can cooperate from the emotional end without I should click the clocks. With the right mouse button.

I should pass it Okay, free so we can play the animation again. So we've covered the arms topic and now we know that we can do it with the help of stroke before they ate composition out. tell your story. And after that, I will show you a cartoon once I look through the webinar of our national cartoonist, and he said, I like the animation and cartoons for unlimited imaginary. You can start with one thing and end with another. You can describe the fact in different ways.

And this is the main force of animation. So why does To use it in motion design, for example, you have a task to move the object this square from A to B destination. So how can you do it? You can change the position or you can just grab and move it. But don't forget that the main task of animation is to be attractive or expressive. Why don't we do it like that?

As I have said in this seven part of our lesson about darks, please do attract emotion. Try to do something more and more and try to do and linear movements and your viewers will be placed. My conclusion I would like to show you this composition with them double action. If I played like that, you will see that A big object throws up a little one. If your object have interactions, so you should pass over the impulse from one owner to another, you will see I take the full composition, the jumping square, plus I have added a little rotation of the object for expression and put another square on the big one, have a look. So when a big one stretched, it throws up a little one, when it falls down sharp and the little one has a little delay have fallen.

And afterwards they have an impulse flight. So we can try this animation by itself. I have described all of these composition, so you should just need to repeat it. We have covered the topic of basic principles of animation And further Well, we'll return to this topic only in case of character animation so far this way, it's an app for you

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.