Met Flash is het mogelijk om te gekke effecten die overeenkomen met wat andere programma's zoals Javascript staat zijn te doen maken . Rollover beelden kunnen effecten op een site, of ze kunnen worden gebruikt als middel om naar andere gedeelten van een dynamische site . Met ActionScript kan een rollover-effect te zijn veelzijdiger in aanvulling op ervoor te zorgen dat de animatie blijft klein . Slechts een paar regels script zijn nodig om een object van staat A naar B naar C. Wat je nodig hebt
Afbeeldingen
Flash CS3 applicatie
Toon Meer Instructions
< br > 1 Open een nieuwe Actionscript 3.0 Flash -bestand . kopen van 2 Importeer uw foto's . Dit wordt gedaan door te gaan naar het menu \\ " Bestand \\ " \\ " Importeren \\ " en \\ " Importeren naar bibliotheek . \\ "
3 Selecteer de tijdlijn en hernoem " Layer 1 " tot " afbeelding 1 . "
4 Sleep een afbeelding uit de bibliotheek op het podium .
5 Zet de afbeelding in een symbool . Dit wordt gedaan door op F8 te drukken of ga naar het menu \\ "Insert \\ " en \\ " Nieuw symbool . \\ "
Naam 6 het symbool " Afbeelding 1 " en vink " Movie clip " om te zetten in een filmclip .
Klik 7 \\ " OK \\ " een filmclip met de naam " Afbeelding 1 " verschijnt in de bibliotheek .
8 . Geef de filmclip de instantienaam " Image1_mc . \\ " Doe dit onder het venster "Eigenschappen" zich onder het podium onder het tabblad "Eigenschappen " .
9 Selecteer de 30e frame op de tijdlijn en hit op F5 om een kader toe te voegen .
10 Maak animatie door rechts te klikken ergens tussen het frame 1 en 30 en "Create Motion Tween . \\ "
11 selecteren Selecteer frame 30 .
12 Selecteer de afbeelding op het podium en zijn Alpha instelling op 0 procent door naar het tabblad "Eigenschappen " onder "Color . " het beeld op het podium is nu onzichtbaar.
13 vergrendelen " Afbeelding 1 " laag en voeg een nieuwe laag " Afbeelding 2 . " Gebruik de " vergrendelen /ontgrendelen Alle lagen " icoon boven de lagen .
14 Selecteer kader 55 van de " Afbeelding 2 " laag en treffer F5 .
Select gestel 15 25 en raakte F6 . Dit voegt een keyframe op het geselecteerde frame .
16 Drag " Afbeelding 2 " op het podium en druk op F8 .
Select 17 \\ " Movie clip \\ " ; . en geef deze de instantienaam van " . Image2_mc \\ "
18 Maak een bewegings-tween tussen het frame 25 en 55
19 Selecteer frame van 25 en het beeld op het podium en de Alpha- instelling te wijzigen in 0 procent .
20 Selecteer frame 30 en het beeld op het podium en geef het een Alpha -instelling van 100 procent .
21 Selecteer frame van 55 en het beeld op het podium en zet de Alpha -instelling op 0 procent .
22 Herhaal bovenstaande stappen voor meer afbeeldingen toegevoegd. Plaats een nieuwe laag met de naam " Actions " en druk op F6 op frame 30 en 55 tot en met keyframes toe te voegen
Klik op frame 1 23 van de "Acties " layer en druk op F9 om de volgende code toe te voegen . :
stop ( )
GO
image1_mc.addEventListener ( MouseEvent.MOUSE_OVER , imageOver )
GO
functie imageOver ( event : MouseEvent ) : void {
play ( )
GO
}
Select lijst 24 30 van de "Acties " laag en voer de code hieronder :
stop ( )
GO
image2_mc.addEventListener ( MouseEvent.MOUSE_OVER , imageOver2 )
GO
functie imageOver2 ( event : MouseEvent ) : void {
play ( )
GO
}
Selecteer frame van 55 en onder de laag Actions plaatst deze regel code : ; " . Ctrl + Enter " .
Stop ( )
25 Test de film door op Uw afbeelding rollover-effect zou nu moeten werken
Publiceer de animatie door gaat \\ "Bestand \\ " en \\ " publiceren . \\ "
|
