So erstellen Sie ein GIF in Adobe Photoshop

So erstellen Sie ein GIF in Adobe Photoshop

GIFs sind überall. Das einst bescheidene animierte Bild ist heute die inoffizielle Sprache des Webs. GIFs sind der schnellste Weg, eine Emotion auf Twitter auszudrücken, und Sie können Stunden damit verschwenden, sie auf Reddit und Facebook zu sehen.





Es gibt viele Orte, an denen Sie GIFs finden können, aber nichts ist besser, als Ihre eigenen zu erstellen. Sie können in Photoshop ein animiertes GIF erstellen, indem Sie Videos konvertieren oder eine Reihe statischer Bilder verwenden. Schauen wir uns an, wie man beides macht.





Erstellen Sie ein GIF in Photoshop aus einem Video

Es gibt viele Möglichkeiten, Konvertieren Sie ein Video in ein GIF , und es ist auch sehr einfach, ein GIF in Photoshop mit einem Ihrer eigenen Filme zu erstellen.





Beginnen Sie mit Datei > Importieren > Videoframes in Ebenen . Sie müssen nicht zuerst eine neue Datei erstellen. Wählen Sie Ihr Video aus und klicken Sie auf Offen .

Im folgenden Dialogfeld können Sie wählen, ob Sie das gesamte Video oder nur einen ausgewählten Teil importieren möchten. Wenn Sie sich für letzteres entscheiden, ziehen Sie die Trimmgriffe unterhalb des Vorschaufensters nach innen, um neue Start- und Endpunkte zu setzen. Alles zwischen diesen Handles wird importiert; alles draußen verworfen.



Denken Sie daran, dass das resultierende GIF umso größer wird, je mehr Videos Sie importieren.

Wenn Sie einen großen Clip importieren, wählen Sie Auf alle 2 Frames beschränken (oder mehr) ist eine einfache Möglichkeit, die Größe zu reduzieren, ohne die Qualität zu sehr zu beeinträchtigen. Schneiden Sie jedoch nicht zu viele Frames aus, sonst erhalten Sie kein glattes GIF.





Vergewissere dich Rahmenanimation erstellen aktiviert ist, klicken Sie dann auf OK . Das Video wird importiert. Es kann eine Weile dauern, je nachdem, wie groß es ist. Wenn es fertig ist, haben Sie eine neue Bilddatei, in der jeder Frame des Videos auf einer eigenen Ebene platziert wird.

Am unteren Bildschirmrand befindet sich das Zeitleiste Palette. Dies zeigt alle Frames, aus denen Ihr GIF besteht, wobei jeder Frame einer anderen Ebene im Bild entspricht.





Sie können Rahmen hinzufügen oder entfernen oder eine der vorhandenen Ebenen bearbeiten, genau wie eine normale Ebene in jedem anderen Bild. Aber für einen direkten Export eines Videos in ein GIF drücken Sie einfach die Spiel Button unten für eine Vorschau. Wenn Sie zufrieden sind, können Sie das GIF speichern.

So exportieren Sie ein GIF in Photoshop

Gehe zu Datei > Exportieren > Für Web speichern (alt) . Legen Sie im sich öffnenden Feld das Format auf GIF fest, Farben auf 256 und reduzieren Sie die Bildgröße auf etwas kleineres, um die Gesamtdateigröße gering zu halten.

Sie können unten links im Vorschaufenster sehen, wie groß Ihre resultierende Datei sein wird. Wenn es zu groß ist, ziehen Sie die Verlustbehaftet Schieberegler nach rechts. Dies beeinträchtigt die Qualität, reduziert aber auch die Dateigröße erheblich.

Endlich zuschlagen Speichern um Ihr animiertes GIF zu exportieren.

Erstellen Sie ein GIF in Photoshop mit Standbildern

Wenn Sie kein Video haben, können Sie manuell ein GIF aus einer Reihe statischer Bilder erstellen. Es gibt Apps, die dir helfen Animieren von Fotos auf Ihrem Telefon , und Sie können dies auch in Photoshop tun.

Sie erstellen Ihr GIF aus einer einzelnen Bilddatei mit mehreren Ebenen, und die Ebenen werden verwendet, um den Inhalt für jeden Frame Ihrer Animation bereitzustellen. Es gibt zwei Möglichkeiten, um zu beginnen.

