Wie ein Blitz Rollover-Bild machen
Mit Flash ist es möglich, verrückte Effekte zu verursachen, die welche anderen Programme entsprechen, wie z. B. Javascript fähig sind. Rollover-Bilder können verwendet werden, um Effekte auf einer Website zu erstellen, oder sie können als Mittel verwendet werden, zu anderen Abschnitten der eine dynamische Website navigieren. Mithilfe von ActionScript können einen Rollover-Effekt werden vielseitiger zusätzlich zur Sicherstellung, dass die Animation gering bleibt. Nur ein paar Zeilen des Skripts sind notwendig, um das Verschieben eines Objekts vom Zustand A, B und C.
Anweisungen
1 Öffnen Sie eine neue Flash-Actionscript 3.0-Datei.
2 Importieren Sie Ihre Bilder. Dies geschieht durch das Menü \"File,\ gonna" \"Import\" und \"Import Bibliothek. \"
3 Wählen Sie den Zeitplan, und benennen Sie "Ebene 1" zu "Bild 1".
4 Ziehen Sie ein Bild aus der Bibliothek auf die Bühne.
5 Konvertieren Sie das Bild in ein Symbol. Dies erfolgt durch Drücken von F8 oder geht auf die Menü-\"Insert\" und \"New Symbol. \"
6 Nennen Sie das Symbol "Bild 1" und "Movieclip" überprüfen in einen Movieclip umwandeln.
7 Klicken \"OK.\" einen Movieclip mit dem Namen "Bild 1" erscheint in der Bibliothek.
8 Geben Sie den Movieclip, den eine Instanz namens "Image1_mc. \" unter Bereich "Eigenschaften dazu" unterhalb der Bühne unter der Registerkarte "Eigenschaften".
9 Wählen Sie den 30. Frame auf der Zeitachse, und drücken Sie F5, um ein Bild hinzuzufügen.
10 Erstellen einer Animation mit der rechten Maustaste an einer beliebigen Stelle zwischen 1 und 30 und auswählen "Bewegungs-Tween erstellen. \"
11 Wählen Sie Bild 30.
12 Wählen Sie das Bild auf der Bühne und ändern Sie seine Alpha-Einstellung auf 0 Prozent auf der Registerkarte "Eigenschaften" unter "Farbe." Das Bild auf der Bühne ist nun unsichtbar.
13 Sperren Sie die Ebene "Bild 1" und fügen Sie eine neue Ebene "Bild 2". Verwenden Sie das Symbol "Alle Ebenen Sperren/Entsperren" über den Ebenen.
14 Wählen Sie Bild 55 der Ebene "Bild 2 aus", und drücken Sie F5.
15 Wählen Sie Bild 25 aus, und drücken Sie F6. Dadurch wird einen Keyframe auf den ausgewählten Rahmen eingefügt.
16 Ziehen Sie "Bild 2" auf der Bühne, und drücken Sie F8.
17 Wählen Sie \"Movie clip\" und geben sie den Instanznamen "Image2_mc. \"
18 Erstellen Sie einen Bewegungs-Tween zwischen 25 und 55.
19 Wählen Sie Frame 25 und das Bild auf der Bühne, und ändern Sie die Alpha-Einstellung auf 0 Prozent.
20 Wählen Sie Bild 30 und das Bild auf der Bühne und geben sie eine Alpha-Einstellung von 100 Prozent.
21 Wählen Sie Rahmen 55 und das Bild auf der Bühne und die Alpha-Einstellung auf 0 Prozent.
22 Wiederholen Sie die obigen Schritte für weitere Bilder hinzugefügt. Legen Sie eine neue Ebene namens "Aktionen" und drücken Sie F6 auf Frame 30 und 55, um Keyframes hinzuzufügen.
23 Klicken Sie auf 1 Frame der Ebene "Actions" und drücken Sie F9, um den folgenden Code hinzufügen: < Br / > stop() < Br / > gehen < Br / > image1_mc.addEventListener(MouseEvent.MOUSE_OVER,imageOver) < Br / > gehen < Br / > Funktion ImageOver(event:MouseEvent):void {< Br / > play() < Br / > gehen < Br / >}
24 Wählen Sie frame 30 der Ebene "Actions" und geben Sie den Code unten: < Br / > stop() < Br / > gehen < Br / > image2_mc.addEventListener(MouseEvent.MOUSE_OVER,imageOver2) < Br / > gehen < Br / > Funktion ImageOver2(event:MouseEvent):void {< Br / > play() < Br / > gehen < Br / >} < Br / >< Br / > Select zentrieren 55 und unter der Aktionsebene legen Sie diese Codezeile : < Br / > Stop();
25 Testen Sie den Film durch Drücken von "Strg + Enter." Ihre Bild-Rollover-Effekt sollte jetzt Arbeit. < Br / > veröffentlichen die Animation dazu \"File\" und \"Publish.\"
Tipps & Warnungen
- Sie können beliebig viele Objekte wie möglich rein und raus gleiten lassen. < Br / >< Br / > Verwendung Grafiken, Eingabe von Text und Schaltflächen inmitten des Movieclip-Symbols, dynamische Animationen zu erstellen.