Zusammenfassung
In diesem Tutorial lernen Sie wie eine Wasser-Reflexion zu schaffen, um auf einem sich bewegenden Movieclip anzuwenden.
Hier das Endergebnis:
Bedarf
Flash 8, Flash CS3 oder Flash CS4.
Hinweis: Die Screenshots in diesem Tutorial sind in Flash CS3 gemacht. Es funktioniert genau gleich in Flash 8. Dieses Tutorial ist ActionScript 2 (Obwohl keine ActionScript wird benötigt).
Schritt 1 - Installieren Sie den Effekt-Komponente
Download der Water Reflection Effect hier . Bitte folgen Sie den Installationsanweisungen und ziehen Sie die Komponente aus dem Bedienfeld Komponenten in die Bibliothek Ihres. FLA-Datei.
Schritt 2 - Erstellen Ente Movieclip
Importieren Sie die Ente Bild drücken Sie [Strg-R] oder "Datei" -> "Import" -> "Import ... on Stage". Stellen Sie sicher, dass das Bild eine Ente ist. Png mit transparentem Hintergrund.
Wählen Sie das Bild und wandeln es in ein MovieClip drücken Sie [F8] oder der rechten Maustaste auf den MovieClip -> "In Symbol konvertieren ...". Geben Sie den Namen der MovieClip "Ente".
Schritt 3 - Erstellen Animation Movieclip
Erstellen Sie einen neuen Movieclip mit [Strg-F8] oder Einfügen -> "Neues Symbol ...". Name dieser Movieclip "animation".
Ziehen Sie die Ente Movieclip aus Ihrer Bibliothek auf den ersten Frame auf der Timeline. Nun klicken Sie auf Bild 60 und erstellen Sie ein neues Schlüsselbild drücken Sie [F6] 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. Nun bewegen Sie diese MovieClip mit dem Cursor-Taste nach rechts (sagen wir mal 100px). Sie können sich über die neue Position in der Info-Panel.
Gehen Sie zurück zu den ersten Schlüsselbild der Zeitleiste. Auf dem Grundstück Panel wählen Tween: "Motion". Wenn du irgendwo klicken Sie in der Zeitleiste jetzt sehen Sie, dass die Ente Movieclip wird von links nach rechts bewegt.
Schritt 4 - Put-Animation Movieclip in der Hauptzeitleiste
Klicken Sie nun auf "Scene 1", um wieder zur Hauptzeitleiste zu erhalten. Wenn die Ente Movieclip ist noch vorhanden, entfernen Sie sie.
Bewegen Sie die Animation Movieclip aus Ihrer Bibliothek auf den ersten Frame der Zeitleiste.
Legen Sie den Namen der Instanz des Movieclip auf "animation_mc" (Sie können wählen Sie einen anderen Namen, wenn Sie möchten. Stellen Sie sicher, dass die Instanz Name eindeutig ist). Ohne eine Instanz Name, ist die Komponente nicht auf den 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 Ihrer Bibliothek auf die Animation MovieClip. Die Komponente wird automatisch einrasten.
Setzen Sie die Parameter der Komponente innerhalb des Komponenten-Inspektor wie in dem Screenshot. Alle Movieclips mit Instanznamen in diesem Rahmen sind in den "Target Movieclip" Select List aufgeführt. Da Sie nur ein Movieclip haben, übernimmt die Komponente, dass Sie die Auswirkungen auf den MovieClip anwenden wollen "animation_mc".
Hinweis: Diese Einstellungen sind nur auf diese eine Instanz des Effekts Bauteil aufgetragen. Wenn Sie ziehen die Komponente auf einem anderen MovieClip (irgendwo innerhalb des. FLA-oder in ein neues Projekt), müssen Sie die Einstellungen neu einstellen.
Nun exportieren (drücken Sie [Strg-Enter] oder ...). Du wirst sehen, dass der Kopf der Ente ist irgendwie abgeschnitten. Thats, weil die Komponente hat genau die Größe der Ente MovieClip. Aber da die Reflexion der Welle Größe zunehmen wird dies nicht mehr passen.
Schritt 6 - Einstellen Animation Movieclip
Zur Behebung dieses Problems finden Sie Einfügen eines unsichtbaren Gestalt im Hintergrund der Ente MovieClip die bis Größe der MovieClip ein wenig.
Holen Sie sich zurück, um die Ente Movieclip durch Doppelklick in Ihrer Bibliothek.
Erstellen Sie eine neue Ebene unterhalb der Tween-Schicht.
Wählen Sie das Rechteck-Werkzeug und zeichnen Sie eine Form mit der Breite der Ente. Die Höhe sollte ein paar Pixel höher sein als die Ente (ca. 10 Pixel). Es könnte helfen, die Übersicht-Symbol in der Zeitleiste gesetzt, nur um die Dimensionen der Ente Bild zu sehen.
Mit der offenen Form der Farbe "ausgewählt und stellen Sie die alpha auf 0 setzen.
Wenn Sie Ihren Film jetzt testen, werden Sie sehen, dass die Reflexion über das Loch Ente angewendet wird.
Schritt 6 - Hintergrundbild hinzufügen
Erstellen Sie eine neue Ebene unterhalb der Schicht mit Animation und Komponente. Import eines Bildes, das Match. Nun können Sie die Position der Movieclip-Animation zu machen, fit in den Hintergrund.
Download
Klicken Sie hier zum Download der fla dieses Tutorials. Hinweis: Die. Fla enthält die Testversion von der Wirkung Komponente, die nur in der Flash IDE (Flash 8, Flash CS3 wird oder Flash CS4 Arbeit), aber nicht innerhalb des Browsers.
Du kannst auch die Water Reflection Effect hier .
Schreibe einen Kommentar