Die Aufgaben in der vorherigen Lektion waren technisch nicht schwierig. Sie erforderten lediglich sorgfältige Beobachtung und geduldiges Nachdenken. Daher geben wir keinen detaillierten Testbericht, sondern nur eine kurze Einführung. Und angehängte PSD-Quelldatei als Referenz.
Die Möglichkeit, Text von Schwarz zu Weiß zu ändern, besteht darin, eine weiße Textebene zu erstellen und die Füllopazität der Textebene zu animieren, um den Effekt von Schwarz zu Weiß zu erzeugen. Tatsächlich sollte es sich um einen Einblendeffekt handeln, der nach und nach auftritt, nur weil der Hintergrund schwarz ist. Der Effekt des Textrandes ist ein Strich, wobei ein Musterstrich verwendet wird. Der Musterstrich kann durch Ziehen mit der Maus angepasst werden und es ist diese Position, die den Animationseffekt erzeugt. Auf diese Weise können die meisten Randflimmereffekte erzeugt werden. Darüber hinaus können Sie auch versuchen, die Skalierung des Musters zu animieren, und der Effekt wird ähnlich sein. Wenn nach dem Öffnen eine Warnung über fehlende Schriftarten angezeigt wird, können Sie andere Schriftarten verwenden, ohne dass sich dies negativ auf den Endeffekt auswirkt.
Unter den Inhalten der Photoshop-Animation sind die wichtigsten Konzepte die grundlegende Zeitleiste, Schlüsselbilder und andere Konzepte. Um Animationen schön und detailliert zu gestalten, müssen Sie sich auf dieser Grundlage auf den Stil verlassen. Daher ist auch die Beherrschung der Ebenenstile eine wichtige Voraussetzung. Diese Lektion führt Sie in eine weitere Animationsgrundlage ein, nämlich die Verwendung von Masken in Animationen. Zuvor muss natürlich jeder die Kenntnisse über den Maskenteil im Basis-Tutorial vollständig beherrschen, daher werden wir ihn hier nicht noch einmal vorstellen. Wenn Sie mehr darüber erfahren möchten.
In Timeline-Projekten hat jeder Maskenprojekte gesehen, die in gewöhnliche Punktmatrixmasken und Vektormasken unterteilt sind. Jeder von ihnen verfügt über zwei Animationselemente, eines ist die Position der Maske und das andere ist die Aktivierung der Maske.
Das sogenannte Enablement bezieht sich auf die Wirksamkeit der Maske, also an oder aus. Es kann verwendet werden, um das Erscheinen oder Verschwinden von Objekten zu steuern, es kann jedoch keine Übergangseffekte haben. Mit anderen Worten: Es ist entweder vollständig vorhanden oder überhaupt nicht vorhanden, es gibt jedoch keinen Übergang zwischen beiden. Der praktische Wert ist nicht sehr groß, da wir den gleichen Effekt direkt erzielen können, indem wir die Ebenendeckkraft verwenden und die Interpolation beibehalten.
Die Maskenposition ist ein sehr nützliches Element, wenn wir eine Animation erstellen möchten, die einen Fortschrittsbalken simuliert, wie in der Abbildung unten gezeigt. Da Photoshop keine Verformungsanimation unterstützt, kann diese nicht einfach über den Transformationsbefehl erreicht werden. Obwohl es über die zuvor eingeführte „unabhängige Ebene“ erstellt werden kann, ist es zu umständlich und lässt sich in der späteren Phase schlecht bearbeiten.
Es ist sehr einfach, eine Maske zu verwenden, um diese Animation zu erstellen. Zeichnen Sie ein Rechteck in einer neuen Ebene, erstellen Sie eine komplett weiße Maske, füllen Sie sie mit Schwarz und lösen Sie die Verbindung zwischen der Maske und der Ebene, wie im linken Bild gezeigt unten. . Anschließend können Sie das Animationselement der Maskenposition festlegen. Der Vorgang ist sehr einfach: Halten Sie die Maske am Anfang vollständig schwarz und verschieben Sie sie am Ende (angepasst nach links oder rechts), bis das Weiß vollständig freigelegt ist, d. h. bis der Ebeneninhalt nicht mehr blockiert ist . Die Animationsdatei ist auf 1 Sekunde und 15 fps eingestellt.
Die Maske kann auch mit einem Farbverlauf erstellt werden, wie im rechten Bild unten gezeigt. Dadurch erscheint das Ende des Fortschrittsbalkens glatter.
Zusätzlich zum Verschieben der Position der Maske können Sie auch den Inhalt in der Ebene verschieben, während die Maske unverändert bleibt. Erstellen Sie eine Textebene und maskieren Sie sie mit dem Verlaufswerkzeug mit einem symmetrischen Verlaufseffekt. Der Bildeffekt ist im linken Bild unten und die Ebenenpalette im rechten Bild unten dargestellt. Sobald die Verknüpfung der Maske aufgehoben ist, können Sie die Position der Ebene animieren. Beachten Sie, dass dies nicht mehr das Maskenpositionselement ist, sondern die Ebenenposition, die wir zuvor gelernt haben. Die Animationsdatei ist auf 2 Sekunden und 15 fps eingestellt.
Obwohl die Maske zu diesem Zeitpunkt nicht direkt bewegt wird, muss die Animation mithilfe des Okklusionseffekts der Maske abgeschlossen werden, sodass sie weiterhin als Maskenanimation klassifiziert wird.
Anders als bei der Textbewegung, die wir zuvor durchgeführt haben, kann der obige Effekt als Textscrollen bezeichnet werden. Der Hauptunterschied zwischen den beiden besteht darin, dass der Textinhalt des ersteren vollständig angezeigt wird, während der letztere abwechselnd angezeigt wird. Wenn Sie möchten, dass der Lauftext einen Schleifeneffekt hat, sind bestimmte Fähigkeiten erforderlich. Aufgrund der Lesegewohnheiten ist es nicht geeignet, den Text in die entgegengesetzte Richtung zu scrollen und dann zurück zu scrollen Ein Satz kann nicht umgekehrt gelesen werden. Obwohl die Standard-Loop-Wiedergabe ebenfalls eine Lösung darstellt, hinterlässt sie nach dem letzten Buchstaben des Textes eine Lücke.
Durch Kopieren des Textinhalts können wir einen Schleifeneffekt ohne Leerraum erzeugen. Kopieren Sie den Textinhalt in zwei Kopien und verbinden Sie diese nach dem Originaltext, d. h. „Photoshop“ wird zu „Photoshop_Photoshop_Photoshop“. Platzieren Sie zu Beginn die Verbindung zwischen den ersten beiden Wörtern „p_P“ in der Mitte (oder irgendwo) der Ebene und verschieben Sie am Ende die zweite Verbindung an ungefähr dieselbe Position. Kleine Unterschiede fallen in der Animation weniger auf, Ungenauigkeiten sind also in Ordnung. Wenn Sie präzise sein möchten, können Sie eine Referenzlinie für eine präzise Ausrichtung basierend auf den Strichen eines bestimmten Buchstabens (z. B. dem linken vertikalen Strich von P) festlegen.
Zu diesem Zeitpunkt wurde der Schleifeneffekt gebildet, es gibt jedoch zu Beginn und am Ende Frames im gleichen Zustand. Da es sich hierbei nicht um eine symmetrische Hin- und Herbewegungsanimation handelt, können Sie den Keyframe des Endmoments (01:14) direkt auf 02:00 verschieben, wie in der Abbildung unten gezeigt. Wenn Sie das zuvor Gelernte beherrschen, können Sie verstehen, dass der Moment um 02:00 Uhr eigentlich nicht zum Animationsprozess gehört. Der eigentliche Animationsprozess dauert von 00:00 bis 01:14.
Nicht nur Text, sondern auch verschiedene grafische Symbole können mit dieser Methode in Einweg-Loop-Animationen umgewandelt werden.
Dies ist der technische Inhalt der Maskenanimation. Er ist nicht für Fortgeschrittene geeignet, aber wenn Sie ihn mit Vorkenntnissen kombinieren, können Sie viele Effekte erzeugen. Beispielsweise haben wir zuvor die Winkelverlaufsanimation in Ebenenanimationen gelernt, die mithilfe von Masken weiter erzeugt werden können. Im linken Bild unten ist ein gewöhnlicher Winkelverlauf dargestellt, und wir fügen ihm eine Vektormaske hinzu, wie im rechten Bild unten gezeigt. Sie können einen kreisförmigen Fortschrittsbalken animieren. Klicken Sie hier, um die PSD-Quelldatei dieser Animation herunterzuladen . Damit jeder es selbst analysieren kann.
Während hier eine Rastermaske verwendet werden kann, passen sich Vektormasken gut an die Bildskalierung an. Dies macht es einfach, die Animation auf jede beliebige Größe zu ändern, um sie unterschiedlichen Anforderungen anzupassen. Der Unterschied zwischen Gitter und Vektor sowie das Zeichnen von Vektorpfaden wurden im grundlegenden Tutorialteil vorgestellt. In späteren Lektionen wird der Einfluss der Animationsgröße auf die Anzahl der Bytes erläutert.
Ändern Sie die Maske oben in einen Ring oder ändern Sie den Verlaufsstil, um zusätzliche Animationseffekte zu erhalten.
Darüber hinaus kann der Farbverlauf desselben Farbstopps die Änderung der Farbstoppposition animieren, wie in der folgenden Abbildung dargestellt. Es kann den Effekt einer allmählichen Entfaltung von Farbverläufen erzeugen.
Sie denken vielleicht, dass die Beispielanimationen immer in Schwarzweiß und Graustufen sind, was aus pädagogischer Sicht tatsächlich die Methode ist, die wir anwenden. Erstens können Graustufen den Inhalt klar und ohne Farbinterferenzen darstellen Die Muster können auf unterschiedliche Weise gemischt werden und funktionieren bei jeder Farbe, sodass Sie mit einfachen Änderungsschritten großartige Ergebnisse erzielen können. Wir haben dies bereits in Kapitel 11, Abschnitt 6 des Basis-Tutorials vorgestellt. Klicken Sie hier, um das Video-Tutorial dieses Abschnitts anzusehen. Text-Tutorials sind nur im veröffentlichten Buch „The Master's Road-Complete Analysis of the Chinese Version of Photoshop“ enthalten.
Wir fügen der Animation einen oberen Schatten, ein äußeres Leuchten usw. hinzu, ändern die Farbe der Füllung und die Überlagerungsmethode des Farbverlaufs und erhalten den Bildeffekt wie unten gezeigt. Beachten Sie, dass die Dokumenteinstellung dieser Animation auf 10 fps geändert wurde. Der Grund für die Änderung wird später erläutert.
Bisher haben wir grundsätzlich eine einzelne Ebene als Animationsobjekt verwendet, was jedoch nicht bedeutet, dass wir in der tatsächlichen Produktion so „sparsam“ sein müssen. Sie können mehrere Ebenen verwenden, um umfangreichere Animationen zu erstellen. Wir müssen jedoch weiterhin diesem Prinzip folgen, das darin besteht, so wenige Schichten wie möglich zum Erstellen zu verwenden. Denn zu viele Ebenen können leicht zu Verwirrung führen und sind für spätere Änderungen nicht förderlich. Im Basis-Tutorial wurde ein weiteres Prinzip erwähnt, das darin besteht, so viel wie möglich Vektoren zu verwenden.
Unten sehen Sie unsere Animation, die aus zwei Ebenen besteht. Da diese Animation zu groß ist, wird sie nicht auf der Webseite angezeigt. Sie können es als Hausaufgabe behandeln und wir stellen Quelldateien zur Verfügung, die jeder studieren kann.
Photoshop kann auch Ebenengruppen animieren, jedoch nur die Gesamtdeckkraft der Ebenengruppe und die Ebenengruppenmaske. Die Animation der Ebenengruppenposition wird nicht unterstützt, was etwas bedauerlich ist. Wenn wir die Animation der Ebenengruppenposition unterstützen können, können wir problemlos relative Bewegungen erzeugen. Lassen Sie beispielsweise zuerst den Text horizontal auf der Schaltfläche verschieben, bilden Sie dann eine Ebenengruppe mit dem Text und der Schaltfläche und definieren Sie dann eine vertikale Bewegungsanimation für die Ebenengruppe. Anschließend können Sie die obige Aufgabe abschließen.