» Startseite » Blog » Gimp: Eine einfache Animation erstellen 

Blog

Februar 2012Januar 2012Jahresrückblick: Spielestatistik 2011PC Wartung: Regelmäßig den Lüfter reinigen!Auch im neuen Jahr: Wasser ist und bleibt faszinierendGimp: Eine einfache Animation erstellenDas gute, alte 3,5"-FloppylaufwerkWhere did the cat go?DethKarzLinux: VirtualBox manuell aktualisierenZarges A5 aus den 1960ernLinux: Edimax EW-7711In unter Linux Mint 12Rechnertransport im Audi A4?Counter-Strike:Source – Nach langer Pause ein paar StundenCounter-Strike:Source – Willkommen daheimOffroadWar ja irgendwie klar: SchneeKatze (oder Kater) müsste man seinLED-Spot mit E14-FassungWie schnell die Zeit doch vergehtWann wird es endlich Frühling?MuppetsOkano RC 345 FPidgin Portable und OTR – verschlüsselt chattenDezember 2011November 2011Oktober 2011September 2011August 2011Juli 2011Juni 2011Mai 2011April 2011März 2011Februar 2011Januar 2011Dezember 2010November 2010Oktober 2010September 2010August 2010Juli 2010Juni 2010Mai 2010April 2010März 2010Februar 2010Januar 2010Dezember 2009November 2009Oktober 2009September 2009Januar 2009Dezember 2008November 2008Oktober 2008September 2008Juni 2008Mai 2008April 2008März 2008Februar 2008Januar 2008Dezember 2007November 2007Oktober 2007Mai 2007Februar 2007Januar 2007September 2006August 2006Juni 2006Mai 2006April 2006März 2006Februar 2006November 2005Oktober 2005September 2005Juli 2005Juni 2005Mai 2005Mai 2004Oktober 2003September 2003Juli 2003Juni 2002Mai 2002März 2002Februar 2002Januar 2002November 2001Oktober 2001Juli 2001Juni 2001Mai 2001März 2001Februar 2001Januar 2001
get Opera
get Mozilla Firefox
get Konqueror
get Mozilla Thunderbird
get Ubuntu Linux

Valid CSS!
Valid XHTML!

02.

Januar

2012

Gimp: Eine einfache Animation erstellen

Gimp[1] sollte als kostenfreie Bildbearbeitungssoftware für diverse Plattformen (Windows, Linux, MacOS) eigentlich schon bekannt sein. Was vielen nicht bekannt ist: Mit Gimp lassen sich auch kleine Animationen erstellen und als .gif abspeichern.

Dabei darf man von der Animation nicht zu viel erwarten. Es handelt sich nur um eine Aneinanderreihung von mehreren Bildern und nicht um eine komplexe Berechnung von einem Bewegungsablauf.

Seit fast sieben Jahren habe ich den gleichen Avatar bei Motor-Talk[2]. Da war es an der Zeit diesen mal ein wenig aufzupeppen.

Inhalt der Animation sollten drei Fahrzeuge sein: Ein VW Bus, ein Audi A4 und eine Yamaha XJ 600 S beziehungsweise Bildausschnitte von Aufnahmen der Fahrzeuge. Diese habe ich bereits auf das Format von 70x70 Pixel zugeschnitten und in drei Ebenen in einem neuen Bild angelegt.

Speichert man dieses Bild nun als animiertes .gif, erhält man folgendes Resultat:

Gimp: .gif-Animation ohne Zeitangabe

Sehr hektisch und wenig ansprechend. Es wäre schön wenn die Bilder sich ein wenig mehr Zeit lassen würden. Dies kann natürlich auch eingestellt werden. Bei Gimp genügt es in dem Ebenentitel eine Angabe für die Zeitspanne der Einblendung anzugeben.

1000ms entsprechen 1 Sekunde. Im Ebenenfenster einfach per Doppelklick auf die Ebene den Änderungsmodus für den Titel aktivieren und anschließend in Klammern die Zeitspanne eintragen. Ich habe 2500ms gewählt, dies entspricht 2,5 Sekunden.

Gimp: Bilder mit Zeitangaben

Das nun angelegte animierte .gif wirkt schon ein wenig angenehmer. Dennoch sind die Schnitte recht hart:

Gimp: .gif-Animation mit Zeitangaben

Schöner beziehungsweise ansprechender wäre es, wenn die Bilder überblendet werden. Während das alte Bild ausgeblendet wird, wird das neue Bild eingeblendet. Diesen Effekt kann man natürlich auch per Hand erzeugen. Zunächst müssen die Ebenen mit den Bildern jeweils drei Mal kopiert werden. Am Ende sollte jedes Bild vier Mal zu sehen sein. Die Zeit für das Überblenden mit drei mal 100 Millisekunden habe ich ebenfalls schon eingefügt:

Gimp: 12 Ebenen für die Animation

Für diese Anleitung habe ich den Ebenen auch noch leicht verständliche Namen gegeben. Dies ist natürlich kein Muss, aber es erleichtert die Erklärung wie man den Effekt der Blende von einem zum anderen Bild konstruieren kann.

Damit es so aussieht als würde das eine Bild verschwinden, werden insgesamt drei Zwischenschritte angelegt. Im ersten Bild überlappt das neue Bild das alte Bild mit 25% Deckung. Im zweiten Bild mit 50% Deckung und im letzten Bild mit 75% Deckung.

Auf dem folgenden Screenshot kann man erkennen wie ich das Bild aus der Ebene »Yamaha (2500ms)« mit 50% Deckung (siehe Schieberegler »Deckkraft« am oberen Rand des Ebenenfensters) in die Ebene »T4 & Yamaha 2 (100ms)« einfüge:

Gimp: Überblendeffekt manuell erstellen

Nachdem dies für die neun zusätzlichen Ebenen mit 25, 50 und 75% vollständig übernommen wurde, sieht die Übersicht der Ebenen wie folgt aus:

Gimp: Fertig zusammengestellt für die Animation

Das Endresultat, wie es auch bei Motortalk in meinem Profil[3] beziehungsweise neben jedem Forenbeitrag zu finden ist, sieht wie folgt aus:

Gimp: .gif-Animation mit Zeitangaben

Die Übernahme ins Profil ist bei Motor-Talk einfach über die Einstellungen möglich. Animierte .gif können wie normale Bilder eingefügt werden.

Motor-Talk: Avatar ändern

Abschließend noch zwei Tipps: Man muss übrigens nicht immer das .gif abspeichern und dann separat öffnen um die Animation anzuschauen. Dies geht auch intern mit Gimp.

Einfach im Menü unter Filter die Auswahl Animation wählen und dann Animation abspielen... aktivieren.

GeForce 7600 GT: Produktionsdatum auf der Rückseite

Der zweite Tipp: Damit man die Animation später noch einmal einfach verändern kann, sollte man das Bild im Gimp-eigenen .xcf-Format abspeichern. So bleiben die Ebenen samt Titel erhalten. Das .gif kann einfach über den Dialog Datei und Kopie speichern... in einer neuen, separaten Datei als .gif gespeichert werden.

X_FISH


Werbung


Impressum
GnuPG public key
Das Generieren dieser Seite dauerte genau 1.32519 Sekunden.