Adobe Animate 2020 for beginners - Part 1

okay we're going to go through Adobe animate today this is animate 2020 we're going to be doing a very simple animation of a bouncing ball and we're going to try and include some one of the principles of animation which is squash and stretch so when you open up Adobe animate 2020 you should get a screen that looks like this you can open up all sorts of different file templates but we're just going to go full HD for YouTube or 1920 by 1080 some screens when you get in there it'll look like this and you'll notice if I go up and down here I haven't actually got my full canvas in in frame and I kind of want to do that that's at Andy if you want to do fine detail characters and things like that but Sam for this we're not going to be working with fine detail we're just going to be working with the shape so if you click here this is our zoom and if you go fit in window you'll be able to see our full canvas and it'll be a little bit easier to work with for this purpose the first thing we're going to do is grab a oval shape and I'm going to pick a color here so let's go with red and if this is hasn't got the no stroke color we don't want to stroke on it so to do that you click on this is this stroke so let me just give you an example don't follow me here just so you know what you're talking about see how there's a stroke around the bowl we don't want that so if I click on the stroke color and then here it says this little cross this little red line through the white square means a no stroke so that means I've got a red color and no stroke that's what I want control-z obviously is to get rid of things if you don't want to but I want to put a perfect circle at the top of my screen and what I'm gonna do is I'm gonna make my ball start from the top it's going to come down and bounce and then it's gonna Loup so roughly in the middle click and drag and if you hold shift it'll create a perfect circle so I'm just going to go with about that big if I want to move it the selection tool v4 select or I can just click that and just drag it wherever I want it that looks pretty good to me and you'll notice down here I've got a time line and this is my first frame in my timeline so what I'm going to do is I'm going to create more frames and every time I create a frame I'm going to move this bolt so to create a new frame this button here it says insert keyframe so if I click it I now have frame 1 and frame 2 and they're exactly the same here's my slider that I can go along my timeline with but because there's no changes it looks exactly the same if I then grab so we want to make sure the sliders on frame two I'm going to select my circle and I might even just use the down arrow here and just drop it down a little bit now if I get my slider you'll see that there's a little bit of difference between my two frames going back to frame two I'm going to turn on what's called onion skinning so I can kind of see what I've done in the previous frames and I believe that's this button here so if I click onion skin you will see a little bit of an opaque version of the frame before it here again I'm going to click my insert keyframe to do it again I'm gonna drag my ball actually let's use the arrow keys so it's I'm not going directly down and you can see that the first frame the second frame and now this is the third frame we want to increase the speed of the ball as we're going further down so if I was going to keep the same speed it would be about that distance but I'm actually gonna double it so it's gonna be kind of there here we go again insert keyframe now I've got this is my fourth frame and I'm going to go about there it's probably handy to see the first frame here so you'll notice here with your onion skin there's like a grayed out I'm on the current fourth frame and it's showing me frame three and frame two I click and drag that little orange marker you'll see that it shows me the frame before that too and that might help I probably want it to maybe go like that you can always drag through and kind of get a sense it's a little bit too low actually about there again just gonna continue this pattern balls getting faster as it goes further down maybe about there insert keyframe down arrow bit faster insert keyframe and we're getting close to the bottom of the screen here so I'm going to I'm gonna put it there I'm gonna put another keyframe in and we'll talk about this a little bit later but it's gonna be a little bit off the screen so probably about there and then what we want to do is we want to go back up so the easiest way to do that is if I select all of my frames and I don't want to click and drag if I click and drag this it'll move that frame to there and you'll see that I'm all out of I'll just turn off onion skinning so you can see frame two is now frame where frame eight should be so I'm going to ctrl Z all of that you want to click the last actually we're gonna click the frame before this one so you see it's selected that it's kind of light blue and then hold shift and click frame one and then you can see there that all of those frames are selected we want to right-click on it when it's selected we want to go to copy frames and then we want to right-click in the weather we've got an empty slot here in frame nine and we want to go pace frames now it's going to be identical to what we had so we want to actually reverse it so from this is where the next one starts so if I click on that one left click hold shift and go to the end and click on that frame there I right click and here's an option somewhere reverse frames right here so basically that grabs the selection that you've just had and reverses them so now we have a loop and there you go we're starting to look like we've got a bouncing bowl now it's a little button up here that's cool that's a new feature for 2020 I'll go test movie that's looking okay there you go you're an animator so what we want to do I'm gonna decrease the frames per second here I hope I can decrease the frames per second here no yeah I'm gonna go out to my options here if your balls bouncing a little bit too fast which mine is you can go to your properties panel and in the frames per second so that's how how many of these frames down here that plays in a second so with 15 frames a second our animation goes for it actually loops for half a second so we're getting two bounces for every second essentially so I might have that for the purpose of this it's fine usually you want to stick to up 24 frames a second for animating but for this I'm not going to show you how to put more frames in yet and lengthen that so we're just gonna drop the frames per second and then test it and that's a bit better a bit better of a speed so get get your animation to play at a decent speed I could be making that look much smoother if I went through and had less movement between each frame that's fine okay so now we're going to add some squash and stretch elements to this animation to make it a bit more interesting so if I go to Google I just look up squash and stretch and go to images you'll see that ball a bouncing ball is a really good example I can pick any of these really so let's just have a look at this one so our ball is remains as a perfect circle but you can see here that it starts to elongate as it picks up speed when it hits the ground it's washers on impact and then as it bounces out it's no longer it's not a perfect circle like the difference between this circle and that circle is that's an oval and and pretty much when the ball's going fast you want to stretch it with this I don't really think that's a great example because they haven't really that one of the biggest rules with squash and stretch is if you stretch it you need to squash it and keep the mass so here's a good example of that a circle ball it's got to come in if you're gonna push it out or than the same if you're gonna pull it down it's got to come out but it's the exact same mass whereas the other one you can kind of see that if you were to fill that with water you'd fit more water in that than you would in that because it sort of just stretched it anyway so let's go back now which frame still we need to squash and stretch so this one's fine because it's not really moving that fast so one two three four five six so this is where it bounces right there is where it makes contact so let's start with that one click on the frame and it will automatically select the circle and then we've got a free transform tool here I am going to bring it down as much as I'm gonna bring it out so I'm trying to keep the same mass you might want to turn on your onion skin here to see okay that looks like it's about the same I'm just gonna bring it up a bit because I wanna I want the the ball to hit the bottom of the screen yep that's cool and I'm going to go to the frame before it I'm just gonna move it up so it doesn't go through the bottom of the screen and this one's moving fast so I'm going to stretch and squash and I probably don't want to stretch it that much maybe like yeah let's stretch it apes if you want to use your arrow keys to move it by all means the next one up let's just squash and stretch it a little bit less and the next one it's just starting to squash and stretch oops okay so if we grab our slider and we go bang and then we want to really use the exact same shapes going back up so we want to replace this with that so if we go to frame seven we can right click copy and then we can go to frame 9 because it's the same we want it in the exact same spot I can delete it select delete if you press control V it'll just paste your circle anywhere but if you hold shift so control shift and V it'll paste it in the exact same spot as it was in the frame where you copied it so you can see that these two seven frames seven and nine are exactly the same and then frame 10 we need to get frame 6 so let's ctrl C to copy that go to frame 10 erase control shift V and then we did a little bit of a stretch on this one so frame 5 you might have more frames in yours or less so there's no point me saying frame 5 if you're if you need to grab a different frame whoop salute there on button but hopefully you'll be able to work it out so I'm gonna copy frame 5 and I'm gonna take that to frame 11 and I think that's looking pretty good nice now that you've got your bouncing bowl I want you to create a background using maybe just using the shapes the first thing you probably want to do is lock your bouncing bowl layer so let's just hide myself for a second so to lock a layer you just hover over it and click the padlock and you can actually even hide it if you want to you can hide it let's not worry about hiding it and what we want to do is create a new layer which is here and you'll notice that if I start to draw over the top I've got a white circle at the moment let's go to pick a different color it'll draw over the top but then you can click and drag your layer underneath and just like Photoshop and illustrator you can start to make a background there you can also use the pen or the brush sorry we'll be doing a little bit of work on the brush a little bit later on so I just suggest make a simple background with the shape tool get a sky in there so it's a blue sky with the box I mean it can be as simple as this if you want it to be green grass and there you go simple animation with the background done

Channel: Scotty Faulks

Views: 10,412

Keywords:

Id: iT9l36QEUjg

Length: 17min 8sec (1028 seconds)

Published: Tue Jun 09 2020