Animate CC Tutorial: Pendulum Swing Animation

Animate CC Tutorial:  Pendulum Swing Animation


Today I’ll be going over the pendulum swing animation exercise If you stick with me to the end of the video, we’re turning this into a ball and a chain swing. This is how mine turned out. Okay to get started go to file ->new in animate. And we’re set this up of HD settings So 1920 x 1080 You can also type this in on the old version to flash if it doesn’t know the preset. I’m gonna start by naming this layer “scene.” and extending the timeline to about 6 seconds or 140 frames. And then we’re just draw a circle in the middle of the stage. Select the circle hit “F8” make sure this is a graphic symbol And then name this “Scene.” So this is where we’re gonna have the main animation So this is the animation layer And then if you select all this and hit “F8” again, and name the symbol “ball” And this is where we’ll have the pendulum itself. So we go in here, this is the layer called “Ball.” The layer above this we’re gonna name “Line” and draw a straight line coming right out from the ball. Then we can just put the line layer underneath the ball layer by clicking and dragging it. If you hit f8, sorry, if you, hit control+A It’ll select everything, hold down shift and drag this down so that the tip of the line here, matches up with the pivot point. Now double-click anywhere in the stage to go outside of this and hold on shift and bring this back up. So everything fits inside the white stage area. Ok, so we’re going to make a reference layer. So each swing will take 21 frames so frame 1 is your first key and 21 is your second key and we need to find out where the next key is. So we’re just gonna select these key frames here, hold down alt and drag this over to make your copy and that’s how we find out that frame 41 is going to be the same as frame 1, where everything loops. Frame 11 is your breakdown and that’s where the pendulum is actually in this position So at frame 1 we need to rotate the pendulum So it’s at the highest point on left hand side And then at frame 21 we need to do the same thing, but on the other side. So I just copied this frame by hitting Ctrl + C. You’re going to go to frame 21, just on the reference layer and paste in place by “Ctrl + Shift+ V” and I have this set up as a key command, but if you don’t you can right-click and go to Transform Flip horizontal. I have it set it up as number 1 on the keyboard and We’re just gonna outline this So now you can see where This ahh where we can match us up to. I forgot to make a keyframe first. So you need to hit f6 here to make a keyframe first. And then drag this over. And then you can delete the reference. The reason why we can’t just take Frame- 1 put it here and then flip it Would be that your tweens won’t actually tween that, it will just start going kind of crazy because Flash won’t understand what happened. So that’s why we could only use it as a reference and then match it up. Put a blank keyframe at frame 11 and we’re gonna find out where your next break down will be. It’s going to be on between 31. And it’s exactly the same as screen 11, so we can select frame 1, hold down alt and drag the keyframe over into frame 31. And we’re gonna do the same thing for frame 1 and drag it into frame 41. So now this should go up this way and then go back to screen left So if you select all these keyframes, right click and “Create Classic Tween.” It will play but it’s not looking quite nice yet because we haven’t added any timing. So we’re going to go over here to the first set of tweens, select – just select any frame in that tween. umm and go to your properties panel If you don’t already have it open, you can go to Windows properties or control f3. Okay, and we’re gonna select where it says “Classic Ease” and we’re gonna want to put these in either cubic or court depending on what you think looks good. Just make sure you keep this all consistent for which one you use. So we’re gonna use the Ease In here and then Ease Out here. What that’s doing is… it’ll make it go.. all those drawings will be like, closely spaced together and then get further apart as it goes down. And that will make it appear to be going slower and then faster and then it’s the opposite when you Ease Out. So it’ll be going faster and then slower in this section. And if you turn on the onion skin, this is what it looks like. So since things are spaced farther apart in the middle right here, it’ll appear to go faster in the middle and then slower at the ends. And then we just need to do this, on this side too. So the same settings.. Umm.. “Ease In” And then “Ease Out” here. ?? and then when you play it back, it looks like it has a little bit more of a natural timing. We go back out here, you can just play this through. And it looks alright, but it’s actually having more frames on the screen left side, then it is on the screen right side. And that’s because… if you go in here you see.. Frame 1 here. It’s the same this frame 41 and it’s giving it an extra frame whenever goes to loop. So we’re just gonna select this chunk here… Hit F6 to turn them into keyframes. So this timing should all be preserved there. And we’re gonna hit control F5 I mean, sorry, “Shift F5” and that will remove that one keyframe. So everything should be nice and even now so it has the same amount on both sides. So when it loops it should loop nice and smoothly there. Okay, and now we can turn this into a ball and chain. So if we go inside of the symbol here I’m just gonna make a couple of new layers and these are for the spikes. Just draw in some spikes. I’m gonna use a lighter fill colour for these, so they stand out some from the main part of the ball. They don’t have to be perfect, just draw in whatever you end up liking for yours… and we can always adjustments as we go. So.. “K” is a shortcut period the paint fill bucket. And you can just drag around the points on these lines and.. Until you kind of get this looking the way like.. You can colour it whatever you like, as long as the ball remains relatively in the same location it doesn’t really matter what you do for the drawing. What I just did right there, was I copied that one, pasted it and then I flipped it horizontal.
And it didn’t go exactly where it’s I expecting it to. So I just ended up rotating it. Okay, and right now it’s in the way this line right here, so I’m just gonna Ctrl + A. I’m just gonna rotate that a little bit and it’s not perfect but it’s fine for this. Now I’m just gonna select this keyframe, hold down alt and drag this down. Lock everything else except for this one layer, by holding down alt and clicking on the lock, right here. I’m hitting ctrl a to select everything that’s under there. I’m just gonna rotate this one, and make it smaller with the transform tool and… We’re just gonna color these a little bit of a darker color maybe. Just so they stand out a bit from the other colours, I’m using. There! And now we’re just going to turn this line into a chain. I’m making a new layer, then I’m going to select this to turn off the fills for now. And I’m just gonna make a little circle here and make it thicker. Now I’m just gonna match it up with that line Then select it, hold down “Alt” to make copy And leave a little bit of space in between each of these circles. Now just adjust them to make sure that they match with that line For where the oval is.. from each point. Things are looking good.. and that looks great! We’re gonna cut that and paste it in place by hitting “Ctrl + Shift + V.” Delete the middle part of this line here, that’s inside of the circles. Then using the eyedropper tool. We’re just gonna select the information off of this and paste it on here. So it matches, the same as the loop. And then we have a chain! Just I noticed that these spikes are actually in the way of the chain right now So I’m just gonna select all three of those layers And I rotate it a little bit so it’s not in the way. Okay, if you come back up here now we have a ball and a chain swing! If it’s not quite exactly where you want on your stage, you can just move it around a little bit. You can also make it smaller or bigger or make copies by holding down “Alt.” And if you wanted to offset these copies when they play back You can set this one to Frame 21 to loop from and another one for Frame 1. And you get something like that Anyway, I hope you enjoyed this video if you have any comments questions or tutorial requests, please let me know in the comments. Feel free to subscribe for more tutorials and I’ll see you in the next video. Thank you!

