So animieren Sie Ihr eigenes benutzerdefiniertes GIF mit Photoshop

Das Erstellen von Animationen von Grund auf in Photoshop mag zwar abschreckend sein, ist aber in der Tat sehr einfach. Starten Sie Photoshop und nehmen Sie einige Ihrer Dateien mit. Es ist Zeit, die Hosen Ihrer Freunde mit vielen animierten GIFs zu ärgern!

Wir haben einige einfache Möglichkeiten besprochen, wie Video- und Youtube-Rips in animierte GIFs umgewandelt werden können. Heute zeigen wir Ihnen jedoch, wie Sie eine einfache Animation ohne Videodateien erstellen können. Lesen Sie weiter - das macht viel Spaß.

Erstellen von Animationen mit den Animationstools von Photoshop

Für eine einfache Animation erstellen wir einen Teil des Bildes auf einer separaten Ebene, in der wir uns bewegen können. Wir animieren nur die Bewegung der Augen, aber Sie können auf diese Weise jede Art von Animation erstellen, einschließlich handgezeichneter Animationszellen oder bewegter Fotos.

Unabhängig davon, was Sie animieren möchten, beginnen Sie mit mindestens zwei Ebenen. In unserem Beispiel verwenden wir das HTG-Logo und bewegen seine Augen auf eine zweite Ebene, mit der wir die Bewegung animieren können.

Um zu beginnen, öffnen Sie das Animationsfenster. Sie finden es unter Fenster> Animation.

Das Panel erscheint am unteren Rand des Fensters und ist ziemlich einfach zu bedienen. Jeder neue „Frame“ der Animation ist eine Art Momentaufnahme der Datei. Drücke den im Animationsbereich, wenn Sie einen neuen Schnappschuss aus dem aktuellen Status der Datei erstellen möchten. Aber noch nicht!

In diesem Fenster können Sie auch eine „Verzögerung“ für jeden einzelnen Frame einstellen. Dies bedeutet, wie lange (in Sekundenbruchteilen oder Sekundenbruchteilen) auf dem Bildschirm angezeigt wird, bevor Sie zum nächsten Frame wechseln. 25 Frames pro Sekunde (0,04) ist eine Standardrate für Animationen, für animierte GIFs jedoch etwas schnell. In unserem Beispiel haben wir mit einer Verzögerung von 0,05 Kompromisse eingegangen, die Sie auch verwenden können. Wenn Sie eine andere Anzahl von Bildern pro Sekunde verwenden möchten, teilen Sie einfach 1 durch die Anzahl der Bilder, um die richtige Verzögerungszeit zu erhalten. (Beispiel: 1 Sekunde geteilt durch 25 Frames entspricht 0,04 Verzögerungszeit.)

Die Idee ist, die Augenschicht hinein zu bewegen kleine Schritte und schnappschüsse auf dem weg machen. Wir werden die verwenden Werkzeug bewegen (Tastenkombination "V") und Stoßen unsere Schicht mit der Pfeiltasten. In unserem Beispiel haben wir einen Schnappschuss gemacht, nachdem alle zwei Pixel verschoben wurden.

Durch Anklicken der Im Panel sehen Sie neue Bilder, die in der Animation erstellt wurden. Sie nehmen die Zeitverzögerung des Frames vor sich her, daher möchten Sie vielleicht zuerst die richtige Verzögerung auswählen, so dass Sie nicht mehr die Anzahl der Frames ändern müssen, nachdem Sie die Bilder aufgenommen haben.

(Anmerkung des Verfassers: Wenn Sie so wie ich sind, werden Sie die Verzögerung sowieso zig Millionen Mal anpassen. Die Dinge funktionieren nicht immer so, wie Sie es wollen!)

Gestalten Sie Ihre Frames im Verlauf des Vorgangs und verschieben Sie das Objekt (in unserem Beispiel die Augen) mit dem Ebenen-Bedienfeld wie gewünscht, und nehmen Sie jede Menge Schnappschüsse auf. Denken Sie daran, dass ungefähr 25 Sekunden lang eine Sekunde sind. Nehmen Sie also Ihre Schnappschüsse entsprechend auf.

Sie können die Verzögerung mehrerer Bilder gleichzeitig bearbeiten, indem Sie die Umschalttaste verwenden und viele oder alle Bilder auswählen und die Verzögerung ändern. Beachten Sie, dass Sie Ihre Verzögerung auf „Other…“ am unteren Rand einstellen können, um unsere benutzerdefinierte Verzögerung von 0,05 zu verwenden.

Navigieren Sie zu Datei> Für Web und Geräte speichern, um das gleichnamige Werkzeug zu öffnen.

Mit diesem Tool können Sie ein Browser-fähiges animiertes GIF erstellen und es innerhalb des Tools testen (wie oben gezeigt, wo sich der Pfeil-Cursor befindet). Stellen Sie sicher, dass Sie Ihren Dateityp auf GIF setzen, und verwenden Sie eine der Einstellungen Perceptual, Selective oder Adaptive. Diese können Ihr Image auf verschiedene Weise verändern, aber für viele von Ihnen werden nahezu identische Ergebnisse erzielt. Um die Dateigröße zu verringern, können Sie Ihre Bildgröße (nach unten) und Ihre Anzahl Farben (oben rechts). Sie können die Dateigröße auch reduzieren, indem Sie keine Transparenz hinzufügen. Dies ist jedoch in unserem Beispiel nicht der Fall (Hoppla!).

Und unser animiertes GIF ist bereit, Sie zu erfreuen, zu schockieren und Ehrfurcht zu erzeugen.

Und das rundet es für die Animation ab. Gedanken oder Fragen zu unserer Methode? Haben Sie eine bessere Methode oder einfachere Techniken? Möchten Sie etwas Fortgeschrittenes sehen? Erzählen Sie uns davon in den Kommentaren, oder senden Sie uns Ihre Gedanken an [email protected], und wir können sie in einen kommenden Grafikartikel aufnehmen.