Die bisher erlernten Produktionsmethoden reichen aus, um die meisten Anforderungen an die Produktion flacher Animationen zu erfüllen. In dieser Lektion lernen wir einige Techniken kennen, mit denen Animationsarbeiten weitere Effekte hinzugefügt werden können, darunter: spezielle Ebenen, Beschleunigung und Verzögerung, Bewegungsunschärfe und Textverformung . Ich hoffe auch, dass jeder seine eigenen Produktionsfähigkeiten zusammenfassen und mit anderen teilen kann.
Diese Fähigkeiten basieren auf früheren Kursen. Daher ist es notwendig, alle bisherigen Kurse gründlich zu beherrschen.
Zu den Elementen, die in Photoshop animiert werden können, gehören Ebenenposition, Ebenenmaske, Ebenendeckkraft und Ebenenstil. In der grundlegenden Tutorial-Phase haben wir etwas über Farbanpassungsebenen und Füllebenen gelernt. Diese Art von Ebene ist etwas Besonderes. Ersteres erzeugt nicht direkt ein Bild, sondern nimmt Farbanpassungen an der darunter liegenden Ebene vor. Letzteres erzeugt zwar ein Bild, es handelt sich jedoch um einen „virtuellen Pixel“ und der gefüllte Inhalt kann nachträglich geändert werden. Lassen Sie uns sie nun für Animationen verwenden und sehen, welchen Effekt wir erzielen können. Klicken Sie hier, um mehr über Farbanpassungsebenen zu erfahren. Klicken Sie hier, um mehr über Füllebenen zu erfahren.
Die Farbanpassungsebene ist relativ einfach zu verwenden und Sie können damit Farbwechseleffekte erzeugen. Diese Effekte können von Hell-Dunkel-Änderungen, Graustufenänderungen, Invertierungen usw. reichen. Die Implementierungsmethode ist ebenfalls sehr einfach: Erstellen Sie zunächst eine Farbanpassungsebene, nehmen Sie die entsprechenden Einstellungen vor und animieren Sie dann die Deckkraft der Einstellungsebene. Die folgenden Animationsbeispiele sind Kurvenverdunkelung, Kurvenaufhellung, Verlaufszuordnung und Umkehrung. Um ein Bild in Graustufen umzuwandeln, können Sie den Graustufenverlauf einer Verlaufskarte oder die Farbtonsättigung verwenden.
Es ist zu beachten, dass diese Art der Farbwechselanimation eine große Anzahl von Bytes beansprucht, da die Pixel zwischen dem vorherigen und dem nächsten Bild größtenteils unterschiedlich sind. Dies sollte dadurch ausgeglichen werden, dass die Anzahl der Bilder, die Bildrate oder die Größe der Animation so weit wie möglich reduziert werden. Darüber hinaus können Sie auch eine Maske der Einstellungsebene erstellen, um Farbanpassungseffekte nur für einen bestimmten Bereich zu erzielen, was hier nicht gezeigt wird.
Manchmal kann es notwendig sein, dramatische Veränderungen aufzuzeigen. Bei den sogenannten drastischen Änderungen handelt es sich entweder um große Pixelbewegungen oder es können große Farbinversionen verwendet werden, um drastische Farbänderungen zu erzielen. Im vorherigen Beispiel haben wir festgestellt, dass die Verwendung der Inversion als Übergang keinen guten Effekt hat. Das Ausschalten des Übergangseffekts kann zu drastischen Farbänderungen führen. Dies kann auf zwei Arten erreicht werden: Eine besteht darin, den Rahmen so festzulegen, dass die Interpolation erhalten bleibt. Die zweite besteht darin, keine Lücke zwischen den beiden Schlüsselbildern zu lassen, sodass es keine Rolle spielt, ob ein Übergang vorhanden ist oder nicht.
Es ist zu beachten, dass die zweite Methode später weniger modifizierbar ist. Wenn Sie die Bildrate in den Dokumenteinstellungen erhöhen, wird ein neues Bild zwischen den beiden ursprünglichen, eng beieinander liegenden Keyframes eingefügt, sodass ein Übergangseffekt entsteht. Daher wird diese Methode nicht empfohlen. Wählen Sie stattdessen den ersten Ansatz.
Jetzt kann jeder diese Animation selbst erstellen. Das Dateipaket enthält Materialbilder und PSD des fertigen Produkts. Bitte öffnen Sie die PSD-Datei noch nicht und versuchen Sie, sie selbst zu analysieren und zu erstellen. Sehen Sie sich nach Abschluss die Beispiel-PSD-Datei an.
Diese Beispielanimation, die die Technik der Verwendung einer Einstellungsebene „Invertieren“ demonstriert, verfügt über eine bestimmte Handlung. Der erste ist ein fallender schwarzer Meteor. Der Meteor ist eine gerade oder vertikale Linie, die mit einem Pinsel mit einem Fade-Schritt gezeichnet, dann um 45 Grad gedreht (der Winkel kann angepasst werden) und dann der Teil des Himmels mit Ausnahme des Gebäudes erstellt wird als Maske. Nach dem Aufheben der Verknüpfung der Maske kann der Meteor unabhängig bewegt werden und einen Okklusionseffekt mit dem Gebäude erzeugen. Der anschließende Phasenumkehrwechsel weist keine technischen Schwierigkeiten auf und wird nicht erneut erläutert. Informationen zum Erstellen von Masken finden Sie im entsprechenden Inhalt zu Ebenenmasken im Basis-Tutorial.
Es ist zu beachten, dass beim endgültigen Ausblenden eine Farbton- und Sättigungsanpassungsebene verwendet wird. Der Unterschied besteht darin, dass das Ausblenden nach Schwarz anstelle des vorherigen Ausblendens nach Weiß verwendet wird. Wenn Sie Einstellungsebenen zum Erstellen von Ausblendungen verwenden, ist es am besten, keine Kurven oder Luminanzkontrast zu verwenden, da diese beiden Farbanpassungsbefehle das Bild nicht genau in vollständiges Weiß oder Schwarz umwandeln, wie dies beim Befehl „Farbtonsättigung“ der Fall ist.
Zusätzlich zur Verwendung von Einstellungsebenen können Sie auch Füllebenen oder gewöhnliche Füllebenen verwenden, um Ausblendungen zu erstellen. Das Prinzip des Ausblendens besteht darin, die Deckkraft der Ebene schrittweise von 0 % auf 100 % zu erhöhen. Dies hat den Vorteil, dass neben Schwarz und Weiß auch andere Farben wie Rot, Blau usw. ausgeblendet werden können. Das Folgende ist eine Animation aus dem Jahr 2000. Das damalige persönliche Foto wurde in zwei verschiedene Bereiche geschnitten und dann in drei Segmente unterteilt. Eine weiße Füllebene wurde verwendet, um einen simulierten Belichtungsübergangseffekt zu erzeugen. Da es sich im klassischen Forum um einen persönlichen Avatar handelt, sind Größe und Anzahl der Bytes der Animation streng begrenzt.
Es ist keine leichte Aufgabe, die Anzahl der Bytes so gering wie möglich zu halten und gleichzeitig die Glätte der Animation so weit wie möglich zu gewährleisten. Dies erfordert möglicherweise den Verzicht auf einige gute Ideen. Wenn die erstellte Animation jedoch nicht den Anforderungen entspricht oder die Übertragung langsam ist, verliert sie ihren wichtigsten Wert. Sie können andere Materialien verwenden, um diese Animation zu imitieren. Die Dateigröße ist auf etwa 5 KB begrenzt (Beispiel: 3,65 KB). Und versuchen Sie, unter dieser Prämisse einige eigene neue Ideen einzubringen. Was die Monochrom- und Seidenfadeneffekte betrifft.
In der Füllebene gibt es neben den häufig verwendeten Volltonfüllungen auch Musterfüllungen und Verlaufsfüllungen. Es gibt keine zusätzlichen Anweisungen zur Verwendung. Sie können sie einfach selbst ausprobieren.
Wir haben vor langer Zeit gelernt, wie man ein sich bewegendes Objekt erstellt, aber die von uns erstellten Objekte bewegten sich alle mit konstanter Geschwindigkeit. Jetzt können wir die Auswirkungen von Beschleunigung und Verzögerung simulieren, indem wir die Position der Keyframes ändern. Dieser Effekt ist nicht auf die Bewegung von Objekten beschränkt, sondern kann auch in beliebigen Übergangseffekten wie Ein- und Ausblendungen verwendet werden. Und diese Methode ist auch auf andere Videobearbeitungssoftware anwendbar, ebenso wie auf den Timeline-DHTML-Effekt der Webseiten-Produktionssoftware GoLive.
Zuerst erstellen wir ein neues 150×100 weißes Hintergrundbild und stellen das Dokument auf 1 Sekunde und 30fps ein. Erstellen Sie eine neue normale Ebene, zeichnen Sie ein Rechteck und stellen Sie die Animation so ein, dass sie von links nach rechts verschoben wird. Die Timeline-Einstellung entspricht ungefähr der Abbildung unten. Die aktuelle Bewegungsgeschwindigkeit ist konstant.
Verschieben Sie als Nächstes den Zeit-Benchmark auf 10f, klicken Sie auf die Rautenschaltfläche des Elements „Position“ und fügen Sie zum aktuellen Zeitpunkt manuell einen Keyframe hinzu. Dieser Keyframe ist derzeit überflüssig, da er den Animationsprozess nicht verändert. Stellen wir uns nun vor, dass Sie, wenn Sie ursprünglich geplant hatten, in 10 Minuten an einem Ort anzukommen, jetzt aber in 5 Minuten ankommen müssen, unbedingt schneller fahren müssen. Sobald Sie dieses Prinzip verstanden haben, können Sie die Methode zur Erstellung beschleunigter Animationen verstehen. Das bedeutet, dass der Schlüsselrahmen zum Zeitpunkt 10f auf den Zeitpunkt 05f verschoben wird. Auf diese Weise bewegt sich das Objekt schnell zwischen 0f und 05f und kehrt nach 05f zu seiner ursprünglichen Geschwindigkeit zurück.
Verschieben Sie analog 15f auf 10f, 20f auf 15f und 25f auf 20f. Sie können ein Objekt erstellen, das langsamer wird. Wir sind hier, um den Effekt zu veranschaulichen, aber in der tatsächlichen Produktion besteht eigentlich keine Notwendigkeit, so viele Keyframes zu ändern. Abhängig von der Entfernung, um die sich das Objekt bewegt, reicht es im Allgemeinen aus, 2 bis 3 Keyframes zu ändern. Zu große Bewegungsabstände sind für die GIF-Darstellung nicht geeignet. Stellen Sie die Bildrate außerdem nicht auf bis zu 30 fps ein.
Bewegungsunschärfe hängt tatsächlich mit der Bewegung von Objekten zusammen. Wenn es notwendig ist, weniger Bilder zu verwenden, um die schnelle Bewegung von Objekten auszudrücken, kann die Verwendung von Bewegungsunschärfe das Sprunggefühl des Bildes verringern. In der folgenden Beispielanimationsdemonstration beträgt die Anzahl der für die Charakterbewegung bereitgestellten Frames 4 Frames. Es ist sehr eng, eine Langstreckenbewegung durchzuführen (die sogenannte Langstrecke muss sich auch auf die Größe des Objekts beziehen). begrenzte Anzahl von Frames. Um diesen Mangel auszugleichen, duplizieren wir die Charakterebene und verarbeiten sie mit einem Bewegungsunschärfefilter, um einen Nachbildeffekt zu erzeugen. Verschieben Sie das Nachbild mit der Zeichenebene und blenden Sie es am Anfang und Ende der Bewegung aus. Diese Zeichengrafik finden Sie in der Formenbibliothek von Photoshop. Jeder versucht, den Bewegungsunschärfeeffekt selbst zu erzeugen. Wir stellen PSD-Quelldateien zur Verfügung, die jeder nach der Fertigstellung vergleichen kann.
Es ist zu beachten, dass wir hier immer noch das vollständige Bild der Figur im Rahmen mit Bewegungsunschärfe beibehalten. Im tatsächlichen Betrieb können wir auch die Deckkraft der Figur reduzieren oder einfach nur das Nachbild beibehalten, was zu einem schnelleren Bewegungsgefühl führt . Im Modus, bei dem nur das Nachbild erhalten bleibt, sollte die Länge des Nachbilds entsprechend verlängert werden und nahe an der Position des Objekts am Ende der Bewegung liegen. Sie können sich die Beispielanimation genau ansehen und auf den Unterschied in der Position des Nachbildes achten.
Bewegungsunschärfe ist im Bereich der Film- und Fernsehproduktion weit verbreitet und die meisten Film- und Fernsehproduktionsprogramme wie After Effects verfügen hierfür über spezielle Funktionen. Wenn Sie in einigen Film- und Fernsehclips einige sich schnell bewegende Objekte anhalten, können Sie ähnliche Nachbilder sehen. Der englische Name für Bewegungsunschärfe ist Motion Blur. Bei der Produktion von GIF-Animationen kann Bewegungsunschärfe die Anzahl der Farben in der Animation erhöhen, da der Nachbildeffekt selbst viele Übergangsfarben enthält. Achten Sie bei der Ausgabe auf ein Gleichgewicht zwischen Farbanzahl und Animationsqualität.
Zusätzlich zur Verwendung von Filtern zum Erstellen von Nachbildern können Sie auch mehrere Kopien der Ebene kopieren und deren Farbe oder Deckkraft nacheinander ändern, um einen gleichmäßigeren Nachbildeffekt zu erzielen. Wie im rechten Bild unten gezeigt, können Sie die Zeichenebene in drei Kopien kopieren und füllen Sie sie damit. Die Farbe ändert sich in verschiedene Graustufen. Ein solches Nachbild lässt sich auch mit einer geringeren Anzahl an Farben gut ausdrücken. Das vom Filter erzeugte Nachbild kann bei einer geringeren Anzahl von Farben zu Farbflecken führen.
Bei der Verwendung von Textebenen haben einige aufmerksame Leser möglicherweise das Animationsprojekt „ Textverformung “ entdeckt. Wie in der Abbildung unten gezeigt, können Sie den Verformungsstil auf „Keine“ oder andere Stile in der Animation festlegen, um einen Übergangsverformungseffekt zu erzeugen. Dieses Animationsprojekt ist eigentlich sehr einfach zu verwenden, kann aber leider nur auf Text beschränkt werden. Es wäre besser, wenn es für alle Grafiken wirksam wäre. Manchmal können wir jedoch einige einfache Objektformen durch Satzzeichen oder Sonderzeichen im Text simulieren und so die Möglichkeit erhalten, sich zu verformen. Beispielsweise kann das Symbol „-“ zu einem Rechteck erweitert werden.