07 About burgers and beer (practice 2)

Super Sila: School of Motion Design 01 Super Sila (Intro by 2D)
55 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.38
List Price:  €64.94
You save:  €18.55
£39.69
List Price:  £55.57
You save:  £15.88
CA$68.04
List Price:  CA$95.27
You save:  CA$27.22
A$77.05
List Price:  A$107.88
You save:  A$30.82
S$67.53
List Price:  S$94.55
You save:  S$27.01
HK$391.10
List Price:  HK$547.57
You save:  HK$156.47
CHF 45.30
List Price:  CHF 63.42
You save:  CHF 18.12
NOK kr542.56
List Price:  NOK kr759.63
You save:  NOK kr217.06
DKK kr345.97
List Price:  DKK kr484.38
You save:  DKK kr138.41
NZ$83.89
List Price:  NZ$117.46
You save:  NZ$33.56
د.إ183.57
List Price:  د.إ257.02
You save:  د.إ73.44
৳5,487.49
List Price:  ৳7,682.93
You save:  ৳2,195.43
₹4,169.34
List Price:  ₹5,837.41
You save:  ₹1,668.07
RM236.60
List Price:  RM331.26
You save:  RM94.66
₦70,914.31
List Price:  ₦99,285.71
You save:  ₦28,371.40
₨13,903.63
List Price:  ₨19,466.20
You save:  ₨5,562.56
฿1,823.66
List Price:  ฿2,553.28
You save:  ฿729.61
₺1,615.90
List Price:  ₺2,262.39
You save:  ₺646.49
B$249.58
List Price:  B$349.43
You save:  B$99.85
R954.17
List Price:  R1,335.92
You save:  R381.74
Лв90.31
List Price:  Лв126.45
You save:  Лв36.13
₩67,592.09
List Price:  ₩94,634.34
You save:  ₩27,042.24
₪184.30
List Price:  ₪258.03
You save:  ₪73.73
₱2,816.67
List Price:  ₱3,943.57
You save:  ₱1,126.89
¥7,571.47
List Price:  ¥10,600.67
You save:  ¥3,029.19
MX$829.61
List Price:  MX$1,161.53
You save:  MX$331.91
QR182.13
List Price:  QR255
You save:  QR72.86
P685.38
List Price:  P959.59
You save:  P274.21
KSh6,573.68
List Price:  KSh9,203.68
You save:  KSh2,630
E£2,364.52
List Price:  E£3,310.52
You save:  E£946
ብር2,840.03
List Price:  ብር3,976.27
You save:  ብር1,136.24
Kz41,802.18
List Price:  Kz58,526.41
You save:  Kz16,724.22
CLP$48,984.20
List Price:  CLP$68,581.80
You save:  CLP$19,597.60
CN¥361.44
List Price:  CN¥506.04
You save:  CN¥144.60
RD$2,960.45
List Price:  RD$4,144.87
You save:  RD$1,184.41
DA6,744.74
List Price:  DA9,443.17
You save:  DA2,698.43
FJ$113.05
List Price:  FJ$158.28
You save:  FJ$45.23
Q389.89
List Price:  Q545.87
You save:  Q155.98
GY$10,460.71
List Price:  GY$14,645.83
You save:  GY$4,185.12
ISK kr6,972.60
List Price:  ISK kr9,762.20
You save:  ISK kr2,789.60
DH506.54
List Price:  DH709.20
You save:  DH202.66
L881.58
List Price:  L1,234.28
You save:  L352.70
ден2,850.77
List Price:  ден3,991.30
You save:  ден1,140.53
MOP$402.90
List Price:  MOP$564.10
You save:  MOP$161.19
N$946.63
List Price:  N$1,325.35
You save:  N$378.72
C$1,840.39
List Price:  C$2,576.69
You save:  C$736.30
रु6,667.15
List Price:  रु9,334.54
You save:  रु2,667.39
S/185.40
List Price:  S/259.58
You save:  S/74.17
K191.34
List Price:  K267.89
You save:  K76.55
SAR187.48
List Price:  SAR262.49
You save:  SAR75
ZK1,261.25
List Price:  ZK1,765.85
You save:  ZK504.60
L230.69
List Price:  L322.98
You save:  L92.29
Kč1,175.26
List Price:  Kč1,645.46
You save:  Kč470.19
Ft18,362.67
List Price:  Ft25,709.21
You save:  Ft7,346.54
SEK kr535.59
List Price:  SEK kr749.87
You save:  SEK kr214.28
ARS$42,879.12
List Price:  ARS$60,034.20
You save:  ARS$17,155.08
Bs345.48
List Price:  Bs483.70
You save:  Bs138.22
COP$193,772.46
List Price:  COP$271,296.95
You save:  COP$77,524.48
₡25,413.63
List Price:  ₡35,581.11
You save:  ₡10,167.48
L1,234.27
List Price:  L1,728.07
You save:  L493.80
₲368,865.97
List Price:  ₲516,441.87
You save:  ₲147,575.90
$U1,890.76
List Price:  $U2,647.22
You save:  $U756.45
zł200.34
List Price:  zł280.50
You save:  zł80.15
Already have an account? Log In

