Das Erstellen von Animationen von Grund auf in Photoshop mag auf den ersten Blick abschreckend erscheinen, aber in Wirklichkeit sind sie sehr einfach. Starten Sie Photoshop und nehmen Sie einige Ihrer Dateien mit. Es ist an der Zeit, die Hose deiner Freunde mit vielen animierten GIFs zu ärgern!

Wir haben über einige einfache Möglichkeiten gesprochen, Videos und Youtube-Rips in animierte GIFs umzuwandeln, aber heute zeigen wir Ihnen, wie Sie eine einfache Animation ohne Videodateien erstellen können. Lesen Sie weiter - dies 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 sich bewegender 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, aber für animierte GIFs vielleicht 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 das verwenden Werkzeug bewegen (Tastenkürzel "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 sollten Sie zunächst die richtige Verzögerung auswählen, sodass Sie nicht mehr die Frames ändern müssen, nachdem Sie die Bilder aufgenommen haben.

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

Gestalten Sie Ihre Frames im Verlauf des Vorgangs, bewegen Sie Ihr 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 eine Sekunde entsprechen, machen Sie also Ihre Schnappschüsse entsprechend.

Sie können auch die Verzögerung mehrerer Bilder gleichzeitig bearbeiten, indem Sie die Umschalttaste drücken und viele oder alle Bilder auswählen und die Verzögerung ändern. Beachten Sie, dass Sie Ihre Verzögerung auf „Other…“ im unteren Bereich 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 eine browserfreundliche animierte GIF erstellen und diese 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, obwohl wir in unserem Beispiel nichtHoppla!).

Und unser animiertes GIF ist bereit, sich im Web 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.

Top-Tipps:
Kommentare: