Scribd
Upload
106 views12 pages

Flash CS3: Create Image Viewer Navigation

The document provides instructions for creating a simple image viewer interface in Flash using buttons and ActionScript to control navigation between frames containing images. Key steps include drawing forward and back buttons, converting them to symbols, adding ActionScript to call nextFrame and prevFrame functions, and publishing the final file.

Uploaded by

Jason Douglass
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
106 views12 pages

Flash CS3: Create Image Viewer Navigation

The document provides instructions for creating a simple image viewer interface in Flash using buttons and ActionScript to control navigation between frames containing images. Key steps include drawing forward and back buttons, converting them to symbols, adding ActionScript to call nextFrame and prevFrame functions, and publishing the final file.

Uploaded by

Jason Douglass
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

Using Flash to control the timeline.

FLASH CS3

Create a simple navigation interface


Draw Button

Objective: Create an image viewer. Skills: Drawing tools Symbols and Buttons ActionScript

Convert to symbol

Assign ActionScript

Drawing the button


Label layer 1 as controls.

Use the rectangle draw tool to

create a standard forward button.

Drawing Next Icon


Change outline color to

transparent and fill color to black. Use the rectangle tool while holding down the shift key to create a perfect square. Switch to the selection tool (v) and drag the corners together creating the triangle.

Convert Button to a Symbol


Select the newly

drawn button icon. Press F8 to convert it to a symbol. Name it btnButton Change type to: Button Center registration Press OK

The button is now located in

Position the buttons to create control interface

the library. Drag another instance of the button onto the stage. Place the two icons together. Give the left icon an instance name of back and use modify to flip it horizontally. Give the right icon an instance name of forward.

Add ActionScript to Button instances


Select the instance back, press F9 to call the

ActionScript Panel. Make sure that AS 1.0 & 2.0 is selected from the filter. Open Global Functions>Movie Clip Control and double click on.
Then double click release.

ActionScript continued
Place your cursor between

the two brackets and press Enter Open Timeline Control and double click on prevFrame to insert code. Collapse AS Panel and select instance forward.

AS Continued
Expand AS panel and

repeat steps. Instead of double clicking on prevFrame, double click on nextFrame. Collapse your AS Panel

Last bit of ActionScript


Create two new

layers and label them actions and pictures. Arrange the layers in the following order. Select the first frame of the actions layer and open AS Panel. Add a stop(); action. Close AS Panel.

Insert pictures
Now it is time to add the content that the interface will control. Select the first frame of the pictures layer. Choose File>Import>Import to stage or press ctl+r. Import a series of pictures and arrange them on the stage. Select the last frame on the controls layer and press F5.

Publish

You might also like