Transcript

Hi there. And this is our final lesson of introduction bought or 2d. In this lesson, I will tell you how to make such a lead animation. I think it's a lead and help you think same as we're going to talk about shape to how it can help us to make these animation and will use all the tricks and talks that I already presented to you. And as I have said at the beginning of the course, you should animate things that you really like, of course, if you don't have an order, or you have a freedom of choice, so for this lesson, I have prepared a pitcher of beer and a burger for me. It's a good company for our good, loving summer.

What would I like to start with and pay your attention? Look at this picture of beer. We understand that it is a beer by the factor of form and by the ID of the brand. New Castle so decided to add the logo of the brand and put it on the glass. When you animate what you like you present it throughout your animation. I guess I'm the first man who animates Gambia by the shapes.

That's cool. I would like to pay close attention to the burger. I don't draw burgers every day. So to start with, I would like to see references on the web to catch the ideas or tricks style or I don't know. So I use the web and go to one of the most famous place to get I think that most of you know this place. It is behind that call here is a great amount of useful materials, videos, pictures, etc.

You can search anything, whatever you want. So I use search and road burger, scroll did and Adobe and founded two options for me. We are talking about fly designs. So we're session for a flight design. The first thing That was these burger Iker thing that I borrowed from the tiger is this corner of the cheese that is visible behind the middle of the second one, the salad that looks like a wave. I found this quite good for my burger.

So I bonded. second picture that I liked is this one with the grade burger. Oh, sandwich. I don't know, I like this little flag. So I borrowed it. I thought that it would be a final touch of animation and my composition.

So let's return to my composition. and here we can see that here is this little flag. And here is the cheese that I borrowed. And of course, these waves of salad. I don't use the whole picture. But I use the little details that based on principles that I like I think everything is pretty clear.

Here is a little edification based on the brand. And plus, you can use the little tricks that I add to objects. I would like to say one more thing about colors. So literally, we have blue booger here. I personally do think that in illustration you have no borders like sky is a limb. Don't forget that it is a civilization and out like my burger to be more attractive.

I've matched the color of my burger with the power of a brand that is situated on the glass. Moreover, the black match the color of the glass, what is more, here we can see white form and white plate under the movie. All I know I find my composition pretty good. There is no side wait and call them is quite bright and cool. Okay, Let's try to create this animation. Create a new composition.

I'm going to name it, you can name it whatever we want. So let me just like that he is Satan's suck, for sure I need to figure it out and it should be in English. And it is easy to name it like that and relax because I don't think that it will be watched by somebody. I teach you very bad things. Don't listen to me name your composition in a good way. Berger, for example.

Choose the settings of the composition. Now it will be Hd 25 frames per second and will be five seconds long. First of all, I choose these Rounded Rectangle tool and draw our bottom bottom. Now the stroke is to take and I'm going to do zero pixels and choose the field like this. Color now i'm going to draw in a big size and after we will scale it and do our compositions more Shall we have had already done now we click anchor point to and move it to the bottom of our body to be named like shape one and after. Let's draw the salad.

