Animated GIF in Photoshop CS4 erstellen und auch wieder öffnen
Von Version 5.5 bis CS2 wurde Photoshop mit ImageReady ausgeliefert, einem kleinen Pixelgrafik-Editor, mit dem man einfache Webgrafiken und Animated GIFs erstellen konnte. Ab CS3 wurde ImageReady eingestellt und die meisten Funktionen wurden in Photoshop integriert. Fortan konnte man allerdings keine animierten GIFs mehr öffnen und editieren, es wurde nur eine Ebene mit Frame 1 der Animation angezeigt. Offenbar wollte Adobe das Programm Fireworks ein wenig pushen.
Nun haben animierte GIFs heute längst nicht mehr so einen Stellenwert wie vor, sagen wir: 13, 14 Jahren, als es an allen Enden noch blinkte und flackerte. Aber hin und wieder kommt es eben doch mal vor, dass man als Webdesigner ein animiertes GIF einsetzt.
Kurzanleitung animiertes GIF erstellen
Legen Sie jede Phase Ihrer Animation auf eine Ebene.
Öffnen Sie Fenster > Animation und klicken Sie in dieser Palette gegebenenfalls rechts unten auf In Frame-Animation konvertieren.
Erstellen Sie die gewünschte Anzahl von Frames und stellen Sie für jeden einzelnen die Sichtbarkeit der erforderlichen Ebenen auf ein oder aus.
Mit Datei > Für Web und Geräte speichern sichern Sie die Animation, als Dateiformat muss selbstverständlich GIF eingestellt sein. Testen können Sie die Animation, indem Sie die gespeicherte GIF-Datei auf ein leeres Browserfenster ziehen.
Und jetzt?
Natürlich können Sie, wenn Sie die Photoshop-Datei mit allen Ebenen sichern, diese Datei jederzeit wieder öffnen und die Animation ändern. Was aber, wenn Sie gar keine PSD-Datei besitzen, sondern lediglich ein animiertes GIF von Ihrem Kunden erhalten haben, an dem eine Kleinigkeit geändert werden soll? Dann ist – sofern Sie Fireworks nicht besitzen – guter Rat teuer.
So importiert man animated GIFs in Photoshop CS4
Unter Windows geht das – eine vorhandenene QuickTime-Installation vorausgesetzt – relativ simpel. Allerdings gab es auch nach ausgiebigen Recherchen keine einzige Antwort auf die Frage, wie man auch unter Mac OS X ein animiertes GIF so importieren kann, dass alle Frames erhalten bleiben. Tenor: „Das geht nicht.“
Nachdem ich ein wenig probiert habe, kann ich nun – tadaaa! – auch für Mac-User endlich eine Lösung anbieten:
Öffnen Sie das animierte GIF mit dem QuickTime-Player.
Wählen Sie Ablage > Exportieren. Im Popup-Menü des Exportieren-Fensters wählen Sie Film ->QuickTime-Film. In den Optionen stellen Sie folgendes ein:

Anschließend speichern Sie den Film.
In Photoshop wählen Sie Datei > Importieren > Videoframes in Ebenen und den eben gespeicherten Film. Im anschließenden Dialog stellen Sie folgendes ein:

Et voilà: Sämtliche Frames des animierten GIFs sind erhalten geblieben und Photoshop hat auch gleich Ebenen angelegt:

