Macromedia Flash Tutorials From New Tutorials | Drop Down

Adobe Photoshop Tutorials | Flash Tutorials | 3D Studio Max Tutorials ... Flash Page Flip. Effect. Premium flash page flip effect by. FlippingBook. Free ... Flip Page Magazine aXmag, turn your PDF file into professional page-flipping ebook. www ...
540KB taille 16 téléchargements 246 vues
Adobe Photoshop Tutorials | Flash Tutorials | 3D Studio Max Tutorials | Website Templates | Webmaster Forum

Photoshop | Flash | 3D | Tools | Articles | Directory | Links

Link to Us | Contact Us

- Flash Tutorials - Drop Down Menu Tutorial - By: Chad Freiling

Advertisement

Page 3 First to start on the 3rd half of this tutorial. We need to add frames 6 to 10 to the following layers: Note: Only add 'Insert Frames' to these layers. (See image below) Text; Outlines; Menu action rect; Item action rects; Rolloff action rect

Everything you do after this point will be On Frame 6 of each layer. So you will not go back to frames 1 to 5 unless it is stated to. To Start off lets make the the Item menu buttons. Create a box the same size as the Blue menu box. Lets make this one yellow. So it needs to be w:108 x h:18. (6 grid boxes across and 2 down). Set this Right next to the Menu MC. With Snap to on this will snap to its place. Now we need to convert it to a symbol. Convert it to a Button and name it: 'Popup Item Menu'. Make the button change color when the user Rolls over it. Now Copy and Paste about 4 more of these under the first one. Lock this layer for now.

- Advertisement

For more Adobe Photoshop Tutorials visit: Adobe Photoshop Tutorials

www.wix.com/web/design

Ads by Google

Next We move to the 'Outlines' layer. Unlock this layer if it is locked. Select the Rectangle tool and for the Fill select 'No Fill' and for the Outline select 'black'. Now use the tool to draw an out line over each of the new Item menus. We need to do one more thing to the 'Outlines' layer. Select the arrow (pyramid) thing we made and rotate it about 45 degrees counter-clock wise (left to right). Now On to the Titles of each New Menu Item. Go to and unlock (if locked) the 'Text' layer. Using the Text Tool create a Title for Each item button. (i.e Item 1; Item 2; Item 3; ect...) Ok.. Now we can add some more actionscript. This action script will on each Item button. For an example Select Item Button 2. and place a GetUrl (or GotoUrl) action on it.

on (release) { getURL("http://www.hosehead78.com/"); } Our next thing is the 'Rolloff action rect' layer. If this layer is locked, unlock it. and select it. What this layer is going to do is act like a reset button. So when you Roll off of the Item buttons the MC will reset to its normal state. This button needs to be over sized, So, it is bigger than what our Item buttons extend to. So create select the rectangle tool. For the Fill use a 'light blue' color (or any light color) and for the Outline use 'No Fill'. And create a box that is greater in size than the Menu and its Menu Items are.

Design Free Website Design Your Own Flash Website Fast & Easy. Unlimited Free Trial www.wix.com/web/design

Flash Page Flip Effect Premium flash page flip effect by FlippingBook. Free to try. page-flip.com

Next convert the box to a Button, Name it: 'Popup Menu Rolloff'. Then edit the button and make it so 'Hit' Frame is the only frame that has anything in it.

Easy Menu & Button Maker Create cool Web menus and buttons. Download the free trial now! www.blumentals.net

Drop Down Menu Creator Create Drop Down Menu displaying over HTML content. Free Download! sothink.com/product/dropdownmenu

Notice that the gray area is only under the Hit frame.

This is what your Roll off button should look like after you move the graphic to its HIT frame

Now add the Actionscript to the 'Popup Menu Rolloff'. The Action for this is a simple goto and stop on frame 1 action. Add the Script and your done! on (rollOver) { gotoAndStop(1); } Your Timeline should something like the Image below:

There you go. You can use this style to create all kinds of different menus, buttons, ect... There are a lot of other things that you could do with this style, so mess around with the basics of this tutorial and try things out. Pages: 01 | 02 | 03

Flash tutorial Flash Training From An Industry Specialist. Try Our Free Trial Now! www.CartoonSmart.com Flip Page Magazine aXmag, turn your PDF file into professional page-flipping ebook. www.aXmag.com Offre Lyon -90% Bénéficiez d'Offres Incroyables Du Jamais Vu à Lyon www.GROUPON.fr/Lyon PDF to Page Flip Convert your PDF docs and catalogs to stunning page flip books page-flip.com

Copyright © 2003 - 2005, Tutorials Network. All Rights Reserved. | Advertise | Privacy Policy