So here will be our wave salad and just click Bantu and draw Li at the stroke and go to the modifications of shapes go to the content, then add add here this effect of is exact. So we have these kind of waves sharp waves go to these exact and our corners will be smooth. Care one can see these type of points So now our corners are smooth. Moreover, I would like to run the end of the line, go to the shape, find here, stroke and put here round cup. Yeah, that's cool. Also, we can turn out to be the thick of a line and the height of the waves.

So try to tune it and use your draw skills. One more thing on considered here is the line behind the wave. So we should turn it off. Go to the field and turn it off there, then change the color to the green because it's solid, and you can change the thick so Allah No, I'm glad to see it. And I would like to change the anchor point position and move it to the center. Then I'm going to draw a middle to the rounded rectangle tool and draw these kind without In a stroke, so it's zero and the color will be something like that.

This right one. Yeah, cool angle buoyant as well move to the center. So next will be cheese edges bantle and drew a line. Again. Don't forget to turn off this feel, then tune the stroke and let it be orange. Or maybe sounds like more, let it be bright.

Okay. And again, I would like to run the end of the shape, stroke and round cups. By the way, we can draw this corner of our cheese. So Ben to draw this kind of triangle to also be to feel the same light the color of our cheese, and I'll let these point be round and go to the shape contents and open these true stroke options here is it and here are one can see these blind join. So lion cup, it's our cups are the line and line join can run the high points. So I put here round join that's okay, I'll name it five.

And now I'm going to so the corner with the cheese sell with the help of this tool. I'm going to link the five layer to the fourth layer and if you would like to move our cheese so they will move together the corner and the line, then we can double the salad, control D and just move it over the other layer so in south to finish the composition with the upper bound, I select elipse to and with the help of press Shift draw around I turn out the stroke and for the help of eyedropper, I do the color of our man the same as the lower one. We can put this play behind others for a while to call this upper bound properly. I think that it is too big for animation now. With the help of scale I can make it smaller to cut shape with a mask Once you select the to have mask maker, and if we try to use this mask too, so, we will draw a shape over shape.

Here one can see such an icon here or by this tar icon that can turn on the mode of mask maker. Now, we can cut shapes. Super, we have got a help of our round. Also, we should change the anchor point position. And now our preparation for animation is ready before the animation, it should be scaled and we should make it smaller because the broker is going to be blown. Let's select the last bar for convenience and link all the objects to these bars.

And now if we change the size of the bond, everything will change this says all together. Now select all the items and click now. And now, the layers don't link to each other. But don't forget that we should link the corner of our cheese to the line of arches. So we'll link them back. And now let's go to animation.

For convenience, we create a layer that will be the floor on the picture and make it dark blue. In my original animation, the broker flows through the floor. Maybe the floor should be a bar table. And yes, you can realize this animation for the bar and the story would be more real. So go ahead, turn off everything that we don't need. We need only the first bond Start with position, put the band on the bar and throw it up.

This slide will be Now right click on the key is in and go to the Edit graph, edit it a little bit. I will show the preview space to make it more comfortable. I think the keys could be closer to each other for a faster period. Also we can animate rotation as I have done it in original animation. But it is not a rule. I just want the movements be different.

We can start somewhere here with a turnaround minus 180 and in this case a minus two and now move ahead like two frames. And put here as zero, don't won't be able to turn from the beginning but just have an impulse. What is more to do this fact, we should add in the graphs, right click bottom is it in and maybe it is and go to the graph editor. You'll see that it's not very beautiful. So first of all, I will change this speed of the animation and then one eight to look it this way. The clue here is bad as it's going to turn around.

We're going to make the falling down. We need three brains to put it down on the bar. Here, I Use easy out key. Okay, I think that everything is pretty good. And now we're going to add a little bonds, a bounce back effect. Go to animation to assess, find the balances and drops and use it.

Use it to our bond, go to the settings of the preset, tick the bonds back effect and in the bonds options. I would like to bounce it like three or two times. I don't like it. I think that it is two elastics so I decided to put here the value. One. Okay, that's it.

