login  Naam:   Wachtwoord: 
Registreer je!
 Tutorials

Tutorials > Flash


Gegevens:
Geschreven door:
vinTage
Moeilijkheidsgraad:
Normaal
Hits:
46893
Punten:
Aantal punten:
 (4.07)
Aantal stemmen:
14
Stem:
Niet ingelogd
Nota's:
 Lees de nota's (17)
 

Tutorial:

dropdown menu

Hier is een tutorial over hoe je een dropdown menu maakt in flash, hiernaast heb ik een voorbeeldje wat mischien niet het mooiste menu is wat je ooit hebt gezien, maar iemand met een beetje designing skillz kan er in no time iets leuks van maken, natuurlijk kan je de buttons animeren met movies alsook de manier waarop het menu tevoorschijn komt, maar voor deze tutorial laat ik het maar bij dit simpele dingetje :)

In flash

Start met het maken van een button (de mijne is gelabeled "menu" (voor het maken van een button klik hier )

Als je de menu knop hebt gemaakt, is het tijd voor het ontwerpen van de items die in de dropdown menu moeten gaan komen. m.a.w nog meer knoppies maken :-)


In de volgende stap gaan we het eigenlijk dropmenu in elkaar zetten.

Insert een new symbol (ctrl+f8) met "movie clip" als behavior, noem deze movie "menu open".

 
Maak 3 layers aan in de timeline, de eerste layer noem je
"link buttons"
de middelste noem je
"actions"
en de derde (onderste) noem je
"onzichtbare knop" (kom ik zo op terug)
 
klik nu op de layer genaamd actions, en "insert" een keyframe, open dan het "actions" window (f9) en assign een stop actie aan het eerste keyframe.
 

Activeer nu de layer genaamd "link buttons" en insert een keyframe, open de liberary (f11) en sleep je "menu" button uit de liberary op je "menu open" movie scherm.
selecteer de menu button door er een keer op te klikken (op je scherm, dus niet in de lib), en open het actions windows weer(f9).
Assign de volgende actie aan de button" on (rollOver) { gotoAndStop(2); } " zonder de quotes natuurlijk.
 

Met de "link buttons" layer nog geactiveerd klik je op frame 2 en insert een keyframe, selecteer nu keyframe 2, open je library (f11) en sleep je andere buttons onder je "menu" knop.
 
Hier moet je ook de actions toekennen die de buttons moeten gaan doen, zie weer deze tutorial .

Bijna laatste stap :-)

Nu moeten we nog een onzichtbare knop maken, dit is nog makkelijker dan een gewone knop.

Maak weer een nieuwe knop (ctrl+f8) behavor "button" en maak op de "hit" frame een blanke keyframe, de 1e,2e en 3e frame MOET leeg zijn, selecteer de "hit" frame en trek daar een rechthoek die groter is dan je "menu open" movie (als dit niet het geval is, is er niets aan de hand, want je kan die altijd nog groter/kleiner maken in een ander stadium. Voila je hebt nu een onzichtbare button.


Voorlaatste stap :-D

Ga weer naar je "menu open" movie en selecteer daar de layer "onzichtbare knop" en plaats op die timeline 2 blanke keyframes.
Selecteer de 2e frame en sleep de onzichtbare knop over je complete open menu, let wel, de onzichtbare MOET groter zijn dan het totale menu.

het licht blauwe gedeelte is de onzichtbare knop. ( die zul je zelf ook zo zien, mocht die knop toch te klein zijn, dan kan je hem gewoon groter maken met de "free transform tool (q)" . Open nu weer het actions window en assign deze actie " on (rollOut) { gotoAndStop(1); } " zonder de quaotes weer.


Okay je drop down menu is klaar, klik op je "scene" en sleep de"open menu" movie op het scherm, en klaar is klara :)

Mocht er iets niet duidelijk zijn heb je hier de fla file waarmee ik deze tut heb gemaakt.

Mocht deze tutorial nog niet helemaal voldoen aan je verwachting, bezoek dan mijn website voor een eventuele geupdate tutorial. mvg vinTage




« Vorige tutorial : mailform met php Volgende tutorial : masking »

© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.016s