Share
Flash CS4 brachte einige große Änderungen und Funktionen mit sich, die uns selbst nach der neuen Version von Flash CS5 noch immer in Erstaunen versetzen. Flash kann jetzt mit Objekten im 3D-Raum direkt in der Arbeitsumgebung arbeiten.
Obwohl dies im Vergleich zu den Möglichkeiten von 3D in ActionScript-Klassen immer noch eine grundlegende Funktion ist, bietet dieses Tool Designern und Animatoren, die sich nicht mit Code auskennen, die Tür. Sie können damit beginnen, ihre Objekte im 3D-Raum zu bewegen, ohne alte Methoden verwenden zu müssen (z. B. Importieren von 3D-Animationen in Sequenzbildern usw.).
Zusammen mit dem 3D-Tool hat Flash die Art und Weise, wie wir Bewegungs-Tweening verstehen, durch Hinzufügen des neuen Bewegungs-Tweening-Stils geändert, der eher der automatischen Animationstaste in After Effects ähnelt. Zusammen mit den Änderungen des Bewegungs-Tweenings wird Flash mit dem Bewegungs-Editor geliefert. Dieses Bedienfeld bietet zahlreiche Funktionen und Funktionen, mit denen der Animator mithilfe von Animationskurven die Animation in Flash besser steuern kann.
Das Motion-Editor-Bedienfeld verbessert nicht nur die Animation, indem es mehr Optionen durch die Kurvensteuerung bietet, sondern auch die Steuerung der Animationen und damit ein realistischeres Aussehen. Das Beschleunigungskonzept ist in vielen Animationsanwendungen wie After Effects bekannt. Bisher war es in Flash jedoch so grundlegend und konnte den Beschleunigungswert von 100 auf -100 ändern. Mit den neueren Beschleunigungsfunktionen können Sie die Beschleunigung von Animationen besser steuern, wie in den folgenden Schritten beschrieben.
In diesem Lernprogramm werden die 3D- und Beschleunigungsfunktionen zusammengeführt, indem in 3D eine 3D-Animation erstellt und die Beschleunigungskurven angewendet werden.
Werfen wir einen Blick auf das Endergebnis, auf das wir hinarbeiten:
Der erste Teil unseres Tutorials besteht darin, die Zeichentrickszene für einen Raum mit einer Tür zu erstellen.
Öffnen Sie ein neues Flash-Dokument mit den Abmessungen 600px X 450px und zeichnen Sie den in der folgenden Abbildung dargestellten Umriss des Raums.
Beachten Sie, dass das 3D-Tool nur verfügbar ist, wenn Sie die Dokument-Veröffentlichungseinstellungen für ActionScript 3 und Flash Player 10 oder höher festgelegt haben. Darüber hinaus kann es nur auf Movieclip-Symbole angewendet werden. Sie sollten sicherstellen, dass Ihre Datei-Veröffentlichungseinstellungen (gefunden in Datei> Veröffentlichungseinstellungen, überraschend) sind Action Script 3 und Flash Player 10 oder höher eingestellt.
Schneiden Sie den Türbereich aus und platzieren Sie ihn auf einer neuen Ebene, um ihn mit den 3D-Werkzeugen steuern zu können.
Jetzt fügen wir dem Hintergrund einige Details hinzu, um ihm einen echten Cartoon-Look zu verleihen. Wir fügen auch einige Schatten und Texturen zu Boden und Tür hinzu.
Wandeln Sie das Türsymbol in einen Filmclip um und geben Sie ihm den Namen 'Tür'..
Das 3D-Navigationsasset umfasst vier Zyklen. Durch Ziehen über jeden Zyklus können Sie das Symbol in eine der folgenden Richtungen drehen:
Wählen Sie, während das Türsymbol ausgewählt ist, das 3D-Werkzeug. Die 3D-Asset-Zyklen werden in der Mitte des Movieclip-Symbols angezeigt.
Klicken Sie auf den Mittelpunkt der 3D-Zyklen und ziehen Sie das Navigationselement in die Mitte rechts der Tür, um es zum Mittelpunkt zu machen, an dem sich die Tür dreht. Der endgültige Look für den Hintergrund sollte wie folgt aussehen.
In den obigen Schritten haben wir den Cartoon-Hintergrund für die 3D-Animation durch Bewegungs-Tweening vorbereitet. In dieser Animation animieren wir die Tür zum Öffnen und Schließen mit dem 3D-Werkzeug. Ziehen Sie den Timeline-Indikator auf das erste Bild im Timeline-Bedienfeld, um die Animation zu starten.
Klicken Sie auf das 3D-Drehen-Werkzeug und klicken Sie auf das Türsymbol. Beachten Sie, dass das 3D-Navigationsasset auf der rechten Seite des Objekts angezeigt wird.
Klicken Sie auf den grünen Zyklus und ziehen Sie, um die Tür in Richtung außerhalb des Raums zu öffnen (siehe Abbildung unten).
Bewegen Sie die Zeitachsenanzeige auf Bild 50. Drehen Sie die Tür mit dem Werkzeug 3D-Drehung zur anderen Seite des Raums, wie in der folgenden Abbildung dargestellt.
Wir haben jetzt die 3D-Animation für die Tür auf der Flash-Bühne erstellt. Als Nächstes verwenden wir den Bewegungseditor, um realistischere Animationseffekte mithilfe der Beschleunigungskurven im Bewegungseditorfenster zu erstellen. Während diese erweiterte Beschleunigungsfunktion zu Flash CS4 und neueren Versionen hinzugefügt wurde, hatten ältere Versionen von Flash eine vereinfachte Beschleunigungsfunktion durch den Wert für die Beschleunigung im Eigenschaftenfenster. Sie können diesen Wert immer noch finden, wenn Sie auf eine beliebige Stelle im Bewegungs-Tweening klicken, aber diese Methode hat außer dem Ein- und Ausblenden nur viele Optionen zur Verfügung gestellt.
Das Bewegungseditor-Bedienfeld besteht aus Animationskurven, die die Objekteigenschaften durch Animationen im Zeitrahmen steuern. Jede Kurve stellt eine bestimmte Eigenschaft für das Objekt dar und ist dafür verantwortlich, dass sie sich über die Zeit und den Grad der Änderung ändert. Beispielsweise repräsentiert die X-Kurve die Animation des Objekts auf der X-Achse. Dieser Wert wird aktiv, wenn Sie ein damit verbundenes Bewegungs-Tweening erstellen.
Die Beschleunigungskurven im Bewegungsbedienfeld ähneln den übrigen Animationskurven des Bewegungseditors, da Sie damit die realistische Bewegung der Animationen besser steuern können.
Es gibt zwei Hauptmethoden zum Erstellen der Beschleunigungskurve. Der erste ist das Dropdown-Menü "Ease-Voreinstellungen", in dem Sie die gewünschten Beschleunigungsoptionen finden. Die zweite Methode ist das Erstellen der benutzerdefinierten Beschleunigungskurve. In diesem Tutorial werden wir beide Methoden ausprobieren.
Bevor wir fortfahren, hier ein kurzer Überblick über die Beschleunigungskurven im Bewegungsbereich.
Im Beschleunigungsbereich des Bewegungs-Editorfensters können Sie die Beschleunigungskurven hinzufügen / entfernen und bearbeiten, indem Sie einfach die gewünschte Kurve auswählen. Bevor wir sehen, wie Sie den Beschleunigungseffekt auf die 3D-Animation anwenden, sehen Sie kurz, wie die Beschleunigungskurve im Bewegungseditorbereich funktioniert.
Die Beschleunigungskurve ist eine umfassende Methode, um zu steuern, wie die Animation durch das Bewegungs-Tweening beschleunigt wird, um eine realistischere Animation zu erstellen. es zeigt den Beschleunigungs- oder Verzögerungswert der Animation über die Zeit.
Im Bewegungseditor-Bedienfeld haben Sie die Möglichkeit, viele Beschleunigungskurven zu erstellen und jeder Bewegungseigenschaft unterschiedliche Kurven zuzuweisen und auf jedes Merkmal unterschiedliche Beschleunigungen anzuwenden. In den folgenden Schritten wenden wir zunächst eine Beschleunigungsvorgabe für die Türöffnungsanimation an.
Wählen Sie den Movieclip aus oder klicken Sie auf eine beliebige Stelle des Bewegungs-Tweenings. Wechseln Sie zum Bewegungseditor und navigieren Sie zum Abschnitt Ease.
Klicken Sie auf das Plus-Symbol im Abschnitt "Leichtigkeit", um die Dropdown-Voreinstellungen für die Beschleunigung zu erleichtern. Wählen Sie die Frühlingserleichterung.
Gehen Sie zu der Rotations-Y-Kurve, die die Animation der Tür anzeigt. Wählen Sie in der Dropdown-Liste "Easing" die Option "Spring" aus. Drücken Sie Strg + Eingabetaste, um die Animation zu testen.
Sie werden feststellen, dass sich die Türanimation von einer einfachen Animation mit zwei Keyframes zu einer komplexen Animation mit Federeffekt geändert hat. Sie können auch andere Beschleunigungsvorgaben hinzufügen und ausprobieren, wie sich dies auf die Türanimation auswirkt. Die Animation sollte wie folgt aussehen:
In den folgenden Schritten erstellen wir eine benutzerdefinierte Beschleunigungskurve und wenden diese auf die Türöffnungsanimation an. Wir werden uns die Funktionsweise der Kurve genauer ansehen und uns mit der Arbeit damit auseinandersetzen.
Lassen Sie uns zunächst die vorherige Beschleunigung entfernen, indem Sie entweder No Ease aus der Dropdown-Liste für die Beschleunigung auswählen oder auf das Minus-Symbol im Beschleunigungsabschnitt klicken und die zu entfernende Beschleunigung auswählen. In diesem Beispiel entfernen wir die Federentlastung.
Klicken Sie auf das Plussymbol neben dem Abschnitt "Ease" und wählen Sie "Benutzerdefiniert" aus der Dropdown-Liste. Dadurch wird eine neue benutzerdefinierte Beschleunigungskurve mit einer grünen Kurve erstellt, um anzuzeigen, dass sie bearbeitet werden kann. Wenn Sie zusätzliche benutzerdefinierte Beschleunigungskurven erstellen, wird jeder Kurve eine eindeutige Farbe zugeordnet.
Die Beschleunigungskurve funktioniert ähnlich wie das Zeichnen von Pfaden. Sie können darauf Punkte erstellen. Diese Punkte repräsentieren die Keyframes oder die Punkte, die auf Änderungen in der Beschleunigungsanimation hinweisen. Jeder Punkt verfügt über zwei Ziehpunkte, um das Aussehen des rechten und des linken Teils der Kurve zu ändern. Jetzt werden auf der Beschleunigungskurve Punkte erstellt, die die Türanimation beeinflussen:
Klicken Sie mit der rechten Maustaste auf die Beschleunigungskurve und erstellen Sie Keyframes für die Bilder 10, 20, 30 und 40
Die Beschleunigungskurve liegt zwischen null und 100. Wenn sich die Kurve in Richtung des Nullwerts bewegt, bewegt sich die Animation in Richtung des ersten Einzelbilds. Wenn Sie die Kurve auf den Wert 100 bewegen, wird die Animation zum Ende der Animation verschoben. Beachten Sie auch, dass die Kurve für harten Schlupf eine Beschleunigung mit höherer Geschwindigkeit und langsamer Schlupf eine langsame Animationsbeschleunigung bedeutet.
Wir bearbeiten die Position und die Kurve der Punkte, um die Animationsbeschleunigung zu beeinflussen. Wählen Sie den ersten Punkt aus, und verschieben Sie ihn auf den Wert 100. Dies bedeutet, dass die Animation an diesem Punkt ihr Ende erreicht und der harte Schlupf bedeutet, dass die Animation schnell beschleunigt.
Bewegen Sie den zweiten Punkt auf den Wert Null, den dritten Punkt auf den Wert 50 und den vierten Punkt auf den Wert 50.
Verwenden Sie die Punkthandler an den letzten beiden Punkten, um einen glatten gekrümmten Schlupf zu erstellen, um die Tür am Ende der Animation langsam zu animieren. Die letzte Lockerungskurve sollte der folgenden Abbildung entsprechen:
Drücken Sie die Tastenkombination Strg + Eingabetaste, um die Animation zu testen und zu sehen, wie sich die neue Beschleunigungskurve auf die Türanimation auswirkt. Die letzte Animation für die benutzerdefinierte Beschleunigung sollte wie folgt aussehen:
Dies ist das Ende des Tutorials. Es soll Ihnen helfen zu verstehen, wie Sie mit den 3D-Werkzeugen von Flash Animationen im 3D-Raum erstellen und die umfassenden Beschleunigungsfunktionen im Bewegungsbedienfeld über die Beschleunigungskurven anwenden können.
Grundlegendes zum Löschen von Kurven hilft Ihnen, komplexe und realistische Animationen einfacher und effizienter zu erstellen, indem Sie die Animationskurven auf die Animation anwenden, anstatt viele Keyframes im Bewegungs-Tweening zu erstellen.
.
Accentsconagua