Lesson 2

Specify Synchronization Options

 

OBJECTIVE:
In this lesson, you will synchronize a streaming sound with an animation, and you will set a button to play a sound in the Over state and stop playing the sound in the Up state.

Sample Solution

Lesson:  Set synchronization to the Stream option

  1. Verify that the nightclub.fla movie is open, click Insert on the menu bar, then click New Symbol
  2. Type wordanimation in the Name text box, select Movie Clip for the Type, the click OK
  3. Rename Layer 1 on the edit window Timeline as audio
  4. Insert a keyframe in frame 50
  5. Display the Actions panel, then verify Scrip Assist is turned off and audio:50 appears in the lower left of the Script pane
  6. Click the Add a new item to the script button, point to Global Functions, point to Timeline Control, click stop—inserting a keyframe creates a movie clip of sufficient length (frames 1-50) for the sound to play, and adding a stop action to the keyframe stops the movie clip Timeline from repeating
  7. Close the Actions panel, click frame 1 on the audio layer, click the Name list arrow in the SOUND area on the Properties panel, then click bitmaps_free_vo
  8. Click the Sync list arrow, click Stream
  9. Press [Enter], then listen to the audio—the sound file plays, “Tonight all bitmaps get in for free.”

Summary:  You created a movie clip, specified a stop action, added a sound, and set the synchronization of a sound to streaming.

 

Lesson:  Synchronize a streaming sound with an animation

  1. Insert a new layer above the audio layer in the wordanimation movie clip, then name it text—you will add text that synchronizes with a voice-over
  2. Insert a keyframe in frame 13 on the text layer, display the Library panel, open the Text folder to view the text graphic symbols, then drag the tonight graphic symbol approximately to the middle of the Stage
  3. Display the Properties panel, change the X value to -48.9, change the Y value to -8.5, then press [Enter]—the word ‘Tonight’ appears centered on the Stage
  4. Click the Selection tool (on the Tools pane), insert a keyframe in frame 19 on the text layer, click the word Tonight on the Stage to select it, click the Swap button (in the Properties panel) to open the Swap Symbol dialog box
    [TIP:  The Swap Symbol dialog box lets you replace an object on the Stage with a different object, keeping all other properties the same, including any actions you have assigned to the original object]
  5. Click the all graphic symbol in the Swap Symbol dialog box, then click OK—Flash replaces the instance of the tonight graphic symbol
  6. Insert a keyframe in frame 23 on the text layer, click the word all on the Stage to select it, click the Swap button, click the bitmaps graphic symbol in the Swap Symbol dialog box, then click OK
  7. Insert a keyframe in frame 31 on the text layer, click the word Bitmaps on the Stage to select it, click the Swap button, click the get graphic symbol in the Swap button, click the get graphic symbol in the Swap Symbol dialog box, then click OK
  8. Insert a keyframe in frame 32 on the text layer, click the word ‘Get’ on the Stage to select it, click the Swap button, click the in graphic symbol in the Swap Symbol dialog box, then click OK
  9. Insert a keyframe in frame 35 on the text layer, click the word in on the Stage to select it, click the Swap button, click the for graphic symbol in the Swap symbol dialog box, then click OK
  10. Insert a keyframe in frame 37 on the text layer, click the word for on the Stage to select it, click the Swap button, click the free graphic symbol in the Swap button, click  the free graphic symbol in the Swap button,  dialog box, click OK
  11. Click frame 1 on the Timeline, then press [Enter], to view the words as they synchronize with sound
  12. Click Scene1 at the top left of the workspace to return to the main Timeline

Summary:  You created a text animation, then synchronized the appearance of each word in the animation with a voice-over saying the word.

 

Lesson:  Add the Synchronized Animation to the Stage

  1. Insert a new layer above the accent2 layer, then name it ‘animation’
  2. Insert a keyframe in frame 40 on the animation layer
  3. Display the Library panel, then drag the wordanimation movie clip symbol from the Library panel to the left side of the Stage
  4. Click Control on the menu bar, then click Test Movie to test the movie—the words and streaming sounds appear synchronized
  5. Close the Flash Player window
  6. Save your work
  7. Close the movie

Summary:  You added an animation synchronized with sound to the Stage.

 

Lesson:  Set Synchronization to the Start Option

Sample Solution

  1. Open fla10_2.fla, then save it as FL_C10_L2_supertips (your username) to your Chapter 10 Flash folder on the server
  2. Display the Library panel, open the buttons folder, then double-click the gel Right button to display the edit window
  3. Drag the playhead through the Timeline—the gel Right button symbol currently has four layers, which create the visual effects of the button
  4. Insert a new layer above the button-arrow layer, name it ‘audio’, then insert a keyframe in the Over frame on the audio layer
  5. Display the Properties panel, click the Name list arrow in the SOUND area, then click accent2—Flash adds the sound file, as indicated by the straight line on the audio layer, which will start to play once you move the mouse pointer over the button, and will continue to play even after you move off the button
  6. Click the Sync list arrow, click Start
  7. Click Scent 1 at the top left of the workspace to return to the main Timeline
  8.  Click Control on the menu bar, then click Test Movie to test the movie, position the mouse pointer over a button—the music starts playing when you hover over a button, and continues even if you move the mouse pointer away from the button
  9. Close the Flash Player window

Summary:  You added sound to the Over state of a button.

 

Lesson:  Set Synchronization to the Stop Option

  1. Display the Library panel, then double-click the gel Right button in the Library panel to open it in the edit window
  2. Click the Up frame on the audio layer
  3. Display the Properties panel, click the Name list arrow in the SOUND area, then click accent2
  4. Click the sync list arrow, click Stop
  5. Click Scene 1 at the top left of the workspace to return to the main Timeline
  6. Click Control on the menu bar, then click Test Movie to test the movie
  7. Position the mouse pointer over a button, then move the mouse pointer off the button—the music stops playing when you move the mouse pointer away from the button
  8. Close the Flash Player window
  9. Save your work, then close the file

Summary:  You directed a sound to stop when a button is in the Up state.