Hoe maak je een Flash Rollover Image

Hoe maak je een Flash Rollover Image


Flash is het mogelijk om gek effecten die overeenkomen met wat andere programma's zoals Javascript kunnen doen maken. Rolloverafbeeldingen kan worden gebruikt om effecten op een site, of ze kunnen worden gebruikt als middel om naar andere gedeelten van een dynamische site. Met behulp van ActionScript maakt een rollover-effect om meer veelzijdig in aanvulling op ervoor te zorgen dat de animatie blijft klein. Slechts een paar regels script nodig om een ​​object van toestand A naar B naar C.

instructies

1 Open een nieuwe ActionScript 3.0 Flash-bestand.

2 Importeer je foto's. Dit wordt gedaan door te gaan naar het menu \ "Bestand, \" \ "Importeren \" en \ "Importeren naar Library. \"

3 Selecteer de tijdlijn en noem "Layer 1" tot "Afbeelding 1."

4 Sleep een afbeelding uit de bibliotheek op het podium.

5 Omzetten van de afbeelding in een symbool. Dit wordt gedaan door op F8 te drukken of ga naar het menu \ "Insert \" en \ "Nieuw symbool. \"

6 Noem het symbool "Afbeelding 1" en controleer of "Movie clip" om te zetten in een filmclip.

7 Klik op \ "OK. \" Een filmclip met de naam "Afbeelding 1" verschijnt in de bibliotheek.

8 Geef de filmclip de instantienaam "Image1_mc. \" Doe dit onder de "Eigenschappen" onder het podium te vinden onder het tabblad "Eigenschappen".

9 Selecteer de 30e frame op de tijdlijn en druk op F5 om een ​​kader toe te voegen.

10 Animatie maken door rechts te klikken ergens tussen het frame 1 en 30 en het selecteren van "Create Motion Tween. \"

11 Selecteer frame van 30.

12 Selecteert u de afbeelding op het podium en verander de Alpha instelling op 0 procent door naar de tab "Eigenschappen" onder "Color." Het beeld op het podium is nu onzichtbaar.

13 Zet de "Afbeelding 1" laag en plaats een nieuwe laag "Afbeelding 2." Gebruik de "Lock / Unlock Alle lagen" icoon boven de lagen.

14 Kies een kader 55 van de "Afbeelding 2" laag en druk op F5.

15 Selecteer frame van 25 en druk op F6. Dit voegt een keyframe op het geselecteerde frame.

16 Drag 'Afbeelding 2' op het podium en druk op F8.

17 Selecteer \ "Movie clip \" en geef het de instantienaam "Image2_mc. \"

18 Maak een bewegings-tween tussen het frame 25 en 55.

19 Selecteer het beeld op het podium frame van 25 en en verander de Alpha-instelling op 0 procent.

20 Selecteer het beeldframe 30 en op het podium en geef het een Alpha instelling van 100 procent.

21 Selecteer het beeld op het podium frame van 55 en en zet de Alpha instelling op 0 procent.

22 Herhaal de bovenstaande stappen voor meer foto's toegevoegd. Plaats een nieuwe laag met de naam 'Acties' en druk op F6 op frame 30 en 55 tot en met keyframes toe te voegen.

23 Klik op frame 1 van de 'Acties' laag en druk op F9 om de volgende code toe te voegen: <br /> stop () <br /> <br /> GO image1_mc.addEventListener (MouseEvent.MOUSE_OVER, imageOver) <br /> GO <br /> functie imageOver (event: MouseEvent): void {<br /> play () <br /> <br /> GO}

24 Selecteer kader 30 van de 'Acties' laag en voer de onderstaande code: <br /> stop () <br /> <br /> GO image2_mc.addEventListener (MouseEvent.MOUSE_OVER, imageOver2) <br /> <br /> GO functie imageOver2 (event: MouseEvent): void {<br /> play () <br /> <br /> GO} <br /> <br /> Select frame van 55 en onder de laag Actions plaatst deze regel code: < br /> Stop ();

25 Test de film door te drukken op 'Ctrl + Enter. "Je afbeelding rollover-effect zou nu moeten werken. <br /> De animatie te publiceren door te gaan naar \" File \ "en \" Publiceren. \ "

Hints

  • U kunt zoveel objecten mogelijk te glijden in en uit te hebben. <br /> <br /> Met afbeeldingen, tekst invoeren en knoppen ingebed in het filmclipsymbool om dynamische animaties te maken.