♪ BENDY AND THE INK MACHINE SONG – Chapter 3 Animation

♪ BENDY AND THE INK MACHINE SONG – Chapter 3 Animation

I crashed in Boris’ bed, Cooked soup, now that he’s fed Pull the lever go ahead, Careful or we’re dead.Read More ♪ BENDY AND THE INK MACHINE SONG – Chapter 3 Animation

Notice Me Senpai – Wolfychu sings [Yandere simulator animation]

Notice Me Senpai – Wolfychu sings [Yandere simulator animation]

Senpai, I saw you at school today Took your picture, then I snuck away Took your picture, then I snuckRead More Notice Me Senpai – Wolfychu sings [Yandere simulator animation]

How to Download Intuos Software (2018-2019) 🖍

How to Download Intuos Software (2018-2019) 🖍

– [Aaron Rutten] I’m digital artist Aaron Rutten and in this video, I’m going to show you how to installRead More How to Download Intuos Software (2018-2019) 🖍

V-Carving for the Absolute Beginner – Part 1 – How It Works

V-Carving for the Absolute Beginner – Part 1 – How It Works

Hey y’all. Welcome to Part 1 of my series on v-carving for the absolute beginner. Before I get started, letRead More V-Carving for the Absolute Beginner – Part 1 – How It Works

Leave a Reply

Your email address will not be published. Required fields are marked *