Animiertes GIF in Photoshop CS5

Adobe Photoshop CS5 ist ein leistungsstarkes Bildbearbeitungsprogramm, mit dem Sie fast alle Arten von Bildern erstellen oder bearbeiten können, die Sie benötigen. Photoshop CS5 eignet sich jedoch besonders gut für die Erstellung von Bildern, die online gestellt werden sollen, z. B. Bilder, die Sie auf Ihre Website stellen oder mit Ihren Freunden teilen möchten. Eine beliebte Bildauswahl ist ein animiertes GIF, da es einfach zu erstellen ist, Bewegung hat, aber wie ein normales statisches Bild gepostet werden kann. Photoshop bietet einige hilfreiche Werkzeuge, mit denen Sie in Photoshop CS5 ein animiertes GIF erstellen können, und Sie können sogar Ihr animiertes GIF in Photoshop CS5 so anpassen, dass es den gewünschten Spezifikationen entspricht.

Vorbereiten der Frames für Ihr animiertes GIF in Photoshop CS5

Ein animiertes GIF in Photoshop CS5 besteht eigentlich aus fünf separaten Bildern, die Sie als Ebenen anordnen. Jede Ebene stellt einen Frame Ihres Bildes dar, daher muss jeder Frame etwas anders sein, um anzuzeigen, dass in Ihrem animierten GIF eine Aktion oder Bewegung stattfindet. Für die Zwecke dieses Tutorials erstelle ich in Photoshop CS5 ein animiertes GIF eines Sterns, der sich über einen schwarzen Hintergrund bewegt. Das animierte GIF wird aus fünf verschiedenen Frames bestehen, wobei sich der Stern in jedem Frame an einer etwas anderen Position befindet. Die einzelnen Bilder sehen so aus:

Der Einfachheit halber habe ich die Bilder als 1.gif, 2.gif, 3.gif, 4.gif und 5.gif bezeichnet, was mir hilft, mir die Reihenfolge zu merken, in der ich sie anzeigen möchte. Jedes Bild hat die gleiche Größe, 100×100 Pixel.

Um ein animiertes GIF in Photoshop CS5 zu erstellen, können Sie Photoshop jetzt starten, klicken Sie auf Datei Klicken Sie oben im Fenster auf Neu, und stellen Sie dann die Größe für Ihr Bild ein. Sobald Ihre Bildparameter eingestellt sind, klicken Sie auf OK Schaltfläche, um Ihre leere Leinwand zu erstellen.

Als nächstes öffnen Sie den Ordner mit den Bildern, die Sie in Ihr animiertes GIF in Photoshop CS5 einfügen möchten. Beachten Sie, dass Sie den Ordner im Windows Explorer öffnen, NICHT mit dem Offen Befehl in Photoshop. Windows Explorer ist das Programm, das Sie zum Durchsuchen von Ordnern und Dateien auf Ihrem Computer verwenden, und Sie können es starten, indem Sie auf das Ordnersymbol in der Taskleiste unten auf Ihrem Computerbildschirm klicken. Sobald der Ordner mit Ihren Bildern geöffnet ist, halten Sie die STRG-Taste auf Ihrer Tastatur gedrückt, um alle Bilder auszuwählen, und ziehen Sie sie dann auf die Photoshop CS5-Leinwand.

Dadurch wird Ihre Leinwand geändert, um einen Ihrer Rahmen mit einem X darüber anzuzeigen, wie in diesem Bild:

Wenn Sie dies sehen, drücken Sie Eingeben auf Ihrer Tastatur, um jedes Bild als Ebene in Photoshop einzufügen. Sobald alle Bilder hinzugefügt wurden, wird Ihr Schichten Fenster auf der rechten Seite von Photoshop sollte so aussehen.

Beachten Sie, dass das Bild, das Sie als letztes Bild Ihres animierten GIF anzeigen möchten, die oberste Ebene sein sollte. Wenn Ihre Ebenen in der falschen Reihenfolge sind, können Sie sie einfach innerhalb des Schichten Fenster, bis sie in der richtigen Reihenfolge sind.

Jetzt müssen Sie die öffnen Animation Fenster, das Sie tun können, indem Sie auf das Fenster Menü oben in Photoshop und klicken Sie dann auf Animation Möglichkeit. Der Animation Fenster wird als horizontales Fenster am unteren Rand von Photoshop geöffnet.

Klicken Sie auf die Schaltfläche in der oberen rechten Ecke des Animation (die Schaltfläche sieht aus wie ein nach unten weisender Pfeil neben 4 horizontalen Linien), und klicken Sie dann auf Rahmen aus Ebenen erstellen Möglichkeit.

Klicken Sie auf den nach unten weisenden Pfeil rechts neben 0 Sek. und unter einem deiner rahmen im Animation Wählen Sie dann aus, wie lange dieser Frame in Ihrem animierten GIF angezeigt werden soll. Wiederholen Sie diesen Schritt für jeden Frame Ihres Bildes. Ich mag es zu wählen 1.0 für die Dauer der Frames in vielen animierten GIFs in Photoshop CS5, aber experimentieren Sie mit verschiedenen Dauern, bis Sie die für Sie am besten geeignete gefunden haben.

Sie können auch festlegen, wie oft das animierte GIF durch alle seine Frames durchlaufen soll, indem Sie auf . klicken Bis in alle Ewigkeit Dropdown-Menü am unteren Rand des Animation Fenster. ich benutze Bis in alle Ewigkeit als Option für das animierte GIF am Ende dieses Artikels, was bedeutet, dass das animierte GIF kontinuierlich durchlaufen wird, bis Sie diese Seite verlassen.

Sie haben Ihr animiertes GIF jetzt in Photoshop CS5 erstellt und müssen es speichern. Klicken Datei oben im Fenster und klicken Sie dann auf Für Web und Geräte speichern. Klicken Sie auf das Dropdown-Menü in der oberen rechten Ecke des Fensters, um das GIF Option, und klicken Sie dann auf die Speichern Schaltfläche am unteren Rand des Fensters.

Geben Sie einen Namen für Ihre Datei in das Dateinamen Feld, und klicken Sie dann auf das Speichern Taste. Sie können dann auf das erstellte Bild in Ihrem Ordner doppelklicken, um das animierte GIF zu starten und zu sehen, was Sie erstellt haben. Unten ist mein Beispiel für ein animiertes GIF in einem Photoshop CS5-Bild.