Jetzt haben wir offiziell damit begonnen, die Timeline zum Erstellen von Animationen zu verwenden. Dies unterscheidet sich stark von unserer vorherigen Frame-basierten Animation, aber im Vergleich dazu ist die Timeline-Methode intuitiver und einfacher und wird auch in Zukunft unsere Hauptproduktionsmethode sein .
Folgen Sie dem Inhalt der vorherigen Lektion und beginnen Sie mit der Einrichtung der Animation „Leises Kommen und Gehen“. Erweitern Sie das Animationsprojekt dieser Textebene in der Zeitleistenpalette, wie in der Abbildung unten gezeigt. Stellen Sie sicher, dass die aktuelle Zeit 0:00:00:00 ist, und beachten Sie, dass sich die Zeitmarkierung am roten Pfeil ganz links befinden sollte, was bedeutet, dass es sich um die Startzeit handelt.
Verwenden Sie dann das Verschieben-Werkzeug, um „Quietly Come and Go“ an das rechte Ende des Bildschirms zu verschieben. Klicken Sie dann auf die Stoppuhr-Schaltfläche neben dem orangefarbenen Pfeil
, was bedeutet, dass das Animationsprojekt „Position“ gestartet wird und die aktuelle Position der Textebene (das äußerste rechte Ende des Bildschirms) zum Startzeitpunkt aufgezeichnet wird. Die gelbe Raute, die im Timeline-Bereich erscheint, ist ein Zeichen dafür, dass der Datensatz dort enthalten ist. Dies wird auch als Keyframe der Timeline bezeichnet. Es unterscheidet sich von der zuvor gelernten Übergangsframe-Animation.
Ziehen Sie die Zeitmarkierung ganz nach rechts und verschieben Sie den Text mit dem Verschieben-Werkzeug ganz nach links auf dem Bildschirm. Zu diesem Zeitpunkt wird an der Markierung auf der Zeitleiste automatisch ein Keyframe generiert. Wie im Bild unten gezeigt, sehen Sie, dass sich neben dem roten Pfeil eine rautenförmige Schaltfläche „Löschen/Hinzufügen“ befindet
Wenn diese Schaltfläche zu diesem Zeitpunkt gedrückt wird, wird der zum Zeitpunkt der Markierung erstellte Keyframe gelöscht. Wenn beim Benchmark kein Keyframe vorhanden ist, klicken Sie, um einen neuen Frame zu erstellen.
Zu beachten ist, dass hier unser Zeitmaßstab höchstens auf 04:04 Uhr nach rechts gezogen werden kann, nicht auf 05:00 Uhr. Dies liegt daran, dass 05:00 der Zeitpunkt ist, an dem die Animation endgültig endet, also der Moment des „Endes des letzten Frames“, aber was wir jetzt festlegen müssen, ist der Status „Beginn des letzten Frames“ und Der letzte Frame selbst bleibt eine Weile erhalten. Der Benchmark wird also nicht bei 05:00 Uhr liegen. Denken Sie daran, dass der Rahmen die kleinste Einheit ist.
Mit den obigen Einstellungen haben wir die Positionsbewegungseinstellung des Textes „Quietly Come and Go“ abgeschlossen. Als nächstes legen Sie die Transparenzänderung fest. Lassen Sie uns zunächst eine einfache Methode erstellen, die darin besteht, von Anfang an einzublenden, zur Hälfte vollständig zu erscheinen und dann bis zum Ende auszublenden. Hierzu sind 3 Keyframes erforderlich. Stellen Sie den Wert zu Beginn auf 0 %, zur Halbzeit auf 100 % und am Ende auf 0 % ein. Ungefähr wie unten gezeigt. Beachten Sie, dass Transparenzänderungen nicht durch Ausblenden von Ebenen im Zeitleistenmodus erreicht werden können.
Nachdem wir im ersten Schritt Keyframe 1 auf 0 % gesetzt haben und die Zeitmarkierung nach hinten ziehen, werden wir feststellen, dass die Transparenz jederzeit 0 % beträgt. Nachdem Sie im zweiten Schritt Keyframe 2 festgelegt haben, werden Sie feststellen, dass es einen Übergangseffekt zwischen 12 gibt, aber nach Keyframe 2 bis zum Ende wird der Text immer angezeigt. Dies bringt eine sehr wichtige Eigenschaft der Zeitleiste zum Vorschein: Die Keyframe-Einstellungen zu einem bestimmten Zeitpunkt wirken sich auf alle Zeitpunkte nach diesem Zeitpunkt aus. Daher führt die Einstellung von Schlüsselbild 1 dazu, dass die Textebene für alle nachfolgenden Zeiträume (zwischen 12 und 23) 0 % beträgt. Wenn Keyframe 2 festgelegt ist, wird ein Übergang zwischen 12 und 23 gebildet, und der gesamte Prozess zwischen 23 und 23 wird zu 100 %. Bis Keyframe 3 gesetzt ist, entsteht ein Übergang zwischen 23.
Was die Einstellungsreihenfolge betrifft, ist es nicht notwendig, die obige Reihenfolge vollständig einzuhalten. „Komm und geh leise“ ist ursprünglich 100 %, sodass wir Keyframes in der Hälfte der Zeit erstellen können, ohne die Deckkraft einzustellen, da diese zu diesem Zeitpunkt auf 100 % eingestellt sein sollte. Erstellen Sie dann Keyframes am Start- und Endmoment und stellen Sie diese auf 0 % ein.
Machen Sie die vorherigen Einstellungen rückgängig und folgen Sie der neuen Reihenfolge, d. h. ändern Sie die Reihenfolge von 1, 2, 3 in 2, 1, 3. Da die Deckkraft des Start- und Endmoments (1 und 2) gleich ist, können wir dies durch Kopieren und Einfügen der Keyframes erreichen. Erstellen Sie zunächst diese beiden Keyframes. Nachdem Sie die Startzeit festgelegt haben, markieren Sie den Keyframe in der Timeline.
Klicken Sie mit der rechten Maustaste darauf und wählen Sie „Keyframe kopieren“. Klicken Sie dann mit der rechten Maustaste auf die Endmomentmarkierung und wählen Sie „Keyframe einfügen“, um so die Einstellungen des ersteren in den letzteren zu kopieren. Die Reihenfolge kann auch umgekehrt werden. Diese Methode funktioniert für alle vorhandenen Keyframes.
Erinnern Sie sich an das zuvor erwähnte Ein- und Ausblenden, wenn Sie die Produktion von Übergangsrahmenanimationen erlernen. Sie werden wissen, dass der Effekt der aktuellen 3-Rahmen-Einstellung nicht ideal ist. Die Ein- und Ausblendvorgänge sollten verkürzt werden Text, der sich während der Bewegung bewegt, bleibt die meiste Zeit vollständig sichtbar. Jetzt werden wir es basierend auf den vorherigen 3 Frames modifizieren.
Möglicherweise möchten Sie vor und nach dem ursprünglichen Frame 2 zwei weitere Frames hinzufügen, wie oben in der Abbildung unten gezeigt. Verschieben Sie einfach den ursprünglichen Frame 2 wie unten gezeigt und fügen Sie dann einen neuen Frame hinzu. Seine Einstellungen können vom Originalbild 2 kopiert werden. Damit haben wir die Ein- und Ausblendmodifikationen abgeschlossen.
Aus den oben genannten Vorgängen können wir ein Grundmerkmal der Timeline-Animation zusammenfassen: Jedes Animationsprojekt wird unabhängig voneinander getrennt, und Änderungen an einem der Projekte wirken sich nicht auf andere Projekte aus. Wenn wir beispielsweise „Transparenz“ ändern, müssen wir die zuvor festgelegte „Position“ nicht berücksichtigen. Darüber hinaus dürfen die Keyframe-Einstellungen jedes Projekts unterschiedlich sein, sodass Sie sich keine Gedanken über die Vereinheitlichung der Keyframe-Anzahl machen müssen.
Beim Hinzufügen von Keyframes muss ein Problem beachtet werden, nämlich der Unterschied zwischen automatischer und manueller Hinzufügung. Beim Klicken auf die Stoppuhr-Schaltfläche eines Elements Anschließend erstellt das Projekt einen Keyframe zum Zeit-Benchmark und verfolgt automatisch Änderungen im Projekt in anderen Zeitbereichen. Das heißt, wenn Sie die Zeitmarkierung an eine neue Position verschieben und Änderungen an diesem Element auf der Ebene vornehmen, wird automatisch ein neuer Frame an der aktuellen Markierung erstellt. Wenn Sie keine Änderungen vorgenommen haben und Keyframes erstellen möchten, müssen Sie manuell auf klicken (Beachten Sie, dass durch Klicken auf einen vorhandenen Rahmen dieser gelöscht wird.) Klicken Sie auf den vorherigen Frame
und nächster Frame Klicken Sie auf die Schaltfläche, um zwischen Keyframes zu wechseln. Sie können auch direkt mit der rechten Maustaste auf den Keyframe klicken und „Frame löschen“ auswählen.
Im Allgemeinen klicken wir zu Beginn der Animation auf die Stoppuhr-Schaltfläche Erstellen Sie den ersten Keyframe, verschieben Sie dann die Markierung an den entsprechenden Zeitpunkt, nehmen Sie entsprechende Änderungen an der Ebene vor und erhalten Sie einen neuen automatischen Keyframe. Führen Sie den gesamten Einstellvorgang immer wieder durch. Relativ gesehen gibt es nicht viele Möglichkeiten, Frames manuell zu erstellen, da sie alle zum Einstellen dienen und sich der Effekt nicht wesentlich von automatisch hinzugefügten Frames unterscheidet. In späteren Lektionen wird das manuelle Hinzufügen von Frames zum Erstellen von Beschleunigungs- und Verzögerungseffekten verwendet.
Neben einem einzelnen Projekt können auch mehrere Animationsprojekte gleichzeitig eingestellt werden, die automatisch nachverfolgt werden. Jetzt verschieben wir den Zeit-Benchmark auf den Startmoment, wie in der Abbildung unten gezeigt, starten die entsprechenden Animationsprojekte „Go and Stay“ und „Shape 1“, ziehen dann den Zeit-Benchmark auf verschiedene Momente und ändern die Position und Deckkraft entsprechend . Bei Änderungen bleiben Rahmenmarkierungen zurück.
Es ist zu beachten, dass Sie zum Aufzeichnen der Positionsbewegung das Element „Vektormaskenposition“ anstelle von „Position“ verwenden müssen, da es sich bei „Form 1“ um eine Vektormaskenebene handelt.
Erwähnenswert ist auch die in der vorherigen Lektion erwähnte Render-Pufferanzeige. Möglicherweise haben Sie festgestellt, dass beim Abspielen und Abrufen des Zeit-Benchmarks die Render-Pufferanzeige im entsprechenden Bereich gefüllt wird, was bedeutet, dass Photoshop über den spezifischen Inhalt verfügt Die Animation wird im Systemcache gespeichert, was die Geschwindigkeit beim erneuten Abspielen verbessern kann. Wenn jedoch Änderungen an der Animation vorgenommen werden, wird der Renderpuffer geleert. Die Animationen, die wir jetzt erstellen, sind relativ einfach, daher ist die Pufferung gleich oder nicht. Wenn Sie jedoch in Zukunft komplexere Animationen erstellen, insbesondere wenn in der Animation mehrere Bilder miteinander gemischt werden, wird der Unterschied in der Pufferung groß sein reflektiert.
In dieser Lektion haben wir die wichtigsten Methoden zum Erstellen von Animationen mit der Timeline-Methode kennengelernt. Im Vergleich zur Frame-Übergangsmethode, die wir zuvor kennengelernt haben, ist die Timeline-Methode nicht nur schneller zu erstellen, sondern auch äußerst bequem zu ändern. Von nun an werden wir die überwiegende Mehrheit der Animationen auf diese Weise erstellen. Bisher haben wir die Grundkenntnisse der Animationsproduktion erläutert. In den folgenden Kursen werden einige fortgeschrittenere Techniken und die Erstellung von Animationen erläutert, die für verschiedene Medien wie Webseiten und Mobiltelefone geeignet sind.
Im nächsten Abschnitt stellen wir vor, wie man Ebenenstile zum Erstellen von Animationen verwendet .