Okay, this is the first bond, and it took a lot of time and forces, but now it will be the sample or even the bottom that became guided by, in making other shapes layers. Let's turn on the second layer and the second layer is a solid. Firstly, we will animate it by position, position to the key and hide the Zealot behind the bar. And in the middle flight to the plateau up to higher then our collider the bomb also should add in the ground. For real, and one, the shapes behave themselves properly. But at this point, point of zero gravity.

I wanted to kind of straighten between the gaps of the shapes. I'm going to do it this way. So I've animated They may say position, go to the contents, find their shape. Find here above or I'm sorry, the top transform and I will animate it by position of the shape. Put the key, turn off everything they don't need and lifted her to be here I bought his aim and after this key we can put the key and animate the fallen down and put here is out. And I'd like to add to our salad, bounce and drop effect.

So in case of position, which bounce back effect tend to try to put here one not to do too elastic Yes, that's cool. Let's leave it here. What else I want to add, because it is a line or a bar, we can animate it to be curved. It is actually a slice of a salad. And if we threw it up, it would have different mated while flying. So I open this shape and go to the boss settings.

This way, it hasn't got the, the ability to curve it, like Bezier curve. To improve it, we should go to the path Tool and choose Convert vertex to click the points. And now we can deform the salad as we like. Let's go to the beginning of the animation and put the key Then move to the highest point of the flight and change the form of the salad. With the help of shift, I open closed keys, and now I can edit them. Let it be convex, or I don't know, concave.

It doesn't matter now. Now see that you're in the animation. The solid has its movement. Yes, it's a small thing but it adds reality and life while falling down. We should copy. Just first open all the keys.

Just copy the key with the help of Ctrl C and paste it Ctrl V. So while bouncing back, we can add this convicts effect Boff And animate this complex and copy the key and paste it display the animation. Yes super. Now we have this salad that reacts to the below bound of the burger and also it curved while Flan that looks cool. Let's animate everything else by these principles and I like to pay attention to this piece of cheese. The meatloaf is ready. So let's talk about cheese.

First of all, it should be animated by position. Elsa Oh Vidro command to animate the body of the cheese to make it more elastic and maybe softer and real. So besides the animation of the movement, we should animate the lines itself. Okay, I did it that way. And now I'd like to animate the corner of the cheese. I don't want it to appear from the beginning of animation I wanted to build from the first, first, first touch of the ground.

So we turn on the corner of our cheese and cut its layer to a beer just at the moment of the touch. So, find this moment and and made the path, open shape. Go to the bar and put the key. So from the first key, we should adjust it and deform it this way. Just as small one. Two words about two frames.

And at this moment, we can show it full size. Be careful, check one frame after another and tune these corners. I think that during the bouncing back, it can flap in reverse. So I animated the other way. Don't forget to check on to the chase to be knighted. At the end do i do manual animation.

So I make it lower than that. After a few frames a little bit upper. And finally, it should look like the original one. Let's play the animation and look at it. Super, we are cool. I'm glad about it in continuing hearing to follow the trodden Bach now all that is left is to animate sesame and the flag.

I use an ellipse tool to draw the first seed I grab a move anchor point to the center of the seat. And I'm going to duplicate it just five times and animate them. I don't want to animate each of them, of course he can do is add the individuality or personality to every seat. But I'm going to do this way. I'm going to animate the first seat and link another one to it. That is rated not too close to the first one.

Turning on the third seed, and I made the third seed in a different way. Okay, I've changed also the bounce back of the first seed and LinkedIn One to the third seat and the fifth as well. Okay, it's time to add fake motion blur. Select one of the seats, go to the effects and increase the number of time or how change the effect and change the number of copies. This effect is cool but this case because it creates these tribes like tribes have the speed, and at the same time it reflects on to the semi, and do it lead. Now I'm going to copy the fact and apply it to the two other seats.

Now we see that the lines are equal, but we can change it. It looks good, but my animation becomes heavy and hard to upload. My computer is suffering now. It's not a problem. I would like to pre compose it, because it's time to finish the animation of the burger. And then I'm going to make flag dimension separately from this one.

