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
587 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:

  • flash karaoke tutorial (3)
  • flash popup button effect tutorial (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.

How to Blogging With Copy

Due to request from iksan for creating tips to writing copy-paste content. First

One Step Manga Trailer by

This is my manga trailer. One Step is me and my team (Saturday

Best Free Translation Too

Few days ago, I found my new Japanese Idol web blog. His name

Earn Money with Yuwie

Berhubung internetku lg ngeselin, aku ga bs sering2 blogwalking dulu. Tapi akan aku