Mit der Einführung des Zeitleistenfensters in Photoshop CS6 hat Adobe viele seiner neuen Videobearbeitungsfunktionen erweitert, mit denen Sie Videos direkt in Photoshop bearbeiten, verbessern und rendern können. Obwohl Adobe es hauptsächlich als Videobearbeitungswerkzeug ankündigt, ist es für mich wirklich interessant, schnelle animierte Stiche direkt aus Photoshop zu erstellen, ohne Softwarepakete wechseln zu müssen.
Hier zeige ich Ihnen, wie Sie schnell einen kurzen animierten Begrüßungsbildschirm für das iPad erstellen. Für Designer, die es gewohnt sind, mit Flash oder After Effects zu arbeiten, scheinen diese Tools recht einfach zu sein, aber für jeden Designer, der sich mit Bewegungsgrafiken beschäftigen möchte, bieten sie eine schnelle und einfache Einführung in die Idee einer Zeitleiste und von Keyframes. Natürlich muss die endgültige Ausgabe nicht für einen iPad-Begrüßungsbildschirm sein, sodass Sie nur durch Ihre Vorstellungskraft eingeschränkt sind, wofür Ihre endgültige Ausgabe verwendet wird.
01 Beginnen Sie mit dem Einrichten eines neuen Dokuments mit der gewünschten iPad-Auflösung über das Dropdown-Menü "Mobil & Geräte". Füllen Sie den Hintergrund mit einer Farbe Ihrer Wahl (in diesem Fall grau), erstellen Sie ein weißes Quadrat in der Mitte auf einer neuen Ebene, erstellen Sie dann zwei schwarze Punkte und fangen Sie sie an zwei gegenüberliegenden Ecken, wiederum auf separaten Ebenen. Beschriften Sie alles angemessen, um das Leben später einfacher zu machen.
02 Klicken Sie im Bedienfeld „Zeitleiste“ auf „Video-Zeitleiste erstellen“. Alle Ebenen werden in der Zeitleiste angezeigt. Stellen Sie 00:00 ein, wählen Sie Punkt 01 aus und erweitern Sie die Ebene mithilfe des Dreiecksymbols. Klicken Sie nun auf die Registerkarte Position, um einen Keyframe zu erstellen. Verschieben Sie die Timeline auf 01:00 und erstellen Sie einen weiteren Positions-Keyframe. Bewegen Sie nun den Punkt nach links unten auf dem Quadrat und wiederholen Sie den Vorgang für den zweiten Punkt mit genau den gleichen Timings. Wiederholen Sie den Vorgang mit den Punkten im Abstand von einer Sekunde bis zur Drei-Sekunden-Marke und erstellen Sie dabei Keyframes.
03 Gehen Sie zurück zu 00:00 und erstellen Sie auf einer neuen Ebene direkt über dem Hintergrund eine diagonale Auswahl und füllen Sie sie mit einer Farbe. Wir möchten, dass diese Form ein- und ausgeblendet wird. Erstellen Sie um 00:00 Uhr einen Positions-Keyframe und verschieben Sie die Form bei gedrückter Umschalttaste von der Leinwand. Erstellen Sie um 01:00 Uhr einen weiteren Keyframe und verschieben Sie die Form wieder in ihre ursprüngliche Position. Spielen Sie es ab, und es scheint hineinzuwischen. Sie können sehen, wie die Keyframes mit denen der Spots übereinstimmen.
04 Verschieben Sie nun die Zeitleiste um weitere 10 Frames auf 01:10 und verschieben Sie die Form wieder an eine Position innerhalb der Dokumentgrenzen. Nehmen Sie die Zeitleiste zurück auf 01:00, wo die Form in der Vollansicht angezeigt wird, wählen Sie alle aus und kopieren Sie die Ebene. Drücken Sie auf der quadratischen Ebene Cmd / Strg + A, um eine Auswahl zu treffen, und gehen Sie dann zu Bearbeiten> Einfügen in, um die Form innerhalb des Quadrats auf einer neuen Ebene einzufügen. Füllen Sie es mit Schwarz, beschriften Sie es entsprechend und bewegen Sie es über die ursprüngliche quadratische Ebene.
05 Jetzt wollen wir, dass die schwarze innere Form mit der gelben Form hereinwischt. Verschieben Sie die Ebene auf der Zeitachse zurück auf 00:00 und wiederholen Sie den Vorgang von der vorherigen gelben Form. Richten Sie den ersten Keyframe um 00:00 ein, wobei die Form vollständig von der Leinwand entfernt ist, und um 01:00, wobei die Form vollständig angezeigt wird Fügen Sie keine weiteren Keyframes hinzu, damit diese mit der gelben Ebene zu streichen scheinen, aber in Position bleiben.
