Upload
guided-computer-tutorials
View
5.356
Download
1
Embed Size (px)
DESCRIPTION
Sample pages from Chapter 11 of Learning Adobe Flash CS4 by Greg Bowden which demonstrates how to create Flash buttons. It includes setting button symbols, setting the up, over and down states. setting the hit area, creating a navigation bar for a web site and using Flash's prepared buttons.
Citation preview
Learning Adobe Flash CS4By Greg Bowden
Guided Computer Tutorialswww.gct.com.au
Creating ButtonsChapter 11
PUBLISHED BY
GUIDED COMPUTER TUTORIALSPO Box 311Belmont, Victoria, 3216, Australia
www.gct.com.au
© Greg Bowden
This product is available in Single or Multi User versions.
Single-user versions are for single student or teacher use at any particular time, just as a single text book would be used. If you intend to use the notes with multiple students the single user version should be upgraded to the multi-user version.
Multi-user versions allow the school or institution to print as many copies as required, or to place the PDF files on the school network, intranet and staff laptops. A certificate of authentication is provided with multi-user versions. Bookmarks provide links to all headings and sub-headings, and individual chapters are provided.
First published 2009
ISBN: Module 1 1 921217 67 7 Module 2 1 921217 68 5 PDF document on CD-ROM
Every effort has been made to ensure that images used in this publication are free of copyright, but there may be instances where this has not been possible. Guided Computer Tutorials would welcome any information that would redress this situation.
© Guided Computer Tutorials 2009 11-1
Chapter
11Creating Buttons
Flash can be used to create elegant buttons that change when the mouse is moved over them or when the mouse is clicked. These buttons can be filled with colours or colour gradients to produce a three dimensional effect. You can also add sounds or actions to buttons. To demonstrate how to create a button, a rectangle will be combined with some text to produce a simple button.
Creating a Simple Button 1 Load Flash or close the current file and create a new FLASH FILE.
A Setting the Button Symbol
© Guided Computer Tutorials 200911-2
Learning Adobe Flash CS4
B The Button States
A button can have four different states:
Mouse up which is the appearance of the button when the mouse pointer is not near the button.
Mouse Over which is the appearance of the button when the mouse pointer is moved over the button.
Mouse Down which is the appearance of the button when the mouse is clicked on the button.
Hit Area which is area where the button settings are activated.
NOTE: Notice that the name of the button is displayed next to the SCENE name above the stage. This indicates that the screen is in BUTTON EDIT MODE.
© Guided Computer Tutorials 2009 11-3
11Creating Buttons
NOTE: The colour change has only affected the OVER section.
© Guided Computer Tutorials 200911-4
Learning Adobe Flash CS4
C Testing the Button
1 Display the CONTROL menu and select TEST MOVIE (or press CTRL+<enter> or COMMAND+<return>).
5 Close the TEST MOVIE screen.
© Guided Computer Tutorials 2009 11-5
11Creating Buttons
D Adding Text to the Button
Text can be added to the button. This only needs to be done in one of the button states, but it is better to place it in a separate layer.
© Guided Computer Tutorials 200911-6
Learning Adobe Flash CS4
6 Test the movie and the text should stay in the one spot as you move the pointer over the button or click the mouse button.
7 Close the TEST MOVIE screen.
E Other Adjustments
You can make other adjustments to the buttons in each state. For example, you can alter the size of the rectangle or change its shape.