Macromedia Flash Tutorial

Tutorial 3: Drawing and Working with Color

1. Traffic Light

Frame Layer What should you do Format

1 1

Draw Rectangle

Round Rectangle Radius = 45Fill Color = BlackStroke = GreyStroke Height = 10

Draw circle

Fill Color Circle 1 = GreenFill Color Circle 2 = BlackFill Color Circle 3 = BlackStroke = GreyStroke Height = 10

20 1 Right Mouse ClickSelect Insert Keyframe

Fill Color Circle 1 = BlackFill Color Circle 2 = YellowFill Color Circle 3 = Black

30 1 Right Mouse ClickSelect Insert Keyframe

Fill Color Circle 1 = BlackFill Color Circle 2 = BlackFill Color Circle 3 = Red

60 1 Right Mouse ClickSelect Insert Frame

Frame Rate = 5.0 fps

Click Control Menu Select Loop Playback Select PlaySave your work as Exercise 1 Traffic Light

2. Rotate Object

- Draw the object like above.- Select the object- Click Modify menu Select Convert to Symbols..- Click on Graphic for the behavior Click Ok- Click Modify menu again select transform Free

Transform- Right mouse click on frame 2 select Insert Keyframe

1

Circle 1 Circle 2 Circle 3

Macromedia Flash Tutorial

- The object is in the transform mode. Rotate the object clockwise 30 degrees.

- Right mouse click on frame 3 select Insert Keyframe rotate the object clockwise 15 degrees.

- Repeat the step above until you get a full rotation. - Save your work as Exercise 2 Rotate object

3. Clock

Frame Layer What should you do Format

1 1

Draw circleFill color = YellowStroke Color = RedStroke Height = 8

Insert Text (3,6,9,12) Color = BlueDraw small Circle- put at the center of the big circle

Fill Color = BlackStroke Color = Red

60 1 Right Mouse ClickSelect Insert Frame

Lock Layer 1

1 2 Select Frame 1 until 60Right Mouse ClickSelect Remove Frame

1 2 Right Mouse Click on Frame 1Select Insert Blank KeyframeUsing Oval Tool, Draw “Jarum Saat” Like Picture above

2 2 Right Mouse ClickSelect Insert Keyframe.Click on the Modify Menu. Select Transform Free Transform.Drag the transform center point to the center of the circle.Rotate the object clockwise about 15 Degrees.

Select the object. Press F8 to Convert the Symbol to Graphic.

3 2 Right Mouse ClickSelect Insert Keyframe.Repeat the step aboveRepeat the step above for every Frame Rate = 1.0 fps

2

Center of a Big Circle

Macromedia Flash Tutorial

frame until frame 60Click Control Menu Select Loop Playback Select PlaySave your work as Exercise 3 Clock

3