Tags:    grafik Jeg ved at der er mange der gerne vil lave en roll over i flash. Nogen tror måske det er svært, men nej! Det er meget nemt! Samtidig kan man lave den om til et link, så her er hvad vi gør ved vores knap :

1. Vi laver en knap
2. Vi "skaber" roll over effekten
3. Vi laver den til et link med actionscript

Det første du skal gøre er at lave en knap. Den kan både laves i flash, paint, photoshop eller paint shop pro. Det er lige meget, jeg har for at jeg ikke forvirer jer lavet den i flash så er den nemmest lavet.

Efter din knap er færdig og du har gemt den (hvis du vil lave den i flash så kik længere nede) skal du starte et nyt flash dokument. Hvis du har lavet din knap i et andet program skal du vælge File>Import>Import to Stage eller trykke CTRL+R. her skal du finde din knap så bliver den importeret til dit flash dokument.

Hvis ikke du har lavet din knap i et andet grafik program kan du jo så starte med at tegne en cirkel (ligesom jeg har gjort).



Nu er knappen færdig, nu skal vi i gang med roll over effekt den, og bare rolig, det bliver ikke så svært som det lyder.

Roll Over Effekten

Nu hvor vi har vores knap er roll over effekten det næste punkt på vores orden. Og lads os starte lige på og hårdt . Du skulle gerne kunne se din knap foran dig, marker hele din knap ved at holde din musse knap i bund. Nu skal vi lave vores knap til et symbol.

1. Modify>Convert to symbol eller tryk F8
2. Giv den navnet "knap"
3. Vælg "button"
4. Tryk OK

Nu skal vi "edit" vores knap. Du kan gøre det på 2 måder, enten dobbelt klikker du på knappen eller også højre klik på knappen og vælg "edit". Nu skulle du gerne kunne se fire knapper der siger "Up", "Over", "Down" og "Hit".



Når du trykker på "Up" vil du nok se en grå kasse med en sort prik i lige under, det er din keyframe. Højre Klik på den og klik copy frames. Højre klik nu på det tomme felt under "Over" og vælg past frames, højre klik på "Down" og vælg past frames og gør det igen ved "hit"

Klik nu på over keyframen. Hvis din knap er lavet i flash, så skal du klikke på din kugle. Klik der hvor der er farvet, vælg nu en anden farve. Hvis du har importeret en knap skal du importere en anden knap som skal være den roll over.

Nu er roll over effekten lavet. Nu skal vi faktisk til det jeg syntes er sværest nemlig at lave action script.

Action Scriptet

Lige over din tidslinje vil du se 2 links. Et hvor der står "Scene" og et hvor der står
"navnet på dit symbol"



Klik på Scene. Klik på din knap. Nedenunder der hvor din knap er, skulle du gerne se en sort boks hvor der står "Actions - Button" klik på den og der skulle gerne dukke en tekstboks op. Det er her du skriver actionscripts.



I boksen skriver du følgende:

on(press) {
  getURL('http://www.udvikleren.dk', 'GET');
}

Nu skulle du gerne kunne teste din roll over knap. Prøv at teste den ved at gå op i Control>Test Movie eller tryk CTRL+Enter.

Slut

Jeg håber at i fik det ud af artiklen som i gerne ville.. Jeg regner med at i lige ville smide en kommentar med på vejen. Evt. skrive hvis der er noget i ikke forstår eller at i har fået en fejl.

Hvad synes du om denne artikel? Giv din mening til kende ved at stemme via pilene til venstre og/eller lægge en kommentar herunder.

Del også gerne artiklen med dine Facebook venner:  

Karma barometer (30 dage)

IT jobs | Kontakt | Om Udvikleren.dk | Om karma | IT nyheds arkiv | Annoncering

X