In den vorherigen Lektionen haben wir gelernt, wie man Animationen mithilfe von Keyframe-Übergängen und unabhängigen Ebenen erstellt. Sie können zum Erstellen einfacher Einzelobjektanimationen verwendet werden und waren lange Zeit die einzige Möglichkeit, Animationen in Photoshop zu erstellen. Heute lernen wir eine neue Art der Animation mithilfe der Zeitleiste kennen. Die Timeline-Methode wird häufig in vielen Film- und Fernsehproduktionsprogrammen wie Premiere, AfterEffects usw. verwendet, einschließlich Flash, das diese Methode ebenfalls verwendet.
Es gibt viele Vorgänge in der Keyframe-Übergangsanimation, die wir nicht erwähnt haben. Dies liegt daran, dass sie nichts mit der Timeline-Methode zu tun haben und die Timeline in Zukunft unsere Hauptmethode zum Erstellen von Animationen sein wird, daher werden wir sie überspringen.
Um die Materialien zu vereinheitlichen, klicken Sie bitte hier, um die Materialdatei herunterzuladen , die PSD-Datei zu entpacken und in Photoshop zu öffnen. Dies ist eine Datei ohne Rahmeneinstellungen (Sie können stattdessen auch Ihre eigenen verwenden). Wie unten gezeigt. Aufgrund der Verwendung von Textebenen wird die Ersetzungsoption möglicherweise aufgrund fehlender Schriftarten nach dem Öffnen angezeigt. Wählen Sie einfach die Option, sie durch die Standardschriftart zu ersetzen. Obwohl die Standardschriftart nicht schön genug ist, ist der Lehreffekt derselbe.
Die PSD-Datei enthält drei Ebenen (die Hintergrundebene nicht mitgezählt), zwei davon sind Textebenen und eine ist eine Vektorformebene. Wenn Sie nicht wissen, was eine Vektorformebene ist, bedeutet das, dass Sie die Grundlagen nicht gut beherrschen.
Klicken Sie in die untere rechte Ecke der Animationspalette
Klicken Sie auf die Schaltfläche, um in den Timeline-Modus zu wechseln, wie in der Abbildung unten gezeigt. Aufmerksame Leser werden feststellen, dass sich der Name der Palette in „Animation (Timeline)“ geändert hat, während der vorherige Name „Animation (Frame)“ lautete. Die Schaltfläche in der unteren rechten Ecke ändert sich zu
Klicken Sie auf , um zum ursprünglichen Rahmenmodus zu wechseln.
Es ist zu beachten, dass diese beiden Methoden nicht miteinander kompatibel sind. Wechseln Sie daher nicht während des Produktionsprozesses. Wenn Sie versehentlich gewechselt haben, können Sie den Rückgängig-Befehl [STRG+ALT+Z] verwenden, um ihn wiederherzustellen.
In der Zeitleiste sehen wir Ebenennamen, die denen in der Ebenenpalette ähneln, und ihre oberen und unteren Positionen sind ebenfalls mit denen in der Ebenenpalette identisch. Durch Klicken auf die Pfeilmarkierung auf der linken Seite der Ebene werden alle Animationselemente der Ebene erweitert, d. h. Elemente, die animiert werden können. In Schichten unterschiedlicher Natur sind auch ihre Animationselemente unterschiedlich. Die sogenannten unterschiedlichen Eigenschaften beziehen sich auf gewöhnliche Ebenen, gewöhnliche Ebenen mit Masken, Textebenen, Einstellungsebenen usw. Dies sind alles Ebenen mit unterschiedlichen Eigenschaften. Wie im linken Bild unten gezeigt, wird das Animationsprojekt nach der Textebene „Go and Stay“ bzw. der Vektorformebene „Shape 1“ erweitert. Allen gemeinsam ist die Position, die Opazität und der Stil. Der Unterschied besteht darin, dass die Textebene über ein weiteres „Textverformungs“-Element verfügt und die Vektorformebene über zwei weitere maskenbezogene Elemente.
Die Animationsproduktion darf nicht über das Animationsprojekt der Ebene selbst hinausgehen. Beispielsweise kann keine „Textverformung“ auf der Formebene durchgeführt werden. Einige Animationselemente können jedoch später hinzugefügt werden. Nach dem Hinzufügen einer Maske zu einer Textebene verfügt diese beispielsweise über ein maskiertes Animationselement.
In der oberen linken Ecke der Palette befindet sich eine Reihe von Zahlen 0:00:00:00, die den aktuellen Zeitcode darstellen. Am rechten Ende sind es Millisekunden, Sekunden, Minuten und Stunden. Im Allgemeinen werden nur Sekunden verwendet. Es gibt auch 30,00 fps nach dem Timecode, der die Bildrate darstellt und angibt, wie viele Bilder pro Sekunde. Im Allgemeinen ist der Wert eine ganze Zahl und dezimale Bildraten werden nur bei der Film- und Fernsehbearbeitung verwendet.
Klicken Sie in die obere rechte Ecke der Animationspalette Klicken Sie auf die Schaltfläche und wählen Sie „Dokumenteinstellungen“. Die rechts unten angezeigten Timeline-Einstellungen werden angezeigt. Hier können Sie die Gesamtdauer der Animation und die Bildrate festlegen. Gemäß den Standardeinstellungen beträgt die Gesamtlänge 10 Sekunden und 30 Bilder pro Sekunde, sodass die Gesamtzahl der Bilder 300 Bilder beträgt. Dies ist ein ziemlich großer Wert für Webanimationen, die bei der Produktion eine große Anzahl von Bytes belegen ist der Netzwerkübertragung nicht förderlich. Jetzt ändern wir die Dauer auf 5 Sekunden und die Bildrate auf 5fps. Nach der Bestätigung sehen Sie die neue Bildratenanzeige in der Animationspalette.
Wenn Sie die Animationspalette horizontal erweitern, sehen Sie, wie im Bild unten gezeigt, Zeitmarkierungen wie 01:00 und 02:00 in Sekunden. Das äußerste rechte Ende der Zeitleiste ist die gerade eingestellte Gesamtdauer von 5 Sekunden. Ziehen Sie den Schieberegler mit dem roten Pfeil nach rechts, um die Details der Zeitleiste zu vergrößern. Die vergrößerte Zeitleiste befindet sich im roten Kästchenbereich. Sie können sehen, dass zwischen den Sekunden Zeichen wie 01f und 02f stehen. Dies ist der Rahmen. Die Einstellung, die wir gerade eingestellt haben, war 5fps, also gibt es alle zwei Sekunden 5 Bilder. Obwohl wir nur das Maximum von 04f sehen, müssen wir wissen, dass sich 05f tatsächlich mit 01:00 überschneidet. Daher wird es als 01:00f ausgedrückt, was bedeutet, dass es sich sowohl um die erste Sekunde als auch um einen Frame handelt.
Beachten Sie, dass sich zwischen den beiden orangefarbenen Pfeilen eine weniger auffällige dünne Linie befindet. Dies ist der Render-Puffer-Indikator. Auch andere Film- und Fernsehbearbeitungsprogramme verfügen über diesen Indikator, dessen Rolle in Photoshop jedoch nicht sehr wichtig ist .