Hvordan lage en Navigasjonsmeny Bruke Flash 8
Flash brukes av webutviklere å lage ulike deler av en nettside, inkludert bannerannonser, navigasjonsfelt, streaming video og rammer og animasjoner. Noen selskaper, som for eksempel Disney.com, har brukt Flash for å bygge hele nettstedet. En Flash navigasjonsfeltet er uendelig tilpasses og interaktiv, bare begrenset av din fantasi og kunstneriske evner. Det første trinnet er å ha i bakhodet et designkonsept som utfyller ditt nettsted. Derfra kan mekanikerne av å bygge en Flash navigasjonsfeltet være ganske enkel.
Bruksanvisning
Forbered Knapper
1 Bruk tegneverktøy på Flash verktøylinjen for å tegne din ideelle knappen eller, hvis du foretrekker det, bruker du Fil> Import> Importer til Stage, for å importere knappen motiv fra et annet program som Photoshop eller Illustrator.
2 Venstre-klikk på knappen og trykk på "F8" for å slå den inn i en MovieClip symbol. Navn symbolet "knapp" eller noe lignende. Dobbeltklikk på knappen for å legge inn symbolet for redigering. Trykk "F8" igjen for å slå knappen til et symbol på nytt. Gi den et navn, og trykk "OK".
3 Klikk på "Nytt lag" -knappen på tidslinjen for å sette inn et nytt lag over den nåværende. Venstre-klikk på lagnavnet og kaller det "tekst". Trykk på "Nytt lag" -knappen igjen på tidslinjen for å sette inn et nytt lag over den nåværende. Igjen, venstre-klikk på lagnavnet og kaller det "Action." Klikk på den første keyframe av dette nye laget og trykk "F9" for å åpne Handlinger panelet. Skriv inn kommandoen:
stoppe()
Lukk Handlinger panelet.
4 Klikk på den første keyframe av tekstlaget du opprettet. Klikk på tekstverktøyet fra verktøylinjen. Pass på at den type tekst du plasserer er "Dynamic Text" fra drop-down-feltet i Properties Inspector, og klikk på et området over knappen. Skriv inn "plassholdertekst" eller noe lignende i tekstfeltet. Trykk "F8" for å slå din tekst i et filmklipp symbol. Gi den et navn du liker og trykk "OK". Nå gir teksten symbol en forekomst navn "textInside" i Properties Inspector.
5 Dobbeltklikk på MovieClip symbol på tekst for å skrive det for redigering. Velg tekstfeltet og gi den en tekst navnet "myText." Under tidslinjen, klikk på brødsmule linken som tar deg tilbake til hovedscenen og tidslinje.
Legg inn din roll og utrulling Effects
6 Dobbeltklikk på knappen symbol på scenen for å skrive det for redigering igjen.
7 På tidslinjen, høyreklikk henhold keyframe 7 av knappen laget og velg "Sett inn Keyframe" fra kontekstmenyen. Endre knappen på den måten som passer din side, skaper hva knappen vil se ut når en markør ruller over det. Lag en glød effekt rundt det å bruke filtrene eller vri den eller endre størrelsen ved hjelp av verktøyene på verktøylinjen.
8 Høyreklikk på keyframe 1 hvor knappen er og velg "kopier Frames" fra kontekstmenyen. Høyreklikk på ramme 20 av dette laget i tidslinjen og velg "Lim Frames" fra kontekstmenyen. Høyreklikk i den grå plass mellom nøkkel 1 og 7 og velge "Create Motion Tween." Gjør det samme mellom nøkkel 7 og 20.
9 Gjenta trinn 2 og 3, bortsett fra nå gjøre det for tekstlaget du opprettet i punkt 1, trinn 3, setter inn nøkkelbilde for det og endre teksten (farge, form, størrelse, filter effekt, etc.) slik du ønsker.
10 Høyreklikk på Action laget under nøkkel 7 og velg "Sett inn Keyframe" fra kontekstmenyen. Trykk "F9" for å åpne Handlinger panelet og skriv kommandoen:
stoppe();
Lukk handlinger panel.
11 Naviger tilbake ut til roten tidslinjen og lage duplikater av din knappen enten ved å holde nede "Ctrl" -tasten mens du klikker og drar bort en kopi fra originalen, eller ved å høyreklikke på den opprinnelige knappen og velge "kopier" deretter til høyre -clicking på scenen og velge "lim". Når du har så mange knapper som du trenger for navigasjonslinjen, arrangere dem på scenen i ønsket rekkefølge. Klikk på den første knappen og gi det en forekomst navn i Properties Inspector av "button_01," navnet på den andre knappen "button_02" og så videre.
Drive navigasjonsfelt med Action
12 Velg det første keyframe av roten tidslinjen og trykke F9 for å åpne "Handlinger Panel". Først skriver du inn koden for å endre dynamiske tekstfelt inni knappen til selve teksten du ønsker, for eksempel:
button_01.textInside.myText.text = "Home"
button_02.textInside.myText.text = "Om"
1. 3 Lage koden for de over og ut handlinger knappen din:
button_01.onRollOver = over;
button_01.onRollOut = ut;
button_02.onRollOver = over;
button_02.onRollOut = ut;
fungere over () {
this.gotoAndPlay (2);
}
fungere ut () {
this.gotoAndPlay (8);
}
14 Opprett onRelease funksjon for knappene til å være hva som passer deg. Vanligvis vil det være en "getURL" forespørsel, men bare hvis du ikke bygger en hel nettside i Flash.