Flash Project #08: Animated Movie Clip

Today we are creating an animated Movie Clip. We will begin just as we did with the Graphic Symbol and the Button -- by drawing a picture and converting it to a Symbol. So draw your picture, go to MODIFY > CONVERT TO SYMBOL > MOVIE CLIP, and click OK. Now [just as we did with the buttons] double-click your new Symbol. You can now create some sort of animation [either frame-by-frame, shape tween, etc.]. When finished, click back on "Scene 1" to return to your stage. You will notice that even though you have an animation, you are still on the first frame of your movie. This allows you to animate an object (a car, person, alien, etc.) and modify the size or location of the object without having to change every frame.

Next we will drag out different "Instances" of your movie clip and resize, reposition, and recolor each one.

Flash Project #07: Basic Buttons

Today we will begin creating buttons using Adobe Flash. Buttons are created much like graphic symbols -- you draw your button shape, select it, then go to MODIFY > CONVERT TO SYMBOL > BUTTON. Once your basic button is created, you simply double-click the new symbol which will allow you to edit your button.

Buttons have 4 "states" -- UP, OVER, DOWN, and HIT. UP is the state where nothing is happening [if you look at a button on a machine it's in the UP state]. OVER is the state where you are moving your mouse pointer over the button [sometimes people will have a button highlighted when someone is over it]. DOWN is the state where the button is being pressed/clicked. The HIT state is simply the area that you are able to click on [Generally it's the exact same size as the visible button].

I am attaching a YouTube tutorial video below if you need some extra help.

Flash Project #06: Motion Tween

Okay, today we're going to learn another "tween" technique -- but this one involves a "Motion Tween".  If you draw a picture, select it, then go to MODIFY > CONVERT TO SYMBOL > GRAPHIC [we'll deal with Movie Clip and Button later].  Now you can add keyframes, change the position of your new symbol, and add your "Motion Tween".  It's one of the ways you can move things smoothly in Flash without having to draw things frame-by-frame.

Flash Project #05: Shape Tween

Todays project uses a function of Flash called "Shape Tweening".  To begin you draw a picture on a keyframe (1 for example).  Next you add a keyframe further out in the movie -- 20, 30, or 40 frames out and draw another picture.  Right-click anywhere between those two keyframes and select "Create Shape Tween".  When you play your movie, you will see the shape morph from one image into the other.

You can view the video tutorial from a couple days before which includes help on Shape Tweening.

Flash Project #04: Add Sound and/or Music

Today we're going to be adding sound and/or music to our animation. This works similar to importing a picture. Simply go to FILE > IMPORT > IMPORT TO LIBRARY and select a WAV or MP3 file. To see what's in your Library, select CTRL+L and it will open in the bottom-right corner of your window. Next you just need to click on the frame that you want sound, then drag the sound clip from the Library to your Stage.

Flash Project #03: Frame by Frame Animation

Today we are doing frame-by-frame animation. Much like a flip-book, frame-by-frame animation entails drawing one frome, adding a new page [we call it a keyframe] and then drawing a new picture. When flipping through the images one-by-one, the images appear to move. This is the same method used to create the Disney cartoons. Todays animators use computers in a process similar to what we're doing here.

Flash Project #02: Trace a Photo

Today we're taking an image (such as a photo or clip art) and tracing it using the Flash tools. Choose FILE > IMPORT > IMPORT TO STAGE and then select your image. Create a new layer (above the image) and use your paintbrush, line tools, and pencil to trace the image.

Flash Project #1: Basic Drawing

For the first project I simply want you to draw a picture.  Try to use a variety of tools and techniques.  Put different pieces of your picture on different layers -- for example, the sky on one layer, sun on another layer, clouds on a layer, etc.  It's helpful to have objects on different layers when we get ready to begin animation.

When you are finished with your Flash project, save it to your Thawspace -- it will save with a .FLA extension.  I recommend copying it to a thumb drive and/or emailing a copy to yourself.  You can also open the shared folder on my computer (file://khslab_584/ and then open the "Student Work" folder... then he period... and then your name) and drag your finished files in there.

Begin exploring Adobe Flash

Flash is used by artists, web designers, cartoonists, and video producers around the world.

Some examples of Flash:

• Stick Figure Cartoons:  Olympics
• Information:  International Space Station
• Games:  Orisinal

I will have many more examples to show in class [if the computer is working], but you get the general idea.

Next we will be doing some Flash drawing basics, exploring various tools, and start our first drawing.  Begin by downloading the following file (Right-click and Save As... to your Desktop):  FLASH FILE

I strongly suggest that you get [and bring regularly] a USB/Flash Drive.  You can get an inexpensive Flash Drive at K-Mart, Wal-Mart, or even a grocery store.  Having your own flash drive (on a keychain, around your neck, in your purse, or whever) will keep your projects from getting wiped out by other students.  I am working on getting our shared folders working, but they seem to be a little unstable at the moment.

As with Photoshop and 3D, we will have many small projects and a few larger ones.  Don't fall behind -- the skills you learn in the beginning are the foundation that we will be building on in later assignments.

Welcome Back!

Welcome back!  I hope you had a great Spring Break.  Mine was very busy but also a nice break.  This week we are going to begin working on Adobe Flash -- which was previously owned by Macromedia.  Flash is the industry-standard program for doing animation, games and video on the web.  In fact, YouTube videos are saved in .FLV format which is Flash Video.

Today, however, I want to give you some time to make sure all grades are correct and to finish up any projects that might need finished.  Check your grade on the PowerSchool site and make sure all assignments are graded.

I will be finalizing grades today so if you have questions or concerns, please come and see me today.