Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
1
Introduction to Flash
2
Macromedia Flash versions
Flash, Flash MX, Flash MX 2004
Much better help
New components
Better video quality
ActionScript 2.0
4
Flash textbook and lab (see syllabus):
David Unruh, e-learning with Macromedia Flash MX 2004, 1st edition
5
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
6
The Flash MX 2004 Workspace
Tools Timeline Stage Properties Panels
Inspector
Four
parts
Tools
View
Colors
Options
7
Do exercise 1.1 on pages 8-9
8
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
9
Do exercise 2.1 on page 17
10
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
11
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
12
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
13
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
14
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
15
Do exercise 2.3 on page 22
16
Using the Pencil Tool
1. Select
2. Select an option from Pencil Mode list
3. Place the pointer and drag
17
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!
18
Viewing shapes
19
Brush Tool modifiers
Brush Mode
Brush Size
Brush Shape
Lock Fill
20
Brush and Eraser Tool modifiers
21
Do exercise 2.4 on page 25
22
Working with colors
23
Hexadecimal Values
RGB Colors
1st 2 – Red Value
2nd 2 – Green Value
3rd 2 – Blue Value
24
Hexadecimal Values
25
Colors section
Stroke Color
Fill Color
Swap Colors
No Color
26
Using the Paint Bucket Tool
27
Using the Ink Bottle Tool
28
Using the Eyedropper Tool
continued
29
Using the Eyedropper Tool
30
Creating a custom color
32
Do exercise 2.5 on page 29
33
Shape selection tools
Selection tool
Select an object by clicking on it with mouse
Or select a group of objects by click-dragging to
surround them with a selection box
Lasso tool
Select a group of objects by drawing a freehand
or polygonal box around them
Or click, then click to draw polygonal shapes
Subselection tool
Lets you manipulate control points in a vector
drawing
34
Making marquee selections
35
Making freeform marquee selections
36
Selection and Free Transform Tool modifiers
37
Combining shapes
1. Select a shape
2. Move the selected shape over the other
shape to place it in such a way that it
represents the shape that you need
3. Deselect the shape
38
Grouping shapes
To create a group:
Select the shapes
Choose Modify, Group
To ungroup shapes:
Select the group
Choose Modify, Ungroup
40
3 Types of Text
Static text
Can be horizontal or vertical
Dynamic text
Can load text from a data file
Can be scrollable
Input text
Can mask text as password text
41
Creating extending text block
1. Select
2. Click where you want to insert text
3. Type the text
42
Changing font and font size
43
Changing font style
44
Aligning text
45
Aligning text
46
Do exercise 3.1 on pages 46-47
47
Layers list in the Timeline
Layer name Selected layer
Layers list
48
Deleting layers
Click
-or-
Drag the layer to the Delete Layer
button
-or
Right-click the layer and choose Delete
Layer
49
Renaming a layer
Locked layer
Unlocked layer
51
Locking and hiding a layer
Show/Hide All
Visible layer Layers button
Hidden layer
52