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

3Importing and Modifying Graphics Unit G

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

4Importing and Modifying Graphics Unit G

Understand and Import Graphics

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

5Importing and Modifying Graphics Unit G

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

6Importing and Modifying Graphics Unit G

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

7Importing and Modifying Graphics Unit G

Importing Different Graphic Formats

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

8Importing and Modifying Graphics Unit G

Using Macromedia Fireworks PNG Files

Import PNG files– As flattened

images (bitmap format) or

– As editable objects (vector format)

9Importing and Modifying Graphics Unit G

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

10Importing and Modifying Graphics Unit G

Importing Adobe Illustrator Files

Ungroup any grouped elements before importing

Select importing options in the Import dialog box:

11Importing and Modifying Graphics Unit G

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

12Importing and Modifying Graphics Unit G

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

13Importing and Modifying Graphics Unit G

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

14Importing and Modifying Graphics Unit G

Different Bitmap Fills Effects

Bitmap fill with the paintbrush

Bitmap fill in a circle

Bitmap fill in text

15Importing and Modifying Graphics Unit G

Using Bitmap Fills

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

16Importing and Modifying Graphics Unit G

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

17Importing and Modifying Graphics Unit G

Selecting a Bitmap Fill with the Color Mixer Panel

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

18Importing and Modifying Graphics Unit G

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

19Importing and Modifying Graphics Unit G

Tracing Examples

Before AfterBefore

20Importing and Modifying Graphics Unit G

Using the Trace Settings

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

– Color Threshold

– Minimum Area

– Curve Fit

– Corner Threshold

21Importing and Modifying Graphics Unit G

Trace Bitmap Dialog Box

22Importing and Modifying Graphics Unit G

Different Trace Effects

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

23Importing and Modifying Graphics Unit G

Use Imported Graphics in a Movie

Optimize Library of imported graphics

Manipulate instances of symbols on the stage

24Importing and Modifying Graphics Unit G

Mixing Graphic Formats

You can combine importing graphics

Use filling with bitmaps

Trace bitmaps

Manipulate imported images

25Importing and Modifying Graphics Unit G

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

26Importing and Modifying Graphics Unit G

Example of Well-organized Library

27Importing and Modifying Graphics Unit G

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

Install QuickTime 5 for support

28Importing and Modifying Graphics Unit G

Animating Imported Graphics

Animate any type of imported graphics

Use Library elements

Use tweening animation

Utilize any animation techniques

29Importing and Modifying Graphics Unit G

Animating Imported Library Elements

Tree leaves split into layers and

animated based on color

30Importing and Modifying Graphics Unit G

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