100% Sicherheit Verifiziert | Kein Abozwang | Keine Malware
Ein einfacher und dennoch leistungsstarker Editor
Zahlreiche Effekte zur Auswahl
Ausführliche Anleitungen auf dem offiziellen Kanal
GIFs gibt es schon seit geraumer Zeit, aber da der Fluss der Inhalte auf beliebten Social-Media-Plattformen wie Facebook oder Instagram immer weiter zurückgeht, wird die Nachfrage nach GIFs weiter steigen.
Leider können Sie ein GIF nicht direkt in After Effects erstellen, es sei denn mit Hilfe eines Plug-ins wie GIFGun.
Bevor Sie weitermachen, sollten Sie bedenken, dass die Verwendung des Adobe Media Encoder eine einfachere Methode zur Komprimierung Ihrer Exporte ist als jeder Kompressor eines Drittanbieters.
In diesem Artikel finden Sie einfach zu befolgende Methoden, mit denen Sie innerhalb weniger Minuten After Effects GIFs erstellen können.
Teil 1 Allgemeines Wissen über GIF-Animation
01 Was ist ein GIF?
Das Akronym GIF steht für Graphics Interchange Format und die Datei wird im Bitmap-Bildformat erstellt. Es wurde 1987 von einem Mitarbeiter von CompuServe entwickelt.
Dieses Format war im Internet unglaublich erfolgreich, da es Vorteile wie kleinere Dateigrößen, eine breitere Unterstützung und eine einfache Kompatibilität mit Betriebssystemen bot.
GIFs eignen sich jedoch viel besser für einfache Grafiken und Logos als Live Action Videos mit ihrer Palettenbegrenzung von 256 pro Bild.
Das Erstellen eines GIFs ist wie das Schleifen einer Animation oder animierter Elemente. Sie können diese animierten GIFs in Bannern verwenden, um Ihr Publikum anzusprechen oder sogar lustige, teilbare Inhalte für Ihre Facebook-Seiten erstellen.
Sie können damit beginnen, einfache Animationen in Photoshop zu erstellen und diese dann mit After Effects aufwerten.
02 Warum ein GIF erstellen?
Hier sind eine Handvoll Dinge, die Sie im Auge behalten können, wenn Sie gerade erst mit der Erstellung von GIFs beginnen:
● Einfache Produktdemonstrationen. Mit einfachen GIFs mit 3 bis 4 Schritten können Sie kurz vorstellen, wie man ein Produkt verwendet.
● Sie können in kürzester Zeit Anweisungen geben.
● UX-Designer verwenden GIFs, um die Funktionsweise bestimmter digitaler Erfahrungen zu zeigen.
● Sie können GIFs auf Ihrer Seite einführen, um Ihre Follower bei der Stange zu halten.
● Sie können einige erstaunliche Dinge auf Ihrer Webseite zeigen.
Teil 2 Der Unterschied zwischen der Erstellung von GIFs in After Effects und Photoshop
Das Erstellen von GIFs in After Effects und Photoshop ist ein und dasselbe, aber die Ergebnisse können variieren, je nachdem, welche Auswahl an Tools und Funktionen Ihnen besser gefällt.
Für diejenigen, die Photoshop und After Effects zum ersten Mal lernen, um den Unterschied in den Ergebnissen zwischen diesen beiden Programmen zu verstehen, machen wir Sie kurz mit ihren Funktionen vertraut.
01 Was ist ähnlich?
Da beide von Adobe entwickelt wurden, gibt es zwangsläufig Ähnlichkeiten bei den Tools und der Oberfläche, die sie verwenden. Beide Programme ermöglichen Ihnen die Bearbeitung von Ebenen über das Ebenenbedienfeld, in dem Sie die Überblendung trennen oder mehrere Ebenen transformieren können. In beiden Programmen können Sie Masken auf diese Ebenen auf unterschiedliche Weise anwenden.
02 Gruppen (PS) und verschachtelte (AE) Komposition
In Photoshop können Sie Ebenen gruppieren und Stile, Überblendungen und Transformationen gemeinsam anwenden. In After Effects wird dies jedoch als Verschachtelung bezeichnet.
Beide sind sich in gewisser Weise ähnlich, aber die Verschachtelung von Kompositionen bietet dem Benutzer mehr Funktionalität, da es wahrscheinliche Kompositionen während des Verschachtelungsprozesses interpretiert.
Die in PS verwendeten Smart-Objekte sind auch mit verschachtelten Kompositionen vergleichbar, da Sie Filter auf das eine anwenden können, während Sie Effekte auf das andere anwenden.
03 Vektor und Formen
Sie können sowohl in PS als auch in AE das Stift- oder Form-Tool verwenden, das Formebenen erstellt, ohne dass die Integrität verloren geht. Beide Anwendungen unterstützen Bezier, mit dem Sie Kurven zwischen Ankerpunkten in PS und Scheitelpunkten in AE steuern können.
04 Destruktive Effekte
In After Effects stehen Ihnen keine destruktiven Effekte zur Verfügung, während Sie in Photoshop nicht-destruktive Filter anwenden können. Sie können auch mehrere Ebenen kombinieren, um Änderungen vorzunehmen oder Ihre Bilder zu verzerren, aber diese dauerhaften Änderungen können in After Effects nicht vorgenommen werden.
Sie werden auch feststellen, dass es trotz einiger Ähnlichkeiten Tools und Funktionen gibt, die nicht in beiden Anwendungen enthalten sind. Auch die Arten der Tool-Kategorien würden variieren. Wie bei After Effects können Sie Absatz- und Zeichenformate erstellen, die Sie auf Texte anwenden können.
Teil 3 Wie man After Effects GIFs erstellt
After Effects bietet mehr Möglichkeiten zur Videobearbeitung als die einfachen Animationsoptionen, die Sie in Photoshop ausprobieren können. Um ein GIF zu erstellen, sollten Sie die Kombination von Tools nutzen, die sowohl in After Effects als auch in Photoshop angeboten werden.
Sehen wir uns zunächst an, wie Sie ein animiertes Video in After Effects erstellen und es dann in Photoshop in ein animiertes GIF umwandeln können.
01 Animation in After Effects
Schritt 1: Öffnen Sie After Effects, gehen Sie zu "Komposition" und erstellen Sie eine "Neue Komposition". In dem sich öffnenden Fenster müssen Sie die Maße und Spezifikationen für Ihr Projekt eingeben. Zum Beispiel 300x250 px bei 30 fps und 6 Sekunden Dauer.
Schritt 2: Sie können Assets durch Ziehen und Ablegen importieren oder indem Sie das Projektfenster im After Effects-Arbeitsbereich aufrufen, wie in der Abbildung gezeigt.
Schritt 3: Jetzt können Sie damit beginnen, Ihre Assets zu animieren. Ziehen Sie sie und fügen Sie sie dem Fenster der "Komposition" oder der "Zeitleiste" hinzu. Wenn Sie sie in einem der beiden Felder platzieren, werden sie in beiden angezeigt. Passen Sie die Ebenen entsprechend der obersten Ebene im Bedienfeld an.
Verringern Sie die Skalierung jeder Animation auf 0%, damit diese in einer wachsenden Sequenz animiert werden kann. Wählen Sie die Ebene, die Sie anpassen möchten, und klicken Sie auf "Transformieren". Klicken Sie auf "Skalieren", um dieser Ebene eine aktive Markierung auf der Zeitleiste zu geben. Setzen Sie die Skalierung auf 0%.
Sie können nun mit der Animation des ersten Objekts beginnen, indem Sie die aktuelle Zeitanzeige auf 06f (das 6. Bild auf der Zeitleiste mit 30 Bildern pro Sekunde) verschieben. Skalieren Sie das Objekt wieder auf 100% und die Markierung wird wieder angezeigt.
Wiederholen Sie diesen Vorgang für die anderen Objekte. Denken Sie daran, dass zwischen den einzelnen Objekten ein Abstand von 06f besteht, damit sie später angepasst werden können.
Ihre Gleichung ist nun vollständig und alles, was noch zu tun ist, ist Ihre CTA-Schaltfläche zu animieren. Passen Sie die Position der obersten Ebene auf Ihrer CTA an und setzen Sie die aktuelle Zeitanzeige auf die Startzeit der Schaltflächenanimation. Klicken Sie auf "Position", um eine Markierung auf Ihrer Zeitleiste einzurichten. Bewegen Sie den 04f vorwärts, tippen Sie die Schaltfläche an und kehren Sie zur ursprünglichen Position zurück, so dass es wie eine Animation zum Klicken einer Schaltfläche aussieht.
Ihre Animation ist nun vollständig. Gehen Sie nun zu "Komposition" und verkürzen Sie die Zeit im Feld "Dauer".
Schritt 4: Gehen Sie zu Komposition. Klicken Sie auf Vorrendern und eine neue Auswahl wird angezeigt. Klicken Sie nun auf "Rendern". Ihre Ausgabe wird eine .mov-Datei sein.
Wenn Ihnen der Export von GIFs aus After Effects zu kompliziert ist, können Sie auch Videos mit dem Wondershare Filmora Video Editor hochladen und in Schleifen legen. Dieser Editor verfügt über viele weitere erstaunliche Videobearbeitungsfunktionen, die Sie per Drag & Drop erstellen können.
Wondershare Filmora - Bester Video Editor für Mac/Windows
5.481.435 Menschen haben das Tool bereits heruntergeladen.
Erstellen Sie einzigartige benutzerdefinierte Animationen, ohne ins Schwitzen zu geraten.
Konzentrieren Sie sich auf die Erstellung epischer Geschichten und überlassen Sie die Details den Auto-Funktionen von Filmora.
Starten Sie ein kreatives Abenteuer mit Drag & Drop-Effekten und endlosen Möglichkeiten.
Filmora vereinfacht erweiterte Funktionen, damit Sie Zeit und Mühe sparen.
Filmora vermeidet Wiederholungen, damit Sie sich auf den nächsten kreativen Durchbruch konzentrieren können.
02 Animationen in Photoshop in GIFs umwandeln
Schritt 1: Erstellen Sie in Photoshop eine neue Datei mit denselben Spezifikationen wie in After Effects. Gehen Sie nun auf "Datei" > "Importieren" > "Frames to Layers" und importieren Sie die gespeicherte .mov-Datei.
Schritt 2: Wenn Sie die Zeitleiste nicht automatisch sehen, gehen Sie zu Fenster > Zeitleiste.
Schritt 3: Entscheiden Sie, wie viele Schleifen Sie in Ihrer Animation haben möchten. Sobald Sie mit Ihrem GIF fertig sind, gehen Sie auf "Datei" > Exportieren. Wenden Sie "Für Web speichern" an und wählen Sie das Format für Ihr GIF.
Schritt 4: In den Exportoptionen haben Sie Zugriff auf mehrere Voreinstellungen, die Sie auf Ihre animierten GIFs anwenden können. Je mehr Farben in Ihrem GIF angezeigt werden, desto größer ist es. Sie können Dethering verwenden, um Verläufe und Schattierungen zu glätten. Die Schleifenfunktion ist in Photoshop ebenfalls ausgeschaltet, aber Sie können die Schleifenfunktion über die "Optionen" unten im Menü anwenden.
Teil 1 Abschließende Gedanken:
● GIFs sind eine beliebte Medienform, die ziemlich trendy ist und sich mit Adobe After Effects GIFs oder Photoshop leicht erstellen lässt. Sie werden Graphics Interchange Format genannt und eignen sich am besten als einfache Grafiken.
● Sie benötigen eine Kombination aus Photoshop und After Effects, obwohl beide ähnliche Oberflächen, Tools und Effekte haben. Sie können Kompositionen gruppieren oder verschachteln, Filter oder Effekte anwenden und Vektoren und Formen anpassen.
● After Effects ist besser als Photoshop, wenn es um die Erstellung von Videos geht. Sie können also zunächst ein Projekt in AE erstellen und es dann in PS importieren, nachdem Sie After Effects in GIFs exportiert haben. Sie können auch Filmora für den ersten Schritt dieses Prozesses verwenden.