Not to bother me, layer precompose Let's create the flex separately. Select pen tool and draw a line. Let's choose the color it is yellow. Also, I want the line have round cups and draw I want the corners of the flap be round and moreover I want to scale the fact that Now it's too big. For my convenient, I'd like to pre compose the flag because I will have additional preparation with it. I name it flag okay and move the anchor point in the middle of the stick.

So look when it flies, it will rotate about this central and when it touched the bond, it will sway so rotate about the bottom. That is why we should move the anchor point in this central and after we are going to duplicate the layer carted and moving the bond to the bottom. Elsa, I have hidden the flag behind the broker and having a Did it by position, it's time to do it by addition. Firstly, it will be turned like that as you like. And in this point it will have the straight rotation is in and edit the graph In this moment, I duplicate the flag, cut the layer plus open square bracket and the underlay alpha out plus closed bracket. I'm going to open all the keys of the second flag and turn them off.

Also diagram and move the anchor point to the bottom of this take. And here I make a trick. I'm going to animate rotation a little bit, just for one frame and put it back again. The central key the central key is is like f9. And now I'm going to use the expression of financial bounds. I use by Journal of timber constant enough.

Hey dude, how are you and copy these expression. Then back to our composition out and click the clock based the the expression. Let me turn off the burger because I need only the flag. Here one can see that after touching the burger, it has turned balancing hand angle to change the values like two, two and three and see the Yes, I like this one. But this key makes too strong, strong start, so we should cut it off. I'm going to advise that cut the composition and move it back.

So it's time to finish the burger animation. I think that I cover all the time in details, pay attention to every element. And also, you can see that I've added these tiniest tribes to make my composition more Express. I think you are able to cope with it by yourself. So we cope with broker. I have already had an Dino while you were pushing the logo.

Hope you have enough horses to get the job done. I made a new composition and named a beer like beer and I'm going to die. Load the burger competition here to draw the beer. We don't need booger animations. So as that broker layer and right click and go to the time, put here for spring. In other words with frozen the animation, nothing is gonna move and now be able to draw a cup of beer in his way.

Select Rounded Rectangle tool and draw the base of the glass. I change the width of this choke and do it like that. Okay, let's choose the color of the beer inside the glass. Let it be a bit darker. That the pink one not to look like something wrong and choose the color of the glass. Let it beam similar to the flag or a little bit darker.

To create the handle of the glass, I use the same tool and draw these kind of rectangle. Make this choke be wider and turn off the field and we put the handle behind the glass. Let's pull something off. Select the glass and double it. I'm going to turn off the field of the lower layer and turn off this choke of the upper one. And upper layer will be behind this troll Claire Let's cup the upper part of the glass.

And we can do it easily by selecting a mask tool. by activating to create mask. I got the mask. So we can do the same with this where to cut it off. Let's select that tool and cut. Now I'm going to draw the form of a beer, choose band tool and draw this line.

Add the width and make it white. Go to the settings and do round cups of the stroke as I tune it To decide what with suits to the composition after I select this line shape one and double it inside this shapes contents choose the ball and change it a little bit. Elsa, I can change the width. And again, I had devil shape and change the path and make the form looks like like an ice cream. I think it looks cool. And now I'm going to group all that stuff.

Shapes have groups one can group objects. Inside the one shape layer, click Add and select group so that all have three layers of foam and put them into the shape group one. So what I did for group has a transformation that is called q. So now, if we open group, then transport so one can find skew, one can change values and see that the form deforms by incline. So the form is ready, I can name it and that's means four that means form in Russian by translate, and here I write ruchika. That means handle select form and lasso it to the cup.

Let's draw a logo on the glass. Use an ellipse tool and with a half of shift, draw around Joe can be thinner, he will be blue. Okay, this joke will be red. That's on the draw as tar inside the round is tar two and draw a star with the help of dress shaped. choke is wide and there is only two brown the peaks of this tar, go to the content, choose tar go to this choke and bind line join. Select rounder tape s and scale this down Let me change red color because it flaunts too much let's Make it this way.

Yeah cool. There is only to add a tiny line inside the glass. It will symbolize the bottom of the glass that can gave a debate. I use bound to underline decoration power, but I thought that that it would look nice. Don't forget to round the gaps of the line. I can group it out to the layer precompose and name it logo and with the help of glass, so to link it to the cup, let me link other things to the cup.