Wenn Sie die Bilder für Ihre Animation bereits erstellt haben, importieren Sie sie unter Datei > Skripte > Dateien in den Stack laden .

gleichzeitig youtube-videos anschauen

Klicken Durchsuche , wählen Sie alle benötigten Bilder aus und klicken Sie auf OK . Jedes Bild wird dann auf einer eigenen individuellen Ebene innerhalb derselben Datei platziert.

Alternativ können Sie dies jetzt tun, wenn Sie die Bilder noch nicht erstellt haben. Denken Sie daran, dass jeder Teil der Animation auf einer eigenen Ebene liegen sollte.

Bearbeiten Sie ein animiertes GIF in Photoshop

So funktioniert das:

  • Wenn Sie manuell einen Rahmen in der Animation erstellen, wird jede Ebene in Ihrem Bild auf eingestellt Sichtbar wird in diesen Rahmen eingefügt.
  • Ebenen auf eingestellt Versteckt wird nicht in den Rahmen aufgenommen.

Sie erstellen Ihre Animation, indem Sie für jeden Frame verschiedene Ebenen im Bild ein- oder ausblenden.

Also, für den ersten Frame möchten Sie vielleicht die Hintergrundebene einstellen auf Sichtbar und alle anderen Schichten zu Versteckt . Dann möchten Sie im zweiten Frame vielleicht die zweite Ebene sichtbar machen und dann die dritte Ebene im dritten Frame und so weiter. Es wird klar, wenn Sie anfangen.

Gehen Sie zuerst zu Fenster > Zeitleiste . Klicken Sie in der Mitte des sich öffnenden Fensters auf Rahmenanimation erstellen . Dadurch wird der erste Frame Ihrer Animation erstellt. In dem Schichten Palette, blenden Sie die Ebenen aus, die nicht Teil dieses Rahmens sein sollen, indem Sie das Häkchen bei entfernen Auge Symbole.

Klicken Sie nun auf die Neuer Rahmen Schaltfläche, die den vorherigen Frame dupliziert. Blenden Sie erneut die Ebenen aus, die Sie nicht in diesen neuen Rahmen einschließen möchten, und machen Sie diejenigen sichtbar, die Sie verwenden.

Wiederholen Sie diesen Vorgang, bis Sie alle benötigten Frames in Ihrem GIF hinzugefügt haben.

Stellen Sie die Bildrate ein und erstellen Sie ein Looping-GIF

Zum Abschluss stellen Sie die Frame-Verzögerung – dies ist die Framerate. Klicken Sie auf den ersten Frame, dann Umschalt-Klick der letzte Rahmen.

Klicken Sie nun auf den Dropdown-Pfeil unter einem der Frames und wählen Sie eine Verzögerung aus. Keine Verzögerung bedeutet, dass die Animation schnell abläuft, während eine bestimmte Anzahl von Sekunden bedeutet, dass jeder Frame für diese Zeit auf dem Bildschirm bleibt.

Stellen Sie schließlich die Looping-Optionen , die Sie unten im Zeitleistenfenster finden. Es legt fest, wie oft das GIF abgespielt wird. In den meisten Fällen möchten Sie es auf einstellen Bis in alle Ewigkeit .

Jetzt triff die Spiel Schaltfläche unten auf dem Bildschirm, um eine Vorschau Ihres GIFs anzuzeigen. Sie sollten jetzt Ihr animiertes GIF in Aktion sehen.

Sie können Frames bearbeiten, indem Sie sie einfach auswählen und die sichtbaren Ebenen anpassen (Sie können auch die Deckkraft anpassen oder andere erweiterte Optimierungen vornehmen). Fügen Sie bei Bedarf weitere Ebenen hinzu oder klicken Sie auf Mülleimer Symbol, um sie zu löschen.

Wenn Sie zufrieden sind, können Sie mit dem Abschnitt Exportieren eines GIF fortfahren. Oder lesen Sie weiter, um die Animation zu verfeinern und ein flüssiges GIF zu erstellen.

Erweiterte Animationen mit Tweening

