macromedia flash mx design professional modifying graphics importing and

Macromedia Flash MX Design Professional

MODIFYING GRAPHICSIMPORTING AND

2Importing and Modifying Graphics Unit G

Understand and import graphics Break apart bitmaps and use bitmap fills Trace bitmap graphicsUse imported graphics in a movie

Unit Lessons


Import vector and bitmap graphics

Break apart bitmap images

Manipulate bitmap fill images

Trace bitmap graphics to create vectors

Animate imported graphics

Importing and Modifying Graphics


Understand and Import Graphics

Import graphics from several different drawing and image-editing programs:– Macromedia Fireworks– Macromedia Freehand– Adobe Illustrator– Adobe Photoshop– Adobe ImageReady


Understanding the FormatsVector-based application – an application in which all images and motion within the application are calculated according to mathematical formulas

Bitmap image – an image based on pixels, not on a mathematical formula


Bitmap and Vector-based Formats

Vector-based application results in smaller file size and a robust ability to resize movies

Importing bitmaps increases the file size of your movie and decreases flexibility in terms of resizing the movie


Importing Different Graphic Formats

Click the Import command on the File menu and select the option in the Import dialog box


Using Macromedia Fireworks PNG Files

Import PNG files– As flattened

images (bitmap format) or

– As editable objects (vector format)


Importing Macromedia Freehand Files

Import both CMYK and Grayscale Macromedia Freehand images as (RGB) filesSupport only up to eight colors in a gradient fillImport blends in separate paths Preserve layers, text blocks, symbols, and pages


Importing Adobe Illustrator Files

Ungroup any grouped elements before importing

Select importing options in the Import dialog box:


Importing Bitmaps from Adobe Photoshop/Adobe ImageReady

Install QuickTime 4.0

Compress the bitmap before importing

Control the size, compression, and anti-aliasing of an imported bitmap


Break Apart Bitmaps and Use Bitmap Fills

Breaking apart an image makes each area of color a discrete element that you can manipulate separately from the rest of the image

You can apply different bitmap fill effects


Breaking Apart Bitmaps

You manipulate an image that you break apart the same as you would a stage-level object

A stage-level object is a vector object that you draw directly on the stage


Different Bitmap Fills Effects

Bitmap fill with the paintbrush

Bitmap fill in a circle

Bitmap fill in text


Using Bitmap Fills

Use the Fill Transform Tool to change position of the original image:– size– shape– rotation– skew


Using Bitmap Fills

Apply your images as a fill by using the Paintbrush Tool:– break apart the image– select it with the Eyedropper Tool – choose a paintbrush and brush size


Selecting a Bitmap Fill with the Color Mixer Panel

Use the Color Mixer to select the bitmap of your choice:


Trace Bitmap Graphics

If you need to convert a bitmap image into a vector image for animation purposes, use tracing

Convert a pure bitmap into vector paths and fills with varying degrees of detail


Tracing Examples

Before AfterBefore


Using the Trace Settings

There are four options that affect how detailed the trace will appear:

– Color Threshold

– Minimum Area

– Curve Fit

– Corner Threshold


Trace Bitmap Dialog Box


Different Trace Effects

You can to trace an image using very detailed or less detailed settings


Use Imported Graphics in a Movie

Optimize Library of imported graphics

Manipulate instances of symbols on the stage


Mixing Graphic Formats

You can combine importing graphics

Use filling with bitmaps

Trace bitmaps

Manipulate imported images


Optimizing Your Library

A well-optimized movie is a movie in which you are not using any symbols gratuitously and all symbols have been optimized

Group your symbols into folders in the Library panel or by the piece of the movie with which a symbol is associated


Example of Well-organized Library


Importing IdiosyncrasiesYou can import files from the following programs:– Macromedia Fireworks– AutoCAD– MacPaint– Silicon Graphics Image– QuickTime

Install QuickTime 5 for support


Animating Imported Graphics

Animate any type of imported graphics

Use Library elements

Use tweening animation

Utilize any animation techniques


Animating Imported Library Elements

Tree leaves split into layers and

animated based on color


Unit G TasksUnderstand the formats

Import bitmaps and vector images

Break apart bitmaps

Manipulate bitmap fill images

Trace bitmaps

Optimize a library

Animate imported graphics

macromedia flash mx design professional modifying graphics importing and

Documents