Flash: Trace Bitmap Function

We have colored in line art in Photoshop and manually traced an image to create line art in Flash.  Today we will be learning the MODIFY > BITMAP > TRACE BITMAP function in Flash.  Basically what it does is convert a bitmap/raster graphic (i.e. a photograph) into a vector graphic automatically -- or at least with very little effort.

Typically I begin by either importing the graphic to my stage or pasting the graphic onto my stage.  Then I go to Modify > Document and change the Document Properties to match the Contents.  All that does is makes my "stage" the same size as the picture on the stage.

I also give it a Title (and sometimes a description) at this point as well.  You will also notice the Frame rate -- which is something we will be using later when we get to animation.

Next I go to the Modify > Bitmap > Trace Bitmap menu so I can trace my image.  Here I can adjust the color threshold (smaller numbers are more detailed) and the minimum area (again, smaller numbers give higher detail).  You can also adjust your Curve fit or the Corner threshold to smooth the graphics out.

I used various settings on this example image to get more or less detail and to smooth out what I have.

In the Eagle example I traced the outline by hand with a black paintbrush, but did a "Modify > Bitmap > Trace Bitmap" to pull out some feather details.  I also added in some of my own details (using the paintbrush) to make it appear more hand drawn.

Finally I traced a flag using the Trace Bitmap option and placed it behind the Eagle.

Because this project can be done in a number of seconds, what I want you to do is create several different images using different settings and then choose two good example to upload to your portfolio.

Flash: Animated Movie Clips / Instances

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. 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: Motion Tween Animation

Okay, today we're going to learn "Motion Tween".  If you draw a picture, select it, then go to MODIFY > CONVERT TO SYMBOL > MOVIE CLIP it will create a symbol in your Library.  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.

I will demonstrate drawing a graphic, converting it to a symbol, opening the graphic, and doing some frame-by-frame animation within it.  Then we will go back to our "stage" and create a Motion Tween.