Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

The Pointer Menu

This menu involves a simple mouse over button that calls up an action of a different movie clip. There is an event sound in the button to make it more realistic. Any graphic or short sound can work.

You will need this picture, or some other picture to use in this tutorial. You will also need the shared sound file that comes with the flash sound library called "Lock Break".

 

1. Set your fill color to a radial gradient, choosing maroon as the outside color and red as the inside color. Set your line tool to black.

2. Select your oval tool and draw a circle.

3. Using your rectangle tool, draw two rectangles inside your circle.

4. Using your arrow tool to bring the bottom corners of the rectangles together in the center to make a point. Use your arrow tool to highlight the lines separating the two figures and hit your backspace key to remove this line. Click on the fill of the arrow and backspace to remove the fill.

5. Using your arrow tool, select the entire image. Click Insert=>convert to symbol with properties of graphic. While this is highlighted, Click insert=>convert to symbol again. (By creating the symbols this way you are assured the circles are centered in each symbol. This will make a nicer, smoother tween later on.) Name the image pointer, and set it to the properties of a movie clip. On the instance panel call this instance pointer.

6. Double click this image. Rotate the image so it points to about 1pm. Click in Frame 6 and hit your F6 key to insert a key frame. In frame 6, rotate this image to point to about 6pm. Click on Frame 1 and then on the frames panel, change the tweening to motion. Insert a layer 2 and put a stop action for that layer frame 1-6.

7. Click back on Scene 1 to return to your movie. Insert a layer 2 by right clicking layer 1. Drag layer two under layer 1. Draw a red circle directly under the arrow on layer 1, and import and paste the image on layer 2 so that you can see the faces through your arrow..

8. Click Insert=> New symbol. Name it button and give it the properties of a button.

  • On frame 1, draw a small circle using the oval tool set to a radial gradient of white to black.
  • Click on frame 2 and hit F6. This will copy the contents to the rollover frame. change the fill color there to red-black radial gradient.
  • Click on Frame 3 and hit F5
  • Insert a Layer by right clicking layer 1 on this symbol and selecting insert layer. Insert a key frame in layer 2 frame 2(mouseover)
  • Open your sound panel and select your lock break sound, set to event.

9. Click back on your main scene. Open your library and drag 6 copies of your button onto your stage, positioning them at 1, 2, 3, 4, 5, 6 o'clock along the circle. Use your text tool to type the label for each button next to it.

10. Scripting the buttons- Open your action panels.

  • Click on the first button. On the action panel, select +=>actions=>evaluate.
  • Click on the release line in the actions panel and check rollover also.
  • Click on the s3econd line that has only the semicolon;, and click in the box below.
  • Click the target symbol on the lower right corner of the action panel and find under absolute pointer. Click ok.
  • On the action panel click +=>objects=>movireclips=>gotoAndStop. Add a number 1 to the brackets.
  • Click to the bottom of the action scripts, the last night in the box above. Click +=>Basic Actions=>Get URL
  • Type in the url for your home link. I used http://www.developingwebs.net
  • The following text box has what should be in the actions panel for the first button and reads like this: On release AND rollover, tell the pointer to stop at frame 1, on release get the url for developingwebs.

If you have trouble using the action script panel or are in Flash MX, try going to expert mode and pasting the script from above directly in your action script panel.

Button 2, 3, 4, 5, 6 should appear as follows, with the frame number changing to 2, 3, 4, 5, or 6 and he appropriate link being inserted.

 AND YOUR DONE!

Please let me know when you have tried it with your own applications! You can use this in many different ways!



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2008 All Rights Reserved
Privacy and Legal