So erstellen Sie ein animiertes GIF in Photoshop

Wenn Sie überhaupt Zeit im Internet verbracht haben, sind Sie wahrscheinlich mit einem animierten GIF in Kontakt gekommen. Es handelt sich um eine Bilddatei, mit der Sie animierte Bilder anzeigen können, die den Eindruck erwecken, dass sich das Bild bewegt. Stellen Sie sie sich als eine Mischung aus Standbild und Video vor.

Warum sind GIFs eine großartige Ergänzung für Ihr Marketing? Sie sind einfach zu konsumieren, bieten eine neue Möglichkeit, die Aufmerksamkeit der Zuschauer auf sich zu ziehen, und können schwerwiegende emotionale Auswirkungen haben. Und da wir durch diesen Inhalt das Gefühl haben, dass uns etwas zum Teilen anregt, sollten Sie mit diesen winzigen Animationen experimentieren.

Das Beste an GIFs ist, dass sie nicht allzu schwer zu machen sind. Wenn Sie Zugriff auf Photoshop haben und ein paar Minuten Zeit haben, können Sie in kürzester Zeit ein animiertes GIF erstellen.

Im folgenden Tutorial zum Erstellen von animierten GIFs verwende ich die Creative Cloud 2015-Version von Photoshop, die Schritte sollten jedoch in anderen Versionen ähnlich sein.

So erstellen Sie ein animiertes GIF in Photoshop

Hier ist ein Beispiel für ein animiertes GIF, das Sie mithilfe dieses Tutorials erstellen könnten:

Okay, lass uns anfangen.

Schritt 1: Laden Sie Ihre Bilder in Photoshop hoch.

Wenn Sie bereits Bilder erstellt haben ...

Sammeln Sie die gewünschten Bilder in einem separaten Ordner. Um sie in Photoshop hochzuladen, klicken Sie auf Datei > Skripte > Dateien in Stapel laden .

Wählen Sie dann Durchsuchen und wählen Sie aus, welche Dateien Sie in Ihrem GIF verwenden möchten. Klicken Sie dann auf OK.

Photoshop erstellt dann für jedes ausgewählte Bild eine eigene Ebene. Fahren Sie anschließend mit Schritt 2 fort.

Wenn Sie die Bilderserie noch nicht erstellt haben ...

Erstellen Sie jeden Frame des animierten GIF als eine andere Photoshop-Ebene. Um eine neue Ebene hinzuzufügen, wählen Sie Ebene > Neu > Ebene.

Benennen Sie Ihre Ebenen unbedingt, damit Sie sie bei der Erstellung Ihres GIF leicht nachverfolgen können. Um eine Ebene zu benennen, öffnen Sie das Ebenenbedienfeld unten rechts auf dem Bildschirm, doppelklicken Sie auf den Standardebenennamen und geben Sie den Namen ein, in den Sie ihn ändern möchten. Drücken Sie die Eingabetaste, wenn Sie fertig sind.

Sobald Sie Ihre Ebenen dort haben und sie alle benannt haben, sind Sie bereit für Schritt zwei.

