Wininstall macromedia flash

1
Wininstall Macromedia Flash

Start -> Install Software

Select Macromedia Flash MX 2004

Installs entire Macromedia suite

Dreamweaver, Freehand, etc.
2
Introduction to Flash

Tool for creating animation, interactivity,
multimedia and web-based tracking

Deployable via web or CDROM

Learning interaction templates
add abstract functionality for building
quizzes and other complex interactions
3
Macromedia Flash versions

Flash, Flash MX, Flash MX 2004

Much better help

New components

Better video quality


ActionScript 2.0

Flash MX 2004 Professional

Slides and Forms

Enhanced video options

Available on Lehigh LANs, trial version
at macromedia.com, student versions
4
Wininstall Macromedia Flash

If you haven’t started this already…

Start -> Install Software

Select Macromedia Flash MX 2004

Installs entire Macromedia suite

Dreamweaver, Freehand, etc.
5
Flash textbook and lab (see syllabus):
David Unruh, e-learning with Macromedia Flash MX 2004, 1
st
edition

Getting Started: drawing, text, layers


Animation

Symbols and buttons

Flash Learning Interactions (templates)

Multimedia (graphics, audio, video)

ActionScript (programming language)

Interactive content (e.g., drag-and-drop)

Drills

Simulations

Games
6
Graphical images

Bit-mapped (or raster-based) image:

Matrix describing individual dots—the smallest elements
(pixels) of resolution on computer screen or printer

Bit-map tools ‘paint’ pixels of images

Paint, Adobe Photoshop, Paintshop Pro, etc.


Vector-based image:

Formulas representing geometric shapes

Vector-based tools ‘draw’ shapes of images

Corel Draw, Adobe Illustrator, Macromedia Freehand…

Macromedia Flash supports vector-based animation

Pros and cons of bit-mapped vs. vector-based?

Bit-mapped better for detailed images, photos

Vector-based more efficient for less detailed drawings

Vector-based scale to different resolutions more easily
7
The Flash MX 2004 Workspace
Tools
Timeline
Stage
Properties
Inspector
Panels
Four
parts
Tools
View
Colors

Options
8
Do exercise 1.1 on pages 8-9

This exercise wilil get you familiar with
the Flash MX 2004 workspace…

Creating a Flash document (movie)

Drawing a simple shape

Testing (compiling) a movie

Properties inspector for a movie

Color selector and background colors

Save your work in H: drive (and show me)
9
Drawing lines
1. Select
2. Place the pointer on the Stage
3. Drag the pointer to draw a line
of the length you need
4. Release the mouse
10
Do exercise 2.1 on page 17

Drawing lines in Flash with Line tool


Show me your work when done

No need to save it
11
Drawing shapes

Create shapes by using the Line,
Rectangle, Oval, Pen, or Pencil Tools

Select shapes by using the Selection
Tool and the Lasso Tool

Edit shapes by using Selection Tool
and the Eraser Tool

View, move, copy, and delete shapes
12
Drawing rectangles and squares

To draw a rectangle:
1. Select
2. Place the insertion point on the Stage
3. Drag diagonally

To draw a square:
–
Hold down the Shift key while dragging
13
Creating rounded rectangles
1. Click

2. Click the Round Rectangle Radius
modifier
3. Specify the Corner Radius and click OK
4. Place the insertion point
and drag diagonally
14
Drawing an ovals and circles

To draw an oval:
1. Select
2. Place the insertion point on the stage
3. Drag diagonally

To draw a circle:
–
Hold down the Shift key while dragging
15
Using the Pen Tool

To create a straight line:
1. Select
2. Click where you want the line to start
3. Click at a point where you want to place
the end point
4. Drag the direction line

To create a closed path:
1. Click the first anchor point
2. Drag to adjust the curve
16

Do exercise 2.3 on page 22

Drawing a leaf with Pen tool

Show me your work when done

No need to save it
17
Using the Pencil Tool
1. Select
2. Select an option from Pencil Mode list
3. Place the pointer and drag
18
Copying and deleting shapes

To copy a shape:
1. Select the shape
2. Choose Edit, Copy
3. Choose Edit, Paste

To delete a shape:
1. Select the shape
2. Choose Edit, Clear

Flash also offers undo and history

Use undo to experiment!
19

The Zoom tool

–
Zoom In to magnify a shape
–
Zoom Out to reduce a shape

The Hand tool
–
To move the Stage
Viewing shapes
20
Brush Tool modifiers
Brush Mode
Brush Size
Brush Shape
Lock Fill
21
Brush and Eraser Tool modifiers

The Faucet modifier

The Eraser Shape modifier

The Eraser Mode modifier
–
Erase Normal
–
Erase Fills
–
Erase Lines
–

Erase Selected Fills
–
Erase Inside
22
Do exercise 2.4 on page 25

Experiment with brush tool
and its modifiers

Show me your work when done

Also experiment with erase tool
and modifiers
23
Working with colors

Apply stroke and fill colors to a shape by
using the Paint Bucket, Ink Bottle, and
Eyedropper tools

Create custom colors, swatches, and
line styles
24
Hexadecimal Values
RGB Colors
1
st
2 – Red Value
2
nd

2 – Green Value
3
rd
2 – Blue Value
Each Value 00-FF (0-255)
25
Hexadecimal Values
Color Name Hexadecimal Value
Black #0000000
White #FFFFFF
Red #FF0000
Yellow #FFFF00
Green #00FF00
Blue #0000FF