Gegebenenfalls müssen Sie noch die Standzeiten der einzelnen Frames anpassen.
Bleibt zu hoffen, dass sich Adobe erbarmt und Photoshop CS5 den einfachen Menübefehl Animated GIF importieren hinzufügt.
Ähnliche Beiträge:
Robert Hartings Totalausfall Radarsimulation
Kommentare:
Bei den Kommentaren handelt es sich um fremde Inhalte, die sich „esse est percipi“ nicht zueigen macht. Verantwortlich für den Inhalt eines Kommentars ist der jeweilige Verfasser.
Cooler Tipp, danke. Von selbst drauf gekommen?
Ich arbeite gern mit Gifs – mit ein bisschen Denke und Geduld lassen sich so ganz feine Dinge basteln, ganz ohne Flash und Javascript. Ich finds toll!
wobei dem geneigten Leser nicht verschwiegen werden sollte, dass dieses Vorgehen natürlich nur mit der QT Pro-Version funktioniert …
Mal sehen, ob das in Snow Leopard anders wird.
//tjark
… sollte es eigentlich – laut den Versprechungen aus dem Hause Apfel Inc…
@Da Stefan: Ja, von selbst drauf gekommen. Dass es irgendwie gehen musste, war klar, da ja die Windows-Version (über den Umweg wie im Link oben beschrieben) editierbare GIFs öffnen kann. Und da in diversen Foren (selbst bei Adobe!) immer wieder behauptet wurde, unter Mac OX X ginge das nicht, war mein Ehrgeiz geweckt. Nach ein paar Tests bin ich dann auf obige funktionierende Lösung gekommen. Sollte ich vielleicht mal im Adobe-Photoshop-Forum veröffentlichen ;-)
@tjark: Stimmt, aber dass sollte dann mit Snow Leopard, ähem, Schnee von gestern sein …
Danke, perfekte Antwort auf mein Problem animierte Gifs mit PSD (CS4) erzeugen. Hat mir so viel Zeit erspart, dass ich jetzt sogar Zeit für ein kleines Danke finde.
Danke Ingbert
Hi.
Was mach ich, wenn ich unter „Datei -> Importieren – > Videoframes in Ebenen“ diesen Eintrag gar nicht habe? Ich nutze Adobe Photoshop CS4 Extended 11.0. Von daher wundere ich mich immer wieder über solche Einträge, Postings und Threads. Oder gibt es da einen Trick, den ich noch nicht kenne? Hat denn vielleicht jemand eine Idee, woran das liegt und wie ich vielleicht an diese Einstellung und Möglichkeit rankomme?
LG
Patrick
Ich vermute, da ist irgendein mitgeliefertes Photoshop-Plugin deaktiviert, ich kann aber leider beim besten Willen nicht sagen, welches das sein könnte.
Patrick: Ist schon lange her, aber das stand auf der anderen Seite: The Video Frames To Layers option isn’t available in the 64-bit version of CS4. You have to run the 32-bit version for this task. I know. Weird.
Vielleicht hilft das.
Danke jedenfalls für die Anleitung, Michael!
vielen dank, das tutorial hat mir wirklich geholfen
hallo,
ich habe ImageReadyCS und bei mir hat auch alles genauso funktioniert wie in der beschreibung, bis auf den vierten schritt: bei mir gibt es unter datei einfach nicht den verweis „für web und grafiken speichern“. gibt es da noch einen anderen weg, wie man die animation dann abspeichern kann, oder ist an meiner version irgendwas kaputt oder so? kann mir da jemand weiter helfen? oO
lg, lufie
Hallo,
man kann ein animiertes Gif zumindest als Filmeben in Photoshop importieren. Beim öffnen Datei markieren und links unten Quicktime auswählen.
Leider gehen hier die Transparenzen und Ebenen verloren.
LG
Hab eigentlich nur fix googlen wollen, wo gleich die Animationsfunktion war. Und hab dank dir sogar noch was „drumrum“ gelernt. Danke :)
Ich bin auch nur so vorbeigegoogelt auf der Suche nach animierten Gif's (mein Gelerntes in dieser Hinsicht ist schon Jahre her) und siehe da – eine tolle brauchbare Lösung. Mal sehen ob ich den „öffnenden Theatervorhang“ hinkriege. Danke vielmal für den guten Beschrieb.
Hai,
ist zwar schon „Jahrzehnte“ her, trotzdem vielen Dank für die kurze klare Beschreibung!
viele Grüße, CaRe
Kommentar schreiben:
FAQ (Häufig gestellte Fragen)
Kommentare:
- Michael Preidel zu Harbor – Sicherer Hafen [Testflight]
- Henning zu Harbor – Sicherer Hafen [Testflight]
- Michael Preidel zu Harbor – Sicherer Hafen [Testflight]
- Michael Preidel zu Harbor – Sicherer Hafen [Testflight]
- Mesrop zu Harbor – Sicherer Hafen [Testflight]
- Michael Preidel zu Hopper 1.0b7 (Update: 1.0b9)
Schlagwörter