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