Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!
  • Students Click Here

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

Trying to create a sweet nav bar in flash and need some help.

Trying to create a sweet nav bar in flash and need some help.

Trying to create a sweet nav bar in flash and need some help.

I am tring to create a navigation bar in flash 3 somewhat like the nav bar on the right on the page http://www.e3direktiv.com/main.html. I started out trying to give the buttons I had the load movie action when I ran my mouse over them and then have a movie with two version of text fading in and merging and fading out(the text explaining what the button was for). The problem is that if I run over another button while the movie is playing it cuts off the movie and starts the next. On the web page I stated above all the mouseovers will play together and not cut each other off. I have tried about every thing I can find in help anywhere and still can't get them to play together.  If I have not explained this well enought check out the web page above or leave me a message.


RE: Trying to create a sweet nav bar in flash and need some help.

If you notice in the movie when you rollover the links on the right, they have a liitle movie for each one. On each movie they have 2 text fields merging together with an alpha fade, fading in then pausing and fading out. If you look a little closer you will see that if you switch quickly between the buttons that the words are all over lapping. Now this is where your problem comes in. Your movie is stopping and then starting another because you have them all on the same layer. In order to get this effect you will have to use a seperate layer for each one. I would also pre make my little movies and then call uppon them on mouse over. I can see why this page caught your eye, it's cute , very cute. The ball hessitating then rolling at you in the beggining is cool.

Well I hope that helps.

RE: Trying to create a sweet nav bar in flash and need some help.


Here is your solution. Try printing this so you can do it while you read it:
Let's do one button at a time.

- Create the design of the button and the text (the way you want them) in the case of your example is just a grey circle and the text.

- Now that you have both objects, convert each one to symbols but as graphics first (not buttons)

- Erase them from the current frame, (select and delete).

- Create a new symbol, a movie clip. You should be in the edit symbol screen now.

- Open your library and find the graphic for your text (not the button because only the text will fade) and drag it to the edit screen. Align in the middle of the page is better.

- Now you have the graphic in the movie clip. Insert Keyframe in frame 7 or 8, change the Alpha of the object to 0 and Create Motion Tween. Test the animation, it should fade out.

- In the library, select the symbol you just created and right click/ Duplicate it. You have the copy of your movie clip. Now doubleclick on the copy in the library to edit it. Select all the frames and then right click / Reverse frames. Press enter and the movie clip should fade in this time.

- IMPORTANT: Don't forget to add a STOP action in the last frame of both movie clips.

- Now you have 2 graphic and 2 movie clips (fade in & out).
Create a new symbol, this time a button.

- In the first frame add the graphic of the button exactly where you want it and then Insert Keyframes for the other three frames. Now all of the frames look the same. Go back to the first frame and select it. Now drag the fade out movie clip that you created from the library and place it where you want it in the screen.

- Go to the next frame (over) and drag the other movie clip (fade in) to the screen. Use the onion mask to place it exactly on top of the other one.

- Do whatever you want in the down frame.

- Test the button and that is it. All you need to do is create many buttons like this and place the text for each one in the same place so when you mouseover a button it fades in and when you move to another button it fades out but at the same time the new text fades in.

Cool, if you have questions write me at ferhelping@yahoo.com

RE: Trying to create a sweet nav bar in flash and need some help.

Thanks for the help guys. I think I finally figured out how they did it.  I think that they have they text fade/out as a separate movie which was what I was trying befor, but folish me when I used the load movie command I was loading them all on the same level. Now I switched one of the buttons to load on level two and the two buttons don't seem to be interferring with each other.
Peace out!

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members! Already a Member? Login

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close