Zusammenfassung
In diesem Tutorial lernen Sie, wie ein Wasser Reflexion zu schaffen auf einem sich bewegenden Movieclip anzuwenden.
Hier das Ergebnis:
Bedarf
Flash 8, Flash CS3 oder Flash CS4.
Hinweis: Die Screenshots in diesem Tutorial gemacht werden in Flash CS3. Es funktioniert genau gleich in Flash 8. Dieses Tutorial ist ActionScript 2 (Obwohl keine ActionScript wird benötigt).
Schritt 1 - Installieren Sie die Wirkung Komponente
Downloaden Sie das Wasser Reflection Effect hier. Bitte folgen Sie der Installationsanleitung und ziehen Sie die Komponente aus dem Bedienfeld Komponenten in die Bibliothek des. Fla-Datei.
Schritt 2 - Erstellen Ente Movieclip
Importieren Sie die Ente Bild [Strg-R] oder "File" -> "Importieren" -> "Import auf der Bühne ...". Stellen Sie sicher, dass die Ente ein Bild. Png mit transparentem Hintergrund.
Wählen Sie das Bild und wandeln es in ein MovieClip [F8] oder der rechten Maustaste auf den MovieClip -> "Convert Symbol, um ...". Geben Sie die MovieClip den Namen "Ente".
Schritt 3 - Erstellen Animation Movieclip
Erstellen Sie einen neuen Movieclip mit [Strg-F8] oder Einfügen -> "Neues Symbol ...". Name dieses Clips "Animation".
Ziehen Sie die Ente Movieclip aus Ihrer Bibliothek auf das erste Bild auf der Zeitleiste. Klicken Sie nun auf Bild 60 und erstellen Sie ein neues Schlüsselbild [F6 drücken] oder die rechte Maustaste und "Einfügen" Keyframe ".
Klicken Sie auf das neu erstellte Keyframe und wählen Sie die Ente Movieclip auf der Leinwand. Bewegen Sie nun dieses Clips mit den Cursor-Taste auf der rechten Seite (sagen wir 100px). Sie können sich über die neue Position in der Info-Panel.
Zurück zu den ersten Keyframe in der Zeitleiste. Auf dem Grundstück Panel wählen Tween: "Motion". Wenn Sie irgendwo in der Zeitleiste jetzt sehen Sie, dass die Ente Movieclip bewegt sich von links nach rechts.
Schritt 4 - Put Animation Movieclip auf der Hauptzeitleiste
Klicken Sie nun auf "Szene 1", um wieder zum Haupt-Timeline. Wenn die Ente Movieclip noch vorhanden ist, entfernen Sie es.
Bewegen Sie die Animation Movieclip aus Ihrer Bibliothek auf den ersten Frame der Zeitleiste.
Legen Sie den Namen der Instanz der MovieClip auf "animation_mc" (Sie können einen anderen Namen wählen, wenn Sie wollen. Stellen Sie sicher, dass die Instanz Name eindeutig ist). Ohne ein Beispiel Name, ist die Komponente nicht der MovieClip zu erkennen.
Schritt 5 - Effekt anwenden Komponente
Erstellen Sie eine neue Ebene, wählen Sie das erste Bild und ziehen Sie den Effekt-Komponente aus der Bibliothek auf die Animation MovieClip. Die Komponente wird automatisch Kinderspiel.
Setzen Sie den Parameter der Komponente in der Komponenten-Inspektor wie in der Abbildung. Alle Movieclips mit Instanznamen in diesem Rahmen sind in der "Ziel-Movieclip" Select-Liste aufgeführt. Da Sie nur ein Movieclip haben, übernimmt die Komponente, dass Sie die Auswirkungen auf die Anwendung der MovieClip "animation_mc".
Hinweis: Diese Einstellungen sind nur auf diese eine Instanz der Wirkung Bauteil aufgetragen. Wenn Sie ziehen die Komponente auf einem anderen MovieClip (irgendwo in der. Fla oder in ein neues Projekt), müssen Sie die Einstellungen neu einstellen.
Jetzt export ([Strg-ENTER] oder ...). Sie werden sehen, dass der Kopf der Ente irgendwie geschnitten wird. Thats, da die Komponente hat genau die Größe der Ente MovieClip. Aber da die Reflexion Welle wird die Größe dieser Anstieg wird nicht mehr passen.
Schritt 6 - Passen Animation Movieclip
Um dies zu beheben, fügen Sie ein unsichtbare Gestalt im Hintergrund von der Ente MovieClip, welche den Movieclip ein wenig groß.
Holen Sie sich zurück, um die Ente Movieclip durch Doppelklick in Ihrer Bibliothek.
Erstellen Sie eine neue Ebene unterhalb der zwischen Schicht.
Wählen Sie die Rechteck-Werkzeug und zeichnen Sie eine Form mit der Breite der Ente. Die Höhe sollte ein paar pixel höher als die Ente (ca. 10 Pixel). Es könnte helfen, die Übersicht-Symbol in der Timeline gesetzt, nur um die Dimensionen der Ente Bild zu sehen.
Mit der Form ausgewählt öffnen Sie das Farb-Panel und stellen Sie die alpha auf 0 gesetzt.
Wenn Sie Ihren Film jetzt testen, sehen Sie, dass die Reflexion über das Loch Ente angewendet wird.
Schritt 6 - Add Hintergrundbild
Erstellen Sie eine neue Ebene unter der Ebene mit Animation und Komponente. Importieren Sie ein Bild, das Spiel. Nun können Sie die Position der Animation Movieclip zu machen, passen mit dem Hintergrund.
Herunterladen
Klicken Sie hier, um die fla dieses Tutorials. Hinweis: Die. Fla umfasst die Testversion von der Wirkung Komponente, die nur in der Flash-IDE arbeiten wird (Flash 8, Flash CS3 oder Flash CS4), aber nicht innerhalb des Browsers.
Sie können auch die Wasser-Reflection-Effekt hier.
Schreiben Sie einen Kommentar