Hvordan lage knapper i Flash

Navigasjonsmenyer trenger knapper. Flash gir deg alle verktøyene for å lage noen virkelig kule knapper. Hvis du ikke har laget Flash-knapper før, betrakt dette som din ilddåp. Følg disse trinnene for å lage en knapp for menyen din:

1Velg Sett inn → Nytt symbol.

Dialogboksen Lag nytt symbol vises.

2Skriv inn et navn for symbolet ditt og velg Knappoppførsel fra rullegardinmenyen Type.

Du lager en meny, og det åpenbare stedet å starte en meny er med Hjem-knappen. Navngi derfor knappen Hjem .

3Klikk OK og Flash går inn i symbolredigeringsmodus.

Du har ett lag samt fire tilstander, hver drevet av brukerens markørposisjon: Opp, Over, Ned og Hit.

Denne tilstanden bestemmer målområdet for knappen. Du legger til Hit-tilstanden hvis du har en spesielt lekker knapp som kan være vanskelig å velge.

4Hvis den ikke allerede er åpen, velg Vindu→Egenskaper.

Eiendomsinspektøren åpnes.

5 Opprett formstørrelsen for knappen din.

Når du lager knapper, bruk rektangelverktøyet med en hjørneradius på 50 px for å få en oval form. Før du oppretter formen, endre verdien for rektangelalternativer i egenskapsinspektøren til 50, noe som gir deg en fin avrundet kant. Ved å velge Vis → Linjaler kan du lage et objekt som har omtrentlig størrelse på knappen.

6Velg knappeformen, og i egenskapsinspektøren skriver du inn de ønskede dimensjonene for knappen i bredde- og høydefeltene.

For å finne ut hvilken størrelse du skal lage hver knapp, del bredden på navigasjonsmenyen med antall knapper. I dette eksemplet lager du seks knapper for en navigasjonsmeny (nav) som er 600 piksler bred og 25 piksler høy. Derfor er hver knapp 100 piksler bred og 25 piksler høy.

7Velg og juster deretter knappen til midten av scenen.

Trykk Ctrl+K (Windows) eller Apple+K (Mac) for å åpne Juster-panelet. Merk av for To Stage, og klikk deretter på ikonene som sentrerer knappen vertikalt og horisontalt.

8 Klikk på Nytt lag-knappen i nedre venstre hjørne av tidslinjen.

Flash oppretter et nytt lag. Alt du trenger å vite om lag for nå er at lag hjelper deg med å organisere arbeidet ditt. For knappen oppretter du et eget lag for knappetekst.

9Dobbeltklikk på knappen tekstlagtittel.

Dette åpner en tekstboks der du kan skrive inn et nytt navn for det andre laget. Det er ikke avgjørende, men å lage et intuitivt navn hjelper deg nå med å tyde senere hvilket lag som brukes til hva når du lager en kompleks film eller symbol.

10Skriv inn et navn for laget.

Tekst er et like godt navn som noen. Mens du er i gang, endre navn på laget som knappen ligger på. Button Shape er et godt navn.

11Velg tekstverktøyet og skriv inn ønsket navn.

I dette tilfellet heter knappen Hjem. Når en besøkende klikker på denne knappen, går han til hjemmesiden.

En fullverdig opplæring om tekstverktøyet er utenfor denne bokens omfang. Men hvis du ser på egenskapsinspektøren, ser du hvor enkelt det er å angi parametere for tekstverktøyet.

12Trykk F5 i ned-rammen på tekstlaget.

Dette kopierer innholdet i opp-rammen til tilstandene Over og Ned.

13Trykk på F6 for å lage nøkkelbilder for Over- og Down-tilstandene på knappene Shape-laget.

Når du oppretter nøkkelrammer, kan du endre eller modifisere innholdet i disse rammene, eller gjøre en annen endring som vil varsle brukere om at de faktisk har funnet en klikkbar knapp. Grafikken på Ned-tilstanden vises når brukere klikker på knappen.

14Gjør endringer i Over- og Ned-tilstandene for Button Shape-laget.

For dette løpende eksempelet endret vi fargen på knappen til rød i Over-rammen og til oransje i Ned-rammen.

15 Klikk på Tilbake-knappen (ser ut som en pil, og er til venstre for scenetittelen over det øverste laget).

Knappen legges til biblioteket og er klar til bruk.