Be and handle Now you can see that all the elements move together with the cup that what I need there is only to move the anchor point and add a layer of a form. Alright grabbing move the anchor point to the right corner of the cup because the cup will break by this corner, or maybe to put it even here. Cool, the cup is almost ready for animation. Let the burger be upper layer and 20 animation. We should start with a cop because everything else linked to it. Go to the position.

Open it and move it aside because the picture will be cut By the end it's going to hide the cop too much. I just animated by position till the moment of smash put easy in, added the graph and play the animation. So this bit is okay, let's animate the rotation. Go to the first frame put the first key you can use you on your keyboard and at this moment I declined the cop and choose in key let me turn elder been the keys, the admission here mo the key like that So from this moment or move one more frame towards and put the cup on the table for two frames cool. here will be is out there is only to add the preset, bounce and drop. Go to the rotation, tick enabled bounce back.

In general, I like the animation. Let's turn to to let's turn to something more a turn out the burger and have a closer look to the cup. First of all, how wonderful to be go after this smash go to form Open the group and go to the transformations skew, as I've said about it. Let's have a look. This moment between the two rotation keys, I will animate skew I think to move anchor point to the center and so I move it and look at the animation again. Yes, these time this cube behaves itself right way.

So I declined in this way. And next frame it will be zero position. After I'm going to base the expression of natural bouncing, I copied and use Click the clock and paste. So I use the values like zero for free and five, and I'm glad to have the information on the form. Also, I'd like the form, go outside the cup after the Smash, it's a real behave of beer. If it tried to smash the Pinto fresh beer, it will go outside to the table.

So I didn't want to overdo this effect. I want to create just on the one stream of a form as the lead pen tool and draw a line. tune the width and color. Make it white and round the cups or the line joke cup round cup. Super. Now I can link the line to a cup of tea cup before in meishan.

Use the lasso tool and link it. To animate this line, I use trim path to open shape and add trim paths. I think this time is three, we'll pull up to touch in the fall. So in this moment, it has zero value. And maybe it will take the line a second beer As I put here in the in and tune graphs, Elson one can create the beer waves inside the glass. I don't have it in the original one, but I'm going to show you how to do it here.

I double the beer layer with the help of control D and to head off and fill this layer with color. Then Tom beer to on again. What did it for Have a look. Eva and you made the video. to mask high, have got a form inside. So, I'm just going to animate these points and create By the way, the liquid inside the glass.

Let's go to the first key, open your shape and find a mask here, open and put the Glock and the mask. With the help of shift, one can open a mask to edit it. I think that everybody can imagine the behavior of the liquid inside the glass by declining so while inclining the liquid going to become horizontal why it's clear pulled in key, change the graph and play the animation. So, okay, and please check the frames and animated That is how using mask we can animate the impulses of liquid waves. Also, you can pay attention that I use EZ is keys nothing gonna do with them and finish the animation by easy in there is only to add the verge or or patch of reflected light to make the glass not to be too flat, a double cap layer and move it up and then others tune mask like that.

Turn off the field and select this screen mode instead of normal. Use mask And make such a effect of the sun. You can tune the transparency using T on the key pod. It looks great. There is only to join animations. So I turn on worker animation.

Don't forget that I used to hear time freeze. So I should click the clock and animation is on. Have a look. Yeah, great. Let's add a background and crop it to hide the glass and don't forget to draw a plate. Yes, start with the bad ground.

You layer solid or One can select shape to notice that nothing is selected and draw these big background. Put it to the bottom of all the layers and fill it with the color you like. Let it be dark blue. Okay, let's create a plate any is a way using these two and draw a line after I use mask make to like rectangular. Click here to cut shapes and called the shape. Like this is the way I played Let's crop the composition.

Click this icon and crop the composition the way you that we need you can also play it and have a look. Here I should add the place because of Flan burger and scale here a little bit. One can cut the composition by this crop, go to the composition and find crop composition to region of interest. Here we remove everything that we don't need to enjoy the animation. So guys, here's the kind of practice of Using keyframes now you know that adding tiny details to the animation it becomes cool and nice

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.