If you have any suggestions or comments, and would prefer using email, please contact me at:
gngabriel29[REMOVETHISANDREPLACEWITHYOU-KNOW-WHAT]ymail.com

October 22, 2008

Flash Buttons With Rollover Effect

Filed under: Flash/Flash Buttons


Good day everyone, today, we will be creating buttons flash buttons with a rollover effect.

Create Simple button

1. Select rectangle tool (use red for fill)

2. click and drag a rectangle shape on stage

Select convert to symbol

3. right-click rectangle shape, and select Convert to Symbol

4. enter name for symbol, eg. shapeOfBtn

5. change Type to Movie Clip

6. click OK, to create new symbol

note: the shape which was on the stage will now be changed to an instance of the new symbol

7. right-click instance of the symbol, and select Convert to Symbol

8. enter name for symbol, eg. btnTest

9. change Type to Button

Change symbol settings for type of button

10. click OK, to create new symbol, which is of type button

Create rollover effect for button instance

Access master symbol, to edit master symbol

1. double-click button instance, to access ‘master’ symbol (the addressbar will show Scene 1 btnTest, to show that you are inside Scene 1, and editing master symbol of btnTest)

2. click in frame called Over

3. press F6, to insert Keyframe

4. single-click the shapeOfBtn instance, for over frame

Select Tint from color dropdown box

5. select Tint from Color dropdown box

6. click color box beside the Color dropdown box, and select green color

Enter tint amount

7. enter value of tint amount, eg. 100%

Select scene 1 of address bar, to return to main timeline

8. select Scene 1 of address bar, to return to main timeline (addressbar will change to only show Scene 1, when you have returned to main timeline)

9. press Ctrl + S, to save file

10. press Ctrl + Enter, to export test movie (as expected, when mouse is not over button, its red, but when mouse is over button, the button turns green)

Comments »

No comments yet.

RSS feed for comments on this post.

Leave a comment

Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href=""> <b> <blockquote> <code> <em> <i> <strike> <strong>. I unfortunately do not have a spoiler-code, so be sure mark spoilers well.



Anti-spam measure: please retype the above text into the box provided.