Summary:

Turn Backgrounds into Bitmaps in Flash

    ●   Where does your main character live? Jungle? Desert? Beach?

    ●   Find a background that would look good for that scene, and turn it into a bitmap!


Learn About:

Image Size in PhotoshopConstrain ProportionsAlpha and Blur Filters Movie Clips

  •   This tutorial is part of the Aesop's Fables and Drag and Drop Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.

field image sunset sea sunset 2 keisha

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Step #1: Open PhotoShop ~

Where does your main character live? Jungle? Desert? Beach? Find a background you can use in your project and copy it.

   

Step #2: Open Your Project in Flash ~

Open YOUR PROJECT in Flash …

 

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

… make a New Layer, and lock lock your other layers.

new layer


Step #3: Drag Below your Other Layers ~

Drag the New Layer to the bottom of the stack.


Step #4: Adjust the Picture in Flash if Necessary ~

Get the Free Transform Tool or hit the keyboard shortcut letter (Q) …

free transform tool

… squeeze the image to fit …

… inside the white area - or the "Stage."

 

 

Remember: Anything Outside the white "Stage" area can't be Seen!

 


Step #5: Trace Bitmap

Then go to: Modify > Bitmap > Trace Bitmap.

TRY DIFFERENT STUFF!

Experiment with the settings until you get the best possible image.

For instance, if you lower the Color threshold number, you get more colors.

color threshold

Also, if you lower the Minimum area, the more realistic your image will be.

minimum area

Curve fit: Choosing Smooth or Very Smooth smoothes out the lines which decreases the file size. tight many corners

Corner threshold: This option determines whether sharp angles are sharp or smoothed.


Step #6: Convert to Symbol ~

Click on the background layer which selects everything on that layer …

… hit F8 (or Right-Click and select: ) and make a Movie Clip.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #7: Filters ~

With the background layer selected, open Properties (Window > Properties > Filters) and click "Add Filter" …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


… select a Blur and adjust the slider.

Content on this page requires a newer version of Adobe Flash Player.


Bluring the background makes the images in foreground stand out!

blur

 

YOU DON'T HAVE TO USE THESE EXACT SETTINGS!

 

EXPERIMENT ON YOUR OWN!

 

Adjust the slider until you get an blur that works for you …

 


Last Step: Save and View your work ~

View your work by hitting the keyboard shortcut: Cmd(⌘)+Enter cmd enter

Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

•   ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME


  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.


  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.