Pro Tipp: Wenn Sie Ebenen kombinieren möchten, damit sie in einem einzelnen Rahmen in Ihrem GIF angezeigt werden, aktivieren Sie die Sichtbarkeit für die Ebenen, die Sie zusammenführen möchten (indem Sie auf das "Auge" links neben den einzelnen Ebenennamen klicken, sodass nur die Augen für Die Ebenen, die Sie zusammenführen möchten, sind geöffnet. Drücken Sie anschließend Umschalt + Befehl + Wahltaste + E (Mac) oder Umschalt + Strg + Alt + E (Windows). Photoshop erstellt eine neue Ebene mit dem zusammengeführten Inhalt, den Sie ebenfalls umbenennen sollten.

Schritt 2: Öffnen Sie das Zeitleistenfenster.

Um die Zeitleiste zu öffnen, gehen Sie zur oberen Navigation und wählen Sie „ Fenster“> „Zeitleiste“ . In der Zeitleiste können Sie verschiedene Ebenen für verschiedene Zeiträume ein- und ausschalten und so Ihr statisches Bild in ein GIF verwandeln.

Das Zeitleistenfenster wird am unteren Bildschirmrand angezeigt. So sieht es aus:

Schritt 3: Klicken Sie im Zeitleistenfenster auf "Frame-Animation erstellen".

Wenn es nicht automatisch ausgewählt wird, wählen Sie es aus dem Dropdown-Menü aus. Stellen Sie jedoch sicher, dass Sie darauf klicken, da sonst die Optionen für die Frame-Animation nicht angezeigt werden.

Nun sollte Ihre Timeline ungefähr so ​​aussehen:

Schritt 4: Erstellen Sie für jeden neuen Frame eine neue Ebene.

Wählen Sie dazu zunächst alle Ebenen aus, indem Sie im oberen Navigationsmenü die Option Auswählen > Alle Ebenen auswählen .

Klicken Sie dann auf das Menüsymbol rechts im Schnittfenster.

Wählen Sie im angezeigten Dropdown-Menü die Option Neue Ebene für jeden neuen Frame erstellen.

Schritt 5: Öffnen Sie dasselbe Menüsymbol auf der rechten Seite und wählen Sie "Rahmen aus Ebenen erstellen".

Dadurch wird jede Ebene zu einem Frame Ihres GIF.

Schritt 6: Wählen Sie unter jedem Bild aus, wie lange es angezeigt werden soll, bevor Sie zum nächsten Bild wechseln.

Klicken Sie dazu auf die Zeit unter jedem Bild und wählen Sie aus, wie lange es angezeigt werden soll. In unserem Fall haben wir 0, 5 Sekunden pro Frame gewählt.

Schritt 7: Wählen Sie unten in der Symbolleiste aus, wie oft die Schleife wiederholt werden soll.

Die Standardeinstellung lautet " Einmal" . Sie können die Schleife jedoch beliebig oft ausführen, einschließlich " Für immer". Klicken Sie auf Andere, wenn Sie eine benutzerdefinierte Anzahl von Wiederholungen angeben möchten.

Schritt 8: Zeigen Sie eine Vorschau Ihres GIF an, indem Sie auf das Wiedergabesymbol klicken.

Schritt 9: Speichern und exportieren Sie Ihr GIF

Zufrieden mit deinem GIF? Speichern Sie es, um es online zu verwenden, indem Sie in der oberen Navigationsleiste auf Datei > Exportieren > Für Web speichern (Legacy) klicken.

Wählen Sie als Nächstes den Typ der GIF-Datei aus, unter dem Sie sie speichern möchten. Wenn Sie ein GIF mit Farbverläufen haben, wählen Sie Dithered GIFs, um Farbstreifen zu vermeiden. Wenn Ihr Bild viele Volltonfarben enthält, können Sie sich für kein Dithering entscheiden.

Die Zahl neben der GIF-Datei bestimmt, wie groß (und wie genau) die GIF-Farben im Vergleich zu den ursprünglichen JPEGs oder PNGs sind. Laut Adobe führt ein höherer Dithering-Prozentsatz dazu, dass mehr Farben und Details angezeigt werden - die Dateigröße wird jedoch erhöht.

Klicken Sie unten auf Speichern, um die Datei auf Ihrem Computer zu speichern. Jetzt können Sie dieses GIF hochladen, um es in Ihrem Marketing zu verwenden!

Laden Sie die GIF-Datei online an einen beliebigen Ort hoch, an dem Sie ein Bild platzieren möchten, und es sollte sich nahtlos abspielen lassen. So könnte das Endprodukt aussehen:

Verwendung von GIFs in Ihrem Marketing

1) In sozialen Medien.

Pinterest war der erste, der animierte GIFs ermöglichte, gefolgt von Twitter. Und bis zum Sommer 2015 war auch Facebook auf den GIF-Zug gesprungen. Dann änderte Instagram das Spiel mit Boomerang, mit dem Benutzer ihre eigenen GIFs filmen und teilen können. In jedem dieser sozialen Feeds können animierte GIFs eine großartige Möglichkeit sein, sich in einem überfüllten Feed von der Masse abzuheben.

Sehen Sie sich beispielsweise an, wie Product Hunt mithilfe eines GIF für ein Forum auf seiner Website geworben hat:

111 Produkte, die Menschen täglich verwenden use

Fügen Sie Ihren Liebling hinzu ???? //t.co/TMub7DKLul pic.twitter.com/QyIaDrPmpn

- Product Hunt (@ProductHunt) 6. Juli 2017

2) In Ihren E-Mails.

Animierte GIFs werden in E-Mails genauso angezeigt wie normale Bilder. Warum also nicht Ihre E-Mails auffrischen, indem Sie Standbilder durch animierte ersetzen?

Dies könnte nicht nur dazu beitragen, die Aufmerksamkeit der Empfänger auf sich zu ziehen, sondern auch einen direkten Einfluss auf Ihr Geschäftsergebnis haben. Bei einigen Marken, darunter ein animiertes GIF in E-Mails, war sogar eine Umsatzsteigerung von 109% zu verzeichnen.

Nutzen Sie GIFs, indem Sie Produkte präsentieren, Veranstaltungsankündigungen machen oder Leser auf andere Weise verführen. Schauen Sie sich das unten stehende GIF des Damenbekleidungsgeschäfts Ann Taylor LOFT an: Sie haben ein Geschenk so aussehen lassen, als würde es zittern, um Intrigen zu erzeugen und die Empfänger dazu zu bringen, sich durchzuklicken, um ihr Geschenk "auszupacken".

Quelle: Lackmus

3) In Blogbeiträgen.

In Ihrem Blog-Beitrag muss es sich nicht unbedingt um animierte GIFs handeln oder um eine BuzzFeed-ähnliche Listicle-Struktur, um GIFs einzuschließen. Wir lieben jedoch gelegentlich eine gute Dosis alberner Listicle-GIFs.

Im Folgenden finden Sie ein einfaches, animiertes GIF, das von Ginny Mineo, einer Markenkollegin, erstellt wurde, um die Definition eines Handlungsaufrufs für einen Blog-Beitrag zu erläutern:

Und zu guter Letzt eines unserer Lieblingsstücke: ein animiertes GIF aus einem Beitrag über Büroküchenrezepte.

Wie werden Sie GIFs in Ihrem Marketing verwenden? Teilen Sie mit uns in den Kommentaren.

Anmerkung des Herausgebers: Dieser Beitrag wurde ursprünglich im September 2013 veröffentlicht und hinsichtlich Aktualität, Genauigkeit und Vollständigkeit aktualisiert.

Vorherige Artikel «
Nächster Artikel