Macromedia Flash

1
Macromedia Flash

• Create a Movie

2
Take the help Tutorial

• Find open
• ..\HowDoI\ QuickTasks\start_files
• double-click document_start.fla
• Select File gt Save As and save the document with
  a new name
• Select Window gt Panel Sets gt Training Layout

3
Use tools to create Flash content

• The toolbar, next to the Stage, offers a variety
  of controls that let you create text and vector
  art.
• Do one of each now
• Click the Stroke color box, in the toolbar Colors
  area, and select any color except white to change
  the color and create more content.

4
Undo actions and History

• open the History panel (Window gt Other Panels gt
  History)
• What do you see?
• Select Edit gt Undo
• What do you see now in History?
• To close the History panel, click the options
  menu in the upper right corner of the panel and
  select Close Panel

5
View add to the Timeline

• Change background and Stage size
• In the toolbar, click the Selection tool.
• On the Stage, click anywhere in the gray work
  area that surrounds the Stage, or on the
  background area of the Stage, so that no objects
  are selected.
• The Property inspector, below the Stage, displays
  properties for the document when no objects are
  selected.
• To change the Stage background color, click the
  Background color box and select a light shade of
  gray, such as gray with the hexadecimal value of
  CCCCCC.
• To change the Stage size, click the Size button
  in the Property inspector. In the Document
  Properties dialog box, enter 750 for the Stage
  width, then click OK.
• The Stage resizes to 750 pixels wide.

6
Change your view of the Stage

• You can change your view of the Stage without
  affecting the actual Stage size of your document.
  
• In the Stage View text box, above the right side
  of the Stage, type 500. Then press Enter or
  Return. Your view of the Stage enlarges to 500.
• In the Stage View pop-up menu, which you access
  by clicking the control to the right of the text
  box, select 100 to view the Stage in dimensions
  that correspond to the size of the published
  Flash content.

7
View the Library panel

• select Window gt Library.
• We've already imported library items and created
  symbols for objects that you'll use in this
  lesson.
• Add graphics to the Stage
• In the Timeline, click the Content layer name to
  select that layer.
• With the Selection tool selected, drag the Title
  movie clip, which contains a bitmap image and
  vector graphic, from the Library panel to the
  Stage and align it over the Title guide.
• With the Content layer still selected, drag the
  text symbol from the Library panel to Stage, and
  align it with the Trio ZX2004 text that's already
  in place as a guide. You can use your keyboard
  arrow keys to nudge the text into place.

8
Add video

• Verify that the Content layer is still selected
  in the Timeline. From the Library panel, drag the
  ggb_move_for_trio_new video to the dark gray
  Video guide on the Stage.
• A dialog box appears that indicates Flash will
  add 138 frames to the Timeline for the video.
  Click Yes.
• Drag the playhead across the Timeline to view the
  video

9
View object properties

• On the Stage, with the Selection tool selected,
  click the Title graphic. The Property inspector
  (Window gt Properties) shows specifications, such
  as height, width, and Stage coordinates, for the
  grouped object.
• On the Stage, click the bounding box for the
  video movie clip that you dragged to the Stage
  and view its attributes in the Property
  inspector.
• In the Instance Name text box of the Property
  inspector, enter video as the instance name.

10
Add video control behaviors

• In the Timeline, click Frame 1 of the Content
  layer to select it, if it's not already selected.
  
• On the Stage, click the Play button to select
  it. In the Behaviors panel (Window gt Development
  Panels gt Behaviors), click the Add () button and
  select Embedded Video gt Play.
• In the Play Video dialog box, verify that
  Relative is selected. Select video, which is the
  instance name that you gave to the video clip,
  then click OK.
• On the Stage, click the Pause button (the middle
  button) to select it. In the Behaviors panel,
  click the Add () button and select Embedded
  Video gt Pause.
• In the Pause Video dialog box, again select the
  video movie clip, then click OK.
• On the Stage, click the Rewind button to select
  it. In the Behaviors panel, click the Add ()
  button and select Embedded Video gt Rewind.
• In the Rewind Video dialog box, select video.
• In the Number of Frames to Step Back text box,
  enter 20.

11
Use the Movie Explorer to view the document
structure

• Select Window gt Other Panels gt Movie Explorer. If
  necessary, enlarge the Movie Explorer to view the
  tree structure within the pane.
• The Movie Explorer filtering buttons display or
  hide information.
• Click the pop-up menu in the title bar of the
  Movie Explorer, and select Show Movie Elements
  and Show Symbol Definitions, if they're not
  already selected.
• Configure the filtering buttons, along the top of
  the Movie Explorer, so the only ones selected are
  Show Buttons, Movie Clips, and Graphics Show
  ActionScripts and Show Video, Sounds, and
  Bitmaps. If you move your mouse pointer over a
  button, a tooltip displays the name of the
  button.
• Examine the list to view some of the assets
  included in the document, and to see their
  relationship to other assets.
• In the Movie Explorer pane, expand Actions for
  Play to view ActionScript that Flash created when
  you added the Play video control behavior.
• To close the Movie Explorer, click its close box.

12
Test the document

• As you author a document, you should save and
  test it frequently to ensure the Flash content
  plays as expected. When you test the SWF file,
  click the video control buttons to see if the
  video stops, plays, and rewinds as expected.
• Save the document (File gt Save) and select
  Control gt Test Movie. The Flash content plays in
  a SWF file window. While FLA is the extension for
  documents in the authoring environment, SWF is
  the extension for tested, exported, and published
  Flash content.
• When you finish viewing the SWF content, close
  the SWF file window to return to the authoring
  environment.