Home » Design Tutorial » Adobe Flash » Creating Pop Up Button Tutorial with Flash

Creating Pop Up Button Tutorial with Flash

Saturday, March 6th, 2010 | Adobe Flash
491 views

Its been long time since my latest flash tutorial flash animation for beginner. Today isnpired by my teaching SAP, I’m Creating Pop Up button tutorial with Macromedia Flash.

I assume you have basic flash knowledge.

(CLICK FOR ENLARGE THE IMAGE)

1. Create New file. File->new

2. Created New object that will become button. Convert it as Button (f8). Named as “popup”

3. Convert the button again (f8) this time change into Movie Clip.

4. Enter the Movie Clip Area (Double Click the object)

5. Lock the Button layer

6. Create new layer above it. Named it “Invisible button layer”

7. Created area that cover the first button (popup button)

8. Change the area into button named at “Invisible button”

9. Enter the Invisible button Area (Double Click the object)

10. Erase the shape.

11. Coma back to Movie Clip area and lock the “Invisible button layer”

12. Create new layer above it. Named it “target”

13. Insert key frame at frame 3 and create text. After that Lock it

14. Create new layer above it. Named it “Menu”

15. Insert key frame at frame 2 and create object for pop up menu

16. Convert it as Button

DONE…. for designing

Now.. lets step to coding part

1. Un lock all layers

2. At frame 1 and 2 write action-frame

stop();

3. At “Invisible button” write action-button

on(rollOver)

{

gotoandStop(2);

}

4. at “Menu” write action-button

on (press) {

gotoAndStop(3);

}

5. Ctrl+Enter to execute.

You done. ^^

If you have any question, pls feel free to ask.

This is my FLA FILE. You can download HERE

Related Posts Plugin for WordPress, Blogger...

Incoming search terms:

  • creating pop in buttons in flash (2)
  • flash karaoke tutorial (1)
  • flash popup Movie clip (1)
  • on click pop up layer in adobe flash tutorial (1)
  • pop frame in adobe flash tutorial (1)
  • tutoriel flash karaoké (1)

Tags: , , , ,

Related Creating Pop Up Button Tutorial with Flash

RSS feed | Trackback URI

Comments »

No comments yet.

Name (required)
E-mail (required - never shown publicly)
URI
Subscribe to comments via email
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

Tutorial How to Backup Yo

You need to back up your blog database? I will write tutorial how

The Simplest Way Create M

Inspired by Creating Matrix Effect Tutorial , I try to follow his brilliant

How to get rid spam from

Do you ever feel your Facebook account is messed up with your own

How to coloring anime Lin

HTML clipboard I get request tutorial about coloring lineart in anime. So here