In diesem nützlichen und praktischen Tutorial lernen Sie wertvolle Techniken kennen, die Sie immer wieder in Ihrem verwenden möchten Photoshop und After Effects funktionieren. Bitte schauen Sie sich den letzten Film unten an, um einige der behandelten Techniken zu sehen. Dies ist ein experimentelles Kunstprojekt - erstellt als Antwort auf das Lied, Dieser Tag vom Künstler, Richard Walker .
In Photoshop erfahren Sie, wie Sie mithilfe der häufig übersehenen, aber leistungsstarken Variablenfunktion automatisch Text aus einer normalen Textdatei in Textebenen eingeben.
In After Effects verwenden Sie Markierungen, um visuelle Referenzpunkte zu erstellen, die die Animation vereinfachen. Fügen Sie Nullen hinzu, um Wörter zu Sätzen zu gruppieren, damit sie einfach als Gruppen animiert werden können. Verwenden Sie Textvoreinstellungen, um eine Animation pro Zeichen zu erstellen, und fügen Sie Ausdrücke hinzu, um Flackern zu erzeugen Lichteffekte. Ich werde Ihnen auch zeigen, wie Sie die neuen Light Falloff-Eigenschaften steuern, um 3D-Schatten zu steuern.
Variablen sind eine übersehene Funktion von Photoshop, aber sehr nützlich, wenn Sie Text für Bildschirmgrafiken entwerfen. Wir verwenden Variablen, um automatisch Text aus einem Dokument in einzelne Photoshop-Ebenen zu importieren, wodurch Sie viel Zeit sparen - ganz zu schweigen von der Eingabe.
Öffnen 01_Variables_Start.psd und geh zu Bild> Variablen> Definieren .
Klicken Sie im Dialogfeld auf Textersetzung Kontrollkästchen und Sie sehen das Name Feld mit dem Text füllen - TextVariable1 . Grundsätzlich weisen wir jeder Ebene einen Code zu, mit dem wir auf variable Daten in einem Textdokument verweisen können. Trage mit mir; Sie werden bald verstehen, warum!
Klicke auf das Richtig Pfeil neben dem Schicht Dropdown-Menü, um zur nächsten Ebene mit dem Namen zu gelangen Text 02 . Klicke auf das Textersetzung Kontrollkästchen erneut. Das Name Feld wird mit dem Text gefüllt - TextVariable2 . Wiederholen Sie diesen Vorgang, bis alle 11 Ebenen mit äquivalenten Namen übereinstimmen.
Klicke auf das Nächster Taste zum Öffnen der Datensätze . Drücke den Belastung Taste und dann die Datei aussuchen Schaltfläche in der Datensatz importieren Dialog. Wähle aus Lyrics.txt Datei von Angie_Taylor_Kinetic_Typography Ordner dann klicken OK . Unten wird eine Liste mit entsprechenden Namen, Werten und Ebenen angezeigt.
Klicken Anwenden und dann OK . In dem Schichten Im Bedienfeld wird der Text mit dem Text aus der Datei aktualisiert. Stellen Sie sich vor, wie viel einfacher dies das Leben macht, wenn Sie mit vielen Ebenen in mehreren Dokumenten arbeiten. Bearbeiten Sie einfach die Textdatei und aktualisieren Sie den Datensatz, um die Ebenen automatisch zu aktualisieren.
Planen Sie den Stil des Layouts in Photoshop. Verwenden Sie title-safe Führer um das Layout des Textes und der Geben Sie Tool Presets ein Menü, um es schnell mit Schriftstilen zu formatieren. In dem Ebenenbedienfeld Ordne die Wörter in Sätzen innerhalb Schicht Gruppen für jeden Abschnitt des Liedes. Dies spart Zeit in After Effects.
Öffnen Sie in After Effects Angie_Taylor_Kinetic_Typography.aep - - 01_Main Setup_start comp. Die Photoshop-Datei wurde in ein After Effects-Projekt importiert. Ebenengruppen werden als verschachtelte Kompositionen in der Hauptkomposition angezeigt. Eine Audiodatei mit dem Soundtrack wurde der Komposition hinzugefügt. Eine animierte Hintergrundkomposition wurde mit einer Kombination von Effekten erstellt.
Wählen An diesem Tag.mp3 und doppelt auf die L. Taste zum Öffnen des Audios Wellenform . Dies hilft Ihnen bei den nächsten Schritten. RAM-Vorschau Drücken Sie die Taste und drücken Sie die Taste, während Sie den Ton anhören * * Taste (Umschalt + 8 ), um am Anfang jedes gesprochenen Satzes Markierungen hinzuzufügen.
Doppelklicken Sie nacheinander auf die einzelnen Markierungen, um sie zu bearbeiten. Geben Sie die Songtexte ein oder fügen Sie sie in das Feld ein Kommentar Feld und dann klicken OK . Die Kommentare werden auf der Ebene als visuelle Referenz angezeigt, um Ihnen das Navigieren in der Zeitleiste zu erleichtern. Verwenden Sie die J. und ZU Tasten zum Wechseln zwischen Markierungen.
Jede Ebene aus der Photoshop-Datei sollte an der entsprechenden Markierung beginnen. Springe zum ersten Marker, indem du schlägst ZU . Wähle aus 01_Juni 1 .. schichten und schlagen Alt + [[ zu trimmen Im Punkt. Zum nächsten Marker springen und dann drücken Alt +] zu trimmen aus Punkt. Wiederholen Sie diesen Vorgang, um andere Ebenen entsprechend zu trimmen.
wacom - cintiq 13hd interaktive Stiftanzeige
Doppelklick 10_So oft Ebene, um die verschachtelte comp zu öffnen. Springe zur ersten Markierung auf der An diesem Tag.mp3 Ebene, indem Sie es auswählen und dann die ZU Schlüssel. Wähle aus Aber Ebene und klicken [ um es zu bewegen Im Zeigen Sie auf die Zeitmarke. Wiederholen Sie diesen Vorgang für die anderen Ebenen, sodass jede auf den nachfolgenden Markierungen beginnt.
Gehe zu Ebene> Neu> Nullobjekt um eine Null-Ebene hinzuzufügen. Wählen Sie alle Photoshop-Ebenen aus und wählen Sie dann Null 1 als ihre Eltern von der Elternteil Dropdown-Menüs. Dies gibt uns einen einzigen Satz von Steuerelementen zum Animieren der Wortgruppe unter Beibehaltung ihrer individuellen Animationen.
Ziehen nach 30:10 . Wählen Null 1 dann schlagen Alt + A. um einen Keyframe für das hinzuzufügen Ankerpunkt Eigentum und gleichzeitig aussetzen. Ziehen nach 31:11 und schrubben die Ankerpunkt X. Wert, bis Sie das Wort sehen Nicht in der Mitte des Bildschirms. Dadurch wird automatisch ein neuer Keyframe hinzugefügt. RAM-Vorschau .
Öffnen 02_Dinge, die vorübergehend sind comp aus 01_Main Setup_Start comp. Hier, Rahmen , Drehung und Ankerpunkt wurden mit einem Keyframe versehen, um eine komplexe Animation zu erstellen. Hinweis bei 09:04 Die Bewegungsunschärfe ist nicht detailliert genug. Gehe zu Komposition> Kompositionseinstellungen und klicken Sie auf die Fortgeschrittene Tab. Erhöhen, ansteigen Verschlusswinkel zu 200 und Adaptive Sample Limit zu 64 .
Doppelklick 05_Wenn ich ausgegangen bin comp. Beachten Sie, dass der Text aus der Photoshop-Datei hier als gerenderte Ebene angezeigt wird. Um die Photoshop-Ebene in bearbeitbaren Text zu konvertieren, wählen Sie sie aus und gehen Sie zu Ebene> In bearbeitbaren Text konvertieren . Öffne die Ebene, um die zu sehen Text Eigenschaftsgruppe ist jetzt verfügbar.
Voreinstellungen kann den Text automatisch pro Wort animieren. Geben Sie im Bereich Effekte und Voreinstellungen Folgendes ein Durch Wort verwischen um die Voreinstellung zu isolieren. Mit der Zeitmarke bei 14:10 Ziehen Sie es auf die Textebene. Schlagen U. um die Keyframes zu enthüllen. Ziehen Sie den letzten Keyframe auf 17:04 . RAM-Vorschau .
Von dem Projektfenster offen 04a_Here_to_stay_Start comp - RAM-Vorschau . Einschalten Ambiente Ebene - Verdunkelt die Szene, indem das Umgebungslicht auf 20% reduziert wird. Einschalten Punktlicht Überlagern und bemerken Sie, dass Schatten geworfen werden. Doppelklick Punktlicht öffnen Lichteinstellungen . Ändere das Runterfallen Menü zu Glatt - Beachten Sie, dass der Lichtstrahl eine harte Kante hat. Klicken OK .
Ändern Sie in der Timeline die Falloff-Entfernung zu 300 Dadurch wird die Kante weicher, wenn das Licht allmählich verblasst. Ändere das Radius zu 800 den vom Licht projizierten „Strahl“ zu verbreitern. Ändere das Schatten Dunkelheit zu 80% und das Schattendiffusion zu 30 für weichere, subtile Schatten. RAM-Vorschau .
Um das Licht flackern zu lassen, wählen Sie die Intensität Eigentum der Punktlicht Ebene durch Klicken auf den Namen in der Timeline. Gehe zum Animation Menü und wählen Ausdruck hinzufügen . Der ausgewählten Eigenschaft wird ein Ausdruck hinzugefügt, und neben der Eigenschaft in der Zeitleiste wird ein Textfeld angezeigt.
Der Ausdruck lautet:
lightOption.intensity
Bearbeiten Sie den Ausdruckstext so, dass er lautet:
wackeln (10,50)
Drücken Sie dann die Eingabetaste (nicht zurück!) RAM-Vorschau um das Licht ein- und ausschalten zu sehen. Sie können die einstellen Frequenz durch Ändern des ersten Werts in den Klammern. Verstelle die Amplitude durch Ändern des zweiten Wertes.
Da haben Sie also einige wertvolle Tipps und Tricks, die ich beim Erstellen von kinetischen Typografieanimationen nützlich finde. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie finden diese Techniken nützlich - viel Spaß beim Keyframing!
Wenn Sie weitere Techniken wie diese erlernen möchten, schauen Sie sich das an Angies Videoworkshop . Dieser umfassende Kurs umfasst mehr als sieben Stunden Video-Tutorials und behandelt andere Techniken, die im endgültigen Video verwendet werden.
Es gibt einige kostenlose Beispielfilme aus Angies Werkstatt zum Ansehen hier auf ihrem Blog .
Angie Taylor ist Autor, Animator und Creative Director. Sie produziert Animationen, Illustrationen und Bewegungsgrafiken für Fernsehen und Film und ist Autorin von „Design Essentials für den Motion Media-Künstler“ und „After Effects Learn by Video“.
