Animieren Sie Text mit dem Knochenwerkzeug

Der Begriff 'inverse Kinematik' bezieht sich auf den Prozess der Animation von Objekten unter Verwendung von Knochen, die zu linearen Armaturen verkettet sind.

Diese übertragen, wenn sie einer Kraft ausgesetzt werden, Bewegungen ähnlich wie ein Skelett. Seit der Einführung der inversen Kinematik in Flash CS4 haben sich die Kreativen von der Einzelbildanimation verabschiedet: Dies ist die intelligente Funktion, auf die wir alle gewartet haben.

In diesem Tutorial werde ich Sie durch die Grundlagen des Knochenwerkzeugs führen und damit einen Abschnitt mit statischem Text animieren. Die hier verwendeten Grundstäbe finden Sie in den Support-Dateien. Sie können das Projekt jedoch auch mit Ihren eigenen Textkomponenten verfolgen.

01

01 Bevor wir unseren Text animieren, müssen wir zuerst sein Aussehen und seinen Stil in Illustrator erstellen. Entwerfen Sie die Elemente - mein Text hier besteht aus einer Reihe von Stäben - mit verschiedenen Farben und Größen, um sich mehr Optionen zu bieten. Speichern Sie dann Ihre Illustrator-Datei und lassen Sie sie geöffnet.



02

02 Öffnen Sie Flash CS4 oder CS5, erstellen Sie eine neue Datei (meine ist 800 x 450) und erstellen Sie eine Komposition des endgültigen Frames auf Ihrer Bühne. Ziehen Sie dazu die Teile nacheinander von Illustrator nach Flash. Beachten Sie, dass das Knochenwerkzeug nur auf ein Symbol oder ein Formobjekt angewendet werden kann. Konvertieren Sie daher jede Stange in ein Symbol, indem Sie F8 oder Strg / Rechtsklick drücken und In Symbol konvertieren auswählen. In diesem Projekt habe ich das Wort 'VITAMIN' erstellt.

03

03 Öffnen Sie die unterstützende Datei vitamin.fla, in der alle statischen Objekte für dieses Projekt vorbereitet sind. Gehen Sie in den V-Movieclip, indem Sie darauf doppelklicken, und wählen Sie das Knochenwerkzeug (M). Entscheiden Sie, welches Symbol als erstes angezeigt wird, klicken Sie darauf und ziehen Sie es an das Ende des nächsten Symbols. Wenn Sie die Maus loslassen, sollte ein IK-Knochensymbol angezeigt werden. Wiederholen Sie diesen Vorgang, indem Sie das Ende jedes Symbols an das Ende des nächsten ziehen, bis Sie alle Symbole in einer Kette miteinander verbunden haben.

04

04 Erweitern Sie Ihre Zeitleiste, positionieren Sie die Zeitanzeige am letzten Bild und manipulieren Sie dann den Anker am Ende der Kette. Wenn Sie durch die Zeitleiste gleiten, werden Sie feststellen, dass Flash die Positionen der Armaturen zwischen den Startpunkten und dem Ende interpoliert. Schließlich klicken Sie bei gedrückter Strg-Taste mit der rechten Maustaste auf einen beliebigen Frame und wählen Sie Frames umkehren. Wenn Sie mit der Bewegung nicht zufrieden sind, drücken Sie Strg / Befehlstaste, klicken Sie auf den Keyframe und wählen Sie 'Pose löschen'.

05

wie man in 3ds max rendert

05 Der Buchstabe 'V' ist einfach, weil er linear ist. Aber was passiert, wenn Sie etwas Komplizierteres wie den Buchstaben 'A' animieren möchten? Gehen Sie in den A-Movieclip. Legen Sie die beiden Symbole auf der linken Seite auf eine andere Ebene und verbergen Sie sie, um eine fehlerhafte Verknüpfung durch das Knochenwerkzeug zu vermeiden.

06

06 Konzentrieren Sie sich jetzt auf das Sichtbare. Wir haben einen Hub, aber mehr als zwei Zweige. Daher benötigen wir ein Nullobjekt, um zu helfen. Dies kann ein schwarzer Kreis sein, der mit dem Oval-Werkzeug (O) erstellt wurde. Machen Sie aus diesem Kreis einen Movieclip mit dem Namen 'Leer', bevor Sie Leer neben dem Hub platzieren - aber nicht darauf.

07

07 Verwenden Sie als Nächstes das Knochenwerkzeug, um den schwarzen Kreis mit den entfernten Enden der drei Symbole zu verknüpfen. Halten Sie Strg / Befehlstaste gedrückt und ziehen Sie den leeren Movieclip zurück auf den Hub. Auf diese Weise können wir jedes Symbol befreien und sie alle separat animieren.

08

08 Sie können die Knochen leicht ändern, ohne dass andere Elemente betroffen sind. Sie können das Symbol verschieben, während Sie die Alt / Opt-Taste gedrückt halten. Ändern Sie beispielsweise die Tiefeneigenschaft (Anordnung) des Symbols mit den Auf- / Ab-Tasten, während Sie Strg / Befehl drücken, oder ändern Sie die Ankerpunkte des Symbols mit dem Werkzeug 'Frei transformieren', wenn Sie ' Ich bin nicht zufrieden mit der Position des Knochens.

Tragetasche für MacBook Pro

09

09 Wie beim Buchstaben 'A' finden Sie in Ihrem Wort andere Buchstaben, die keine linearen Formen haben, wie hier beim 'T', das ebenfalls mehrere Zweige hat. Gehen Sie Ihr Wort durch und verwenden Sie gegebenenfalls die in den Schritten 06 und 07 beschriebenen Methoden.

10

10 Animieren Sie alle Buchstaben, indem Sie die Armaturen wie zuvor in Schritt 04 bearbeiten. Wenn Sie fertig sind, machen Sie das erste Bild jeder Animation leer und halten Sie am letzten Bild an, indem Sie stop () einfügen. in Ihr Aktionsfenster, da Sie nicht möchten, dass sie eine Schleife bilden.

elf

elf Öffnen Sie die Bibliothek, suchen Sie Ihren leeren Movieclip und ändern Sie den Alpha-Wert auf 0, um sicherzustellen, dass keine schwarzen Kreise angezeigt werden.

12

12 Wenn Sie eine Hintergrundanimation benötigen, kann diese auch mit inverser Kinetik erstellt werden. Es muss jedoch sehr subtil in der Bewegung sein, also mach es so langsam wie möglich. Machen Sie den Movieclip 'BRANCH1' mit 135 Bildern lang und geben Sie 'BRANCH2' eine andere Dauer, z. B. 120 Bilder, für eine natürlichere Bewegung.

13

13 Wir möchten, dass die Buchstaben einzeln angezeigt werden. Für den letzten Schritt müssen wir ActionScript verwenden, um Flash mitzuteilen, wie es funktionieren soll. Dies muss in ActionScript 3.0 sein, um das Bone-Tool zu unterstützen. Ich habe einen EnterFrame-Handler verwendet, um die Animationsreihenfolge zu steuern. Kopieren Sie einfach das Skript im Skript 'Script.pdf' in Ihr Aktionsfenster, und die Animation sollte einwandfrei funktionieren.