Blog

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:
http://www.digital-workshop.at/animiertes-gif-erstellen-teil-1/
http://www.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


Related articles

1 Comment

  1. Ludowika 28/02/2010 01:26

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

Kommentar:!

Deine Email Adresse wird nicht angezeigt.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>