Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="draupnir" data-source="post: 2776039" data-attributes="member: 245968">Ein bisschen Transfer-Leistung sollte schon drin sein. Nein? Und da auch kein anderer etwas zum Thema geschrieben hat, hier nun – nach dem ich AE extra wieder installiert habe – meine Schritt für Schritt Anleitung:# AfterEffects und GIF-AnimationUm es Anfang klar zustellen, AfterEffects CC 2023 (AE) kann direkt keine GIF-Animationen erstellen. Animierte GIF wurden 1987 entwickelt und können durch bessere Möglichkeiten wie animiertes PNG oder WebP ersetzt werden.# Was gibt es zu beachten?Größe: Eine AE-Animation mit 1920 x 1080 Pixel ist viel zu groß für eine GIF-Animation. Also muss die Animation skaliert werden.Seitenverhältnis: Oft sind GIF-Animationen quadratisch, AE-Animationen hingegen liefen oft im Seitenverhältnis 16:9 vor. Beim Skalieren muss man entweder was abschneiden oder schwarze Balken akzeptieren.Bilder pro Sekunde: GIF-Animationen haben nur wenige Bilder pro Sekunde, sonst würden die Dateien riesig werden und das Abspielen ruckeln. 12 Bilder pro Sekunde sollte man nicht überschreiten.Farbtiefe: AE kann Millionen von Farben und GIF kann maximal 256 Farben.# Wie kann man aus AE eine GIF-Animation erstellen?Wie oben schon erwähnt, gibt es keinen direkten Weg. Der Weg führt über Photoshop, der noch(!) in der Lage ist GIF-Animationen zu exportieren.Schritt 1: In AE die Größe und die Bilder pro Sekunde in den Rendereinstellungen reduzieren und dies dann als Bildsequenz neu rendern.Schritt 2: In Photoshop die Bildsequenz importieren und als GIF-Animation exportieren.# Die Unterschritte im Einzelnen## In AfterEffects- Speichere Dein AE-Projekt unter einem neuen Namen ab.- Rufe »Datei > Exportieren > An die Renderliste anfügen« auf. ( A )<a href="https://abload.de/image.php?img=01z3dsm.png" target="_blank"><img src="https://abload.de/img/01z3dsm.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>- Mache im Fenster »Rendern« einen Doppelklick auf die Rendereinstellungen »Optimale Einstellungen«.- Unter »Framerate« ändere den Wert auf einen sehr kleinen Wert, hier »3«, damit es am Ende nur 30 statt extrem viele Bilder sind ( C ).<a href="https://abload.de/image.php?img=02cwftk.png" target="_blank"><img src="https://abload.de/img/02cwftk.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>- Mache neben »Ausgabemodul« einen Doppelklick auf »H.264...« - Unter »Format« wähle dann »Photoshop Sequenz« für die Einzelbilder ( B )<a href="https://abload.de/image.php?img=03xdicy.png" target="_blank"><img src="https://abload.de/img/03xdicy.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>- Im gleichen Fenster aktiviere »Größe ändern«. »Seitenverhältnis« muss aktiv bleiben, um Verzerrungen zuvermeiden.- Ändere die Größe für die Breite auf »128« ( D ).<a href="https://abload.de/image.php?img=045aid2.png" target="_blank"><img src="https://abload.de/img/045aid2.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>- Neben dem »Ausgabemodul« muss noch das »Speichern unter« per Doppelklick auf »Noch nicht festgelegt« geändert werden.- Wähle im folgenden Fenster einen Speicherort, hier »Desktop«, und klicke auf »Speichern« ( E ).- Dann klicke rechts auf »Rendern«, um die Animation mit den eben gewählten Einstellungen zuerzeugen. ( F ) <a href="https://abload.de/image.php?img=05efiq1.png" target="_blank"><img src="https://abload.de/img/05efiq1.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>Damit sind wir im AE fertig. Beende das Programm.## In Photoshop- Starte Photoshop- Rufe den Dialog »Öffnen« auf, wähle das erste Bild aus, aktiviere »Bildsequenz« und klicke auf »Öffnen« ( G ).- Danach kommt die Frage nach der »Framerate« (Bilder pro Sekunde). Trage »12« ein ( H ).<a href="https://abload.de/image.php?img=06vqc13.png" target="_blank"><img src="https://abload.de/img/06vqc13.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>- Zum Testen der Animation in Photoshop kannst Du »Fenster > Zeitleiste« aufrufen ( I )<a href="https://abload.de/image.php?img=074iccz.png" target="_blank"><img src="https://abload.de/img/074iccz.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>Hinweis: Mein Beispiel hat keine quadratische Form. Mit »Bild > Arbeitsfläche« kann man dies ändern und eine schwarze Fläche in den Hintergrund einfügen.- Rufe »Datei > Exportieren > Für Web speichern (Lagacy)« auf ( J )<a href="https://abload.de/image.php?img=083gd2a.png" target="_blank"><img src="https://abload.de/img/083gd2a.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>- Im nächsten Fenster trage bei den »Vorgaben« »GIF 128 Dithering« oder 256 ein.- Die Bildgröße sollte nicht gändert werden, hier »128 x 72«, siehe Hinweis oben.- Klicke auf »Speichern« ( K ).<a href="https://abload.de/image.php?img=0916cwi.png" target="_blank"><img src="https://abload.de/img/0916cwi.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>Zum Schluß kannst Du die GIF-Animation testen, in dem sie mit einem Webbrowser öffnest.</blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung: Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?