Animiertes Gif erstellen Teil 3

Hier nun der letzte Teil unserer “Animierten GIF” Reihe.
Jetzt machen wir nurnoch einen Bewegungstween und speichern das “GIF” ab.

 

 

 

 

Dies ist die Fortsetzung von den beiden ersten Teilen:
https://digital-workshop.at/animiertes-gif-erstellen-teil-1/
https://digital-workshop.at/animiertes-gif-erstellen-teil-2/

 

Einen Bewegungstween erstellen wieder so wie den “fade in” Effekt.

Zuerst die Ebene wieder einblenden.
Dann auf die Uhr klicken um ein “Keyframe” zu setzen.
Die Textebene an die gewünschte Stelle schieben.

Ich habe es bei diesem Beispiel auserhalb der Arbeitsfläche geschoben um den Text ins Bild reinlaufen
zu lassen.

animiertes gif

 

Dann wieder den Blauen Zeitleisten Regler an die gewünschte stelle schieben.
Und jetzt erst mit dem “Verschiebe Werkzeug” den Text an die richtige Stelle schieben.
Durch das verschieben wird wieder ein passender Keyframe gesetzt.

animiertes gif

 

Dies kann man jetzt weiterverfolgen wie man möchte.
Hier mein Beispiel:

gif animation

 

Wie ihr seht ist aber das Ende noch zu lang.
Das kürzen wir jetzt.

Bei dem Blauen Zeitleisten Regler können wir nachsehen wie lang unsere Animation sein soll.
Ich hab hier 3 Minuten ausgesucht da nach 3 Minuten nichts mehr passiert.

animiertes gif erstellen

 

Nun rechts bei dem Animationsfenster auf den kleinen Pfeil klicken.

animation erstellen

 

 

Dann auf “Dokumenteneinstellung”.

animation gif

 

 

Hier stellen ihr den Wert ein den ihr benötigt:

animation

 

Nun nurnoch abspeichern.

Datei – für Web und Geräte speichern

animation speichern

 

Hier stellen wir entweder bei der Vorgabe das GIF aus mit den gewünschten Einstellungen
oder einfach links darunter im Dropdown Menü.

Bei “Optionen für Schleifenwiedergabe” kann man noch einstellen ob das GIF einmal oder Unbegrenzt
abgespielt werden soll.

Darunter könnt ihr euch noch das GIF ansehen wie es gespeichert wird und dann noch eventuell etwas ausbessern.

animiertesgif

 

Hier mein “Animiertes GIF” :

animation erstellt

 

Bild eines Logos von Discord

2 Kommentare

  • Hallo
    danke für die Anleitung. Ich habe nur ein Problem beim Speichern: Die Box “Animation Optionen für Schleifenwiedergabe” ist nicht aktiv, d.h. ich kann dort nichts anklicken!!

    Was mache ich falsch?

    Danke vielmals für die Antwort.

    Heinz

  • Find i klass! XD Sehr liebevoll erklärt und übersichtlich! Deine Beschreibung werde ich sicher noch ab und zu konsultieren 😉 Thx!

Hinterlassen Sie Ihren Kommentar

*Affiliatelinks/Werbelinks
Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links.
Wenn du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekomme ich von dem betreffenden Online-Shop oder Anbieter eine Provision.
Für dich verändert sich der Preis nicht.