Photoshop unterstützt eine leistungsstarke Animationsfunktion namens Tweening. Auf diese Weise können Sie flüssige GIF-Animationen erstellen, indem Sie automatisch Übergangsframes zwischen zwei vorhandenen Frames generieren.

Angenommen, Sie möchten, dass eine Ebene eingeblendet wird. Sie würden einen Frame erstellen, bei dem diese Ebene auf eingestellt ist Versteckt , und ein anderer mit eingestellt auf Sichtbar . Dann würden Sie zwischen diesen beiden Frames „tween“ und Photoshop erledigt den Rest.

In unserem Beispiel werden wir zwischen allen Frames wechseln, um unserem Sternenhimmel einen funkelnden Effekt zu verleihen.

Wählen Sie zuerst den ersten Frame aus und klicken Sie auf die Tween in der Symbolleiste am unteren Rand des Zeitleistenfensters.

Legen Sie im sich öffnenden Dialogfeld fest Tween mit zu Nächster Rahmen , und Frames zum Hinzufügen auf die gewünschte Anzahl von Übergangsbildern. Eine höhere Zahl bedeutet einen sanfteren, aber langsameren Effekt. Klicken OK um die neuen Frames zu generieren.

Windows 7 Bluescreen-Speicherverwaltung

Wiederholen Sie nun den Vorgang für die anderen von Ihnen erstellten Originalrahmen. Wenn Sie das letzte erhalten, möchten Sie es vielleicht einstellen Tween mit zu Erster Rahmen . Dies trägt dazu bei, einen reibungslosen Übergang zurück zum Anfang einer GIF-Schleife zu schaffen.

Hit the Spiel Schaltfläche, um eine Vorschau des Effekts anzuzeigen.

Exportieren Sie ein GIF in Photoshop

Wenn Sie fertig sind, sollten Sie Ihre Datei zunächst im PSD-Format speichern. Dadurch werden alle Ebenen- und Animationsinformationen gespeichert, sodass Sie später zurückkehren und sie bei Bedarf bearbeiten können. Danach können Sie es als GIF exportieren.

Gehe zu Datei > Exportieren > Für Web speichern (alt) . Stellen Sie im sich öffnenden Dialogfeld sicher, dass das Format auf GIF eingestellt ist und das Farben Option auf 256 gesetzt ist (dies gewährleistet maximale Qualität).

Andere Einstellungen, die Sie möglicherweise ändern möchten, umfassen die Bildgröße und Looping-Optionen wenn du das noch nicht gemacht hast.

Das Vorschaufenster zeigt an, wie groß die Datei sein wird, wenn Sie sie speichern. Sie können auch auf klicken Vorschau um die Animation in einem Browserfenster zu testen. Klicken Sie abschließend auf Speichern um Ihr GIF zu speichern und zu exportieren.

Erstellen und Bearbeiten von GIFs in Photoshop

Es ist ziemlich einfach, ein GIF in Photoshop zu erstellen, und es lohnt sich, da Sie so die vollständige Kontrolle über das Ergebnis haben.

Und wenn Sie kein Photoshop haben, machen Sie sich keine Sorgen. Es gibt viele weniger teure Editoren, die auch über GIF-Erstellungsfunktionen verfügen.

Teilen Teilen Tweet Email Die 5 besten GIF Maker-Apps für Ihr Smartphone

Manchmal ist das richtige GIF für Ihre Bedürfnisse nicht online verfügbar. Aus diesem Grund benötigen Sie eine dieser GIF-Maker-Apps.

Weiter lesen
Verwandte Themen
  • Kreativ
  • Adobe Photoshop
  • GIF
  • Photoshop-Tutorial
Über den Autor Andy Betts(221 veröffentlichte Artikel)

Andy ist ein ehemaliger Printjournalist und Zeitschriftenredakteur, der seit 15 Jahren über Technologie schreibt. In dieser Zeit hat er an unzähligen Publikationen mitgewirkt und Texterarbeiten für große Technologieunternehmen erstellt. Er hat auch Expertenkommentare für die Medien bereitgestellt und Podiumsdiskussionen bei Branchenveranstaltungen moderiert.

Mehr von Andy Betts

Abonniere unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um zu abonnieren