Bouncing ball animation using Flip Boom All-Stars | Rachael Purdy | Skillshare

Bouncing ball animation using Flip Boom All-Stars

Rachael Purdy

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (14m)
    • 1. Intro

      1:33
    • 2. 1. Overview

      2:28
    • 3. 2. Sample Program Demonstration

      0:56
    • 4. 3. Getting Started

      2:58
    • 5. 4. Learning about the timeline

      1:55
    • 6. 5. Layers, tools and colours

      1:12
    • 7. 6. Bouncing ball from animation to export

      1:57
    • 8. 7. Plenary

      0:08
    • 9. 8. Extension activities

      0:57

About This Class

766d1a08

A fun learning adventure for people who have never used Flip Boom All-Stars to animate before. In this course they will learn the basics of how to create an animation of a bouncing ball and all the theory behind it to move forward.

Please note: This course is only for people who already own flip boom all stars as it is no longer available. The animation parts apply to all programs but there are also in depth descriptions about the interface.

Transcripts

1. Intro: hello and welcome to this skill share Flip boom All star on a mission costs This is an extremely basic cost. So it's perfect for you if you've no experience with an emission or very little. I would like to learn Mark with a really nice, easy to use basic program. The learning objectives off this cars are to introduce you to animation principles, which are really important. I myself studied on emotion to degree level. I have a degree in an emission on dwork free lungs and have done for over 10 years. And I find the principles of animation are just so important. So I really want to compare those to you. Andi, I'm going to discuss the concept of animation with you Demonstrate sample on emissions produced using flip boom All star I'm going to outline the features of flip boom All star get you familiar with the inter fest. We're gonna have you un emitting using flip boom all star unused ing your own creativity. You'll be creating a flowing animation using the principles that you've learned on mainly focusing on squash and stretch, which is one of the principals. Andi. You'll also come out this understanding from Ritz, you'll be able to view and edit your own animations on exports. Um, Andi, hopefully that repeat the process when you finish the costs. 2. 1. Overview: in this, Carlos, you going to be learning about animation and how you can create some on emission? How maney animations. Have you seen Andi? Did you like the ones you saw? List them in your project gallery and try to stick to two D animations in your examples. We're now going to briefly go through 12 principles of animation, and I would like you to keep these in mind when creating any animation. Number one is squash and stretch. This gives wit and flexibility to drawn objects. Number two is anticipation. This prepares the audience for inaction. Number three is staging. This directs the audience to what is important within a scene. Number four is straight ahead. Action and post oppose these air. Two different approaches, which can also be combined Number five is follow through on overlapping action. Thes Integrate the laws of physics into your animation. Number six is slowing and slow out. Most things don't move a constant speed. Number seven is Arc. Natural Action follows an arc trajectory number. It is secondary action. This gives the scene my life. Number nine is timing the number of friends for each action, which determines the speed number 10 is exaggeration, which makes reality look less dull. Number 11 it's solid. Drawing takes into account the forms in three D space number 12 is appeal. This is what would be referred to US charisma in an actor frame rates do differ, but generally sticked 24 per second, which is 24 images per second. We'll be using 24 frames per second for this class. In America, they use 30 frames per second. As standard as you learned from the instruction video, you will be animating something yourself. First, Let's take a look at flip boom all stars, so open it up. It's a two D environment, which allows you to create animations. When is opened, creates a new project. The timeline is at the bottom of the page. The tools are on the left hand side of the screen. On the save button is at the top of the screen, third from left, but can also be found on the drop down file save. That's all for the instruction 3. 2. Sample Program Demonstration: you're eventually going to be creating your own animations. Inflict boom. For now, you need to learn the bouncing ball on emotions. There are two, and you need to compare them. Start by going to file open, locate the files, start by opening the bouncing ball file and then play it by clicking the play button above the timeline. It will loop so you can watch it. Play it over and over again, and you can study the timeline to see how that's laid out in comparison to how it plays. You can start by pressing this. Stop with him, then led the bouncing ball with the squash and stretch. You don't need to save anything with this press play and notice the difference. This ball on a mission house would squash and stretch. Please discuss in the A Project Gallery how adding squash and stretch creates about lifelike animation on how it affects the animation in general. 4. 3. Getting Started: open a new project by clicking the image of the paper above the document are going to file and selecting new. You could also use the sharp cook control and on your keyboard. You don't need to save changes to the bouncing ball from the previous session. If you still have the open, draw something on the screen by clicking on the pencil in the left toolbar and using your left mouse button to draw on the anti document, you can draw whatever you like. You might want to draw squiggle or a person or something that you've previously practiced, but it's up to you. What you draw. This is just for you to try out the tools. You could be Aziz rough as you want to bay, and you don't need to be precious with your work through while any of these classes, because everything is changeable to change the color of the pencil, click one of the colors between the tools and the document, which are preset. Colors are You can click on the rember polit above them, which will open the cool wheel so you could be a little bit more specific. Now when you draw on the document, you will get your selected cooler. You will also notice that the color you selected on the color wheel has become one of your preset colors. This makes it easier for you to use that exact color again. To move the lines that you've created, you need to click on the move tool, which is the arrow at the top left of the TOBA. And then you can select the lines individually by clicking on them and drugging them to move them. When you have one selected, you can click delete on your keyboard, and that will dealing whatever you had selected. You can also select it and click the trash con of the top of the screen. Now, using what you've learned stress in my lines in whatever color you want to undo in action at any time, you can use the undo button, which is the left hand our of the top of the screen toe. Under the last action, click as many times is needed. You can also start a new project at any time to by clicking the blank document of the top of the screen, you can choose whether to save your previous project or not to savor project, you can click the save button at the top of the screen. I'll click file, save or save ours. Depending on the status of your project. You can also change the thickness of the pencil by using this slider of the left hand side of the screen. Try it out and see what happens is you change the slide of position on draw. To experience the project you go to file publish. These are the different ways you can export your movies when you make them, so you've got iPod quick time flash YouTube, Facebook print. If you've just done an image and snapshots again, if you just don't an image here we can set from and to. So maybe you've drawn frames 1 to 10 but you only want to export firms 1 to 5. You can put that in here, or you can click the popcorn, book it to export it all. That's it for this class 5. 4. Learning about the timeline: as we mentioned previously. The timeline is located at the bottom of the screen. To zoom into your document, you can click the magnifying glass with the plus sign above the timeline on to zoom out the one next to it with the minus sign. You can also rotate your view with the rotates icon next to those you can reset your view, so how it started with the next button along above the timeline on the left of the screen. There are two libraries. The Drawings Library and the Sounds Library. Click the drawings library, and you can see a library of lots of pre drawn characters. You can scroll through, click them, select them, then use the arrow pointing right toe. Add them to your scene. You can also impart pre drawn images and create your own collection to keep in the library . You can also delete collections that you've created then in the Sounds Library. It works in a similar way. You can preview the sounds by clicking the play button. You can record your own sounds, and you can also add them to the stage. As you can see down here, click this button here to go back to the tools. Now we're going to talk about onion skinning. You don't need to be able to draw to be able to animate draw a circle. Don't worry about it being perfect at all. The first frame is selected in the timeline. The circle is on that Froome To duplicate that for him, click the bottom left button to duplicate it. You can do this as many times as you like. You can think. Select the friend. Select the move tool A. Move the circle in each friend. Here, you can see the only in skinning taking place. This is why you turn only and skinning on and off, definitely valuable to leave it on the red shows. The previous friend on the green shows the next frame so you can see where your ball waas and where it's going to. That will help you in making your movements experiment with moving each frame and then click play to see what you've done. 6. 5. Layers, tools and colours: remember that you can change your colors here on the color wheel, as we previously learned you can select frames is before on each line you draw. Actor is a new layer experiment doing those things. For example, this line and this line act as it separate layers because you can select them separately. Remember to use the cooler wheel. There's also the cooler drop it'll, which means you can call a drop a cooler from anywhere on the screen. When you call a drop Nicola, that color will be shown in the selected color button. There are also shaped tools for rectangle and ellipse. The rectangle Girls like this You click on drug. If you hold shift on your keyboard, it will make a perfect square. Same with the lips. If you hold shift, it makes a perfect circle. You can also type text by clicking the text button on. You can change the font size and make it bold or italic. Just click and type. Do you understand what each button does? If you don't, you can just hover your mouse over it, and it will tell you what each icon is in care. She forget. Play around with the tools. Ask questions in the community space if you need to 7. 6. Bouncing ball from animation to export: in this class. We're going toe intimate, a bouncing ball. Start with a new project. You couldn't draw it using the Ellipse tool. Hold down shift to create a perfect circle and drug. It's out Philippine using the pen tool if you want to. When you select it, make sure you select the outline under filled by drug, selecting over birth or clicking one holding shift and clicking the other. Start with you ball appear and then duplicate the page to inset the new friend. Then with only and skinning on, select that a move it, then duplicate again. Select it, move it. You can see in red where it's being each time, but you won't see where it's going to because she haven't done that yet. Repeat that process over and over to make your ball move. The less got between the friends, the longer the animation will take. At the moment. We're not putting squash and stretch in. We're going to add that letter. So now you have your basic bouncing ball. If you press play, you can now go through an odd squash and stretch to each frame. Stretch will need to be before it hits the flaw on after the actual squashes. When it hits the floor, make sure you have the correct from selected on Squash it Down the next rooms are going to be a little bit less and maybe angular from the bounds. Notice the onion skinning press play to see the results and add it more and more to make it more dynamic and realistic. When you've done that, save your animation. Once you've done that, you can also export it. The crickets were to Exporter is to click the pop. Com, Book it on the bottom right of the screen. Export the whole thing by clicking the pop. Com, Book it on the publish screen, then select the quick time Icahn the file, and now he's spot what shall click back from wherever You Served it to and submit it to the Project Gallery. 8. 7. Plenary: What have you learned in this costs? What did you enjoy on? What did you find challenging? Let's is no in the community, Spears. 9. 8. Extension activities: for this, you can use any of your previously saved files all you can use a new file you can experiment with, adding in the background. You might want to use the backgrounds from the library. All you can draw your own if you want to bring in a background, it's a good idea to select the background layer in the timeline and at the background onto that section. You can also Jew picket it so that it goes under every image of the ball bouncing. You can also add more principles to the ball, so you might want to exaggerate the animation or make it slow in and slow out. You can work your way through all of the principles we mentioned previously. You can also add in sound using the sound library. You can experiment with random sounds or you can add in relevant sound. You can drag this sound to the relevant place on the timeline. Have fun and export when you're done. I'd love to see the outcome in the project Gallery