Flash II

Course Instructor Guide

Outline:

1. Review Flash I lesson
2. Create a movie clip behavior
3. Insert the movie clip into scene 1
4. Insert text
5. Create a button
6. ActionScript, frame actions
7. ActionScript, object actions
8. Create a sound
9. Class challenge to stop the ball
10. Insert a raster graphic
11. Class challenge to change the button to go to homer
12. Next week
13. Open class for Q&A

In Detail:

1. Review Flash I lesson
1. Vector and raster graphics
2. Symbols
3. Keyframes
4. Motion tween
5. Easing
6. Publishing
7. Saving
2. Create a movie clip behavior
1. Open ballmovie.fla from the Flash II folder
2. Save the file on the desktop as my_movie.fla
3. Select all the frames in the timeline
4. Copy the frames
5. In the menu tool bar choose Insert > New Symbol

i. Name it bb

ii. Choose movie clip

6. In symbol editing mode

i. Select the 1^st frame in the timeline

ii. Paste all frames

7. You now have animated symbol
2. Insert the movie clip into scene 1
1. Go back to scene 1
2. Select all frames

i. Show different ways of selecting frames

3. Remove all frames
4. Select the 1^st frame
5. Insert a keyframe
6. Open the Library
7. Click drag and drop the symbol on the stage
8. Move the symbol to the top left hand corner of the stage
9. Now all 98 frames are in 1 frame
3. Insert text
1. Create and rename a new layer
2. Rename layer one as ball
3. Inset text, “Click the button below to drop the ball”
4. Format the text
5. Open the Align palette and align the text with the ball
4. Create a button
1. Insert a new layer and rename it
2. Create a rectangle with no stroke and a red fill
3. Show how to use the Info palette

i. Exact size and positioning of the shape

4. Select the shape and convert it to a symbol

i. Choose Button behavior and name it button

ii. Go into symbol editing mode

5. Nest a symbol by converting the shape to a graphic symbol in the button symbol editing mode
6. Insert keyframes in the Up, Over, Down, and Hit

i. Up is the original view

ii. Over is the rollover or mouse over view

iii. Down is when the user clicks on the button

iv. Hit is the clickable region

7. Create the special effects

i. Change the color of the instance of the graphic in the up frame

ii. Move the shape in the down frame

8. Insert text

i. Create a new layer

ii. Name the layer, text

iii. Rename layer one to shape

iv. Choose the text tool

1. Type out, Bounce!

2. Move the text into the center of the rectangle

v. Insert a keyframe in the down frame of the text layer

vi. Move the text to the center of the rectangle in the down frame

vii. Go back to scene 1

6. ActionScript, frame actions
1. Two kinds of Actions, Frame and Object

i. Discuss the difference and common mistakes

2. Move the 1^st frame keyframe of the ball layer to the 10^th frame of it’s own layer
3. Play the movie by choosing Control > Test Movie

i. This saves a .swf on the desktop

ii. You now are viewing the animation in Flash

4. Notice it blinks, we need to stop the movie in the first frame
5. Create a new layer and rename it, actions
6. Select the 1^st frame of the actions layer
7. Open the Actions palette
8. Make sure it says Actions – Frame
9. Open the Actions book, and then Movie Control
10. Double click on the stop action
11. Minimize the palette
12. Choose Control > Test Movie
13. Go back to scene 1
6. ActionScript, object actions
1. Create a new layer and name it labels
2. Create an movie beginning point

i. Select the 1^st keyframe

ii. Open the properties palette

iii. In the frame label text box type, intro

3. Create a point to go to the ball

i. Select the 1^st keyframe of the ball layer

ii. Open the properties palette

iii. In the frame label text box type, ball

4. Attach an object action to the button

i. Select the button instance

ii. Open the Actions palette

iii. Make sure it says actions – button

iv. Choose goto

v. In the middle of the palette choose

1. Goto and Stop

2. Type > Frame Label

3. Frame > Ball

5. Preview the movie
6. Go back to scene one
7. Create a sound
1. Go to the button symbol editing mode
2. Import sound to library
3. Create a new layer and call it sound
4. Insert a keyframe in the down frame
5. Click drag and drop the sound from the Library on the stage
6. Preview the movie
7. Go back to scene one
8. Class challenge to stop the ball
1. Challenge the class to stop the ball at the end of it’s cycle
2. After a while show them how to do this

i. Go into symbol editing mode of the bb

ii. Insert a new layer

iii. Rename the layer actions

iv. Rename layer one, call it ball

v. Select the 98^th frame of the actions layer

vi. Insert a key frame

vii. Insert a stop action

3. Preview the movie
4. Go back to scene one
9. Insert a raster graphic
1. Choose import to Library and import the homer.gif image
2. Open the Library and see the image
3. Create a new layer in scene one
4. Rename it homer
5. Insert a keyframe on frame 20
6. Click drag and drop the image onto the stage
10. Class challenge to change the button to go to homer
1. Challenge the class to change the button action so that when it is clicked the first time the image shows in the stage and stops there
2. After a while show the class how to do this

i. Create a label for the 20^th frame of the labels layer, homer

ii. Go to the button action

iii. Change the frame from ball to homer

iv. Preview the movie

v. Go back to scene one

12. Next week
1. Working with multiple scenes, organizing the timeline layers and the library, text effects like fade in fade out, guide layers, sound loop, text button with onion skins, stop sound button, and skip intro button
13. Open class for Q&A