Ein animiertes GIF mit GIMP erstellen

PDF download PDF herunterladen
PDF download PDF herunterladen

Animierte .gif Bilder können im ganzen Internet gefunden werden. In Buttons, Links, Symbolen, Hintergründen, Trennungen und Bannern können diese auffälligen Bilder alles sein von einem ausgezeichneten Werkzeug, um sich selbst auszudrücken, bis hin zu einem regelrechten Ärgernis. In diesem wikiHow Artikel durchlaufen wir einige der Grundlagen zur Erstellung eigener animierter .gif Bilder mit GIMP.

Vorgehensweise

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2f\/Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2f\/Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    • # Die gewählte Größe hängt weitestgehend vom Zweck ab. Bannerwerbung ist normalerweise zwischen 60 und 120 Pixel hoch und 400 bis 800 Pixel breit. Verschiedene Webseiten-Software und Banner-Austauschsysteme listen ihre eigenen Anforderungen auf. Bei Buttons ist die Höhe normalerweise nicht mehr als 40 Pixel, und die Breite üblicherweise weniger als 300 Pixel. Trenner, Akzente, Widgets, Doodads und Thingamabobs, die du erstellen willst, haben keine Begrenzung außer deinem Festplattenspeicherplatz und Bandbreite.
    • # In dieser Anleitung wählen wir 200 Pixel für Breite und 20 für Höhe, dann klicke OK. GIMP erstellt dir ein schönes, kleines weißes Rechteck.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/10\/Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/10\/Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jede Ebene, die wir erstellen, wird ein Frame in der Animation.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/85\/Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/85\/Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    , entsperre die horizontalen und vertikalen Werte durch Anklicken des kleinen Kettensymbols zwischen ihnen, und gib 3 für Horizontale Breite, 4 für Vertikale Breite, 0 für Intersektion, 22 für Horizontalen Abstand, 18 für Vertikalen Abstand, 2 für Intersektionsabstand, 2 für Horizontales Offset, 0 für Vertikales Offset und 6 für Intersektions-Offset ein. Wähle eine dunkelrote Farbe für die horizontalen und vertikalen Gitterlinien, dann klicke OK.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c3\/Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c3\/Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jetzt rechtsklicke auf die Ebene namens 'Hintergrund Kopie' und wähle Ebenen-Eigenschaften, um sie in etwas Einfaches wie 'Rahmen 1' umzubenennen.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4e\/Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4e\/Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Verwende die gleiche Methode, um den Frame 16 Mal zu duplizieren, so dass du insgesamt 16 Frames plus dem Hintergrundframe erhältst.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Manche Animationen bieten sich für verschiedene Variationen an, und ein Framework zu speichern, speichert viel Zeit zum Erstellen dieser Variationen. Verwende für diese Grunddatei GIMPs internes .xcf Format, wie LightBarBase.xcf .
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e4\/Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e4\/Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-8-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    indem du auf das Augen-Symbol neben ihnen klickst.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/99\/Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/99\/Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-9-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d3\/Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-10-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  11. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a7\/Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a7\/Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-11-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    , und 'springe' zurück nach links, wenn du das ganz rechte Gitterfeld erreichst.
  12. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8a\/Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8a\/Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-12-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    "LightBarSave.xcf"
  13. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/23\/Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/23\/Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-13-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ermöglicht dir, Fehler zu beheben und die Animation zu erweitern, wenn du den Hintergrund duplizierst , aber dies ist für gewöhlich für die Animation nicht notwendig.
  14. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3d\/Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3d\/Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-14-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    GIMP fragt, ob du Sichtbare Ebenen zusammenfügen oder Als Animation speichern willst. Wähle "Als Animation speichern" und klicke "Exportieren".
  15. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0b\/Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0b\/Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-15-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    bietet einen Speicherort für ein .gif, und die Standard-Verzögerung zwischen den Frames. Eine höhere Zahl bedeutet eine langsamere Animation.
  16. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-Image-with-GIMP-Step-16-Version-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dein neues animiertes .gif wurde erstellt!
    Werbeanzeige

Tipps

Werbeanzeige

Warnungen

  • Sehr stark blinkende Bilder können zu Kopfschmerzen, Schwindel und Unbehagen beim Betrachter führen.
Werbeanzeige

Was du brauchst

  • GIMP, ein kostenloses Open Source Grafik-Bearbeitungsprogramm, das auf den meisten Computern unter Mac, Linux und Windows läuft.

Verwandte wikiHows

Die Hintergrundfarbe in Adobe Illustrator ändern
Mit MS Paint Farben umkehren
Schriftarten zu Illustrator hinzufügen
Hast du ein schiefes Lächeln? Hier findest du Tipps, was du dagegen tun kannst
Transparenz in Photoshop einfügen
Mit GIMP ein transparentes Bild erstellen
Eine Collage machen
In Adobe Illustrator ein Loch in ein Objekt schneiden
NEF Dateien in Photoshop öffnen
Einen Hintergrund mit Photoshop Elements entfernen
Objekte in Photoshop drehen
Einen Kreis mit Grafik Software in sechs gleiche Teile aufteilen
Werbeanzeige

Referenzen

  1. ↑ https://www.gimp-download.de/

Über dieses wikiHow

In anderen Sprachen
Diese Seite wurde bisher 54.561 mal abgerufen.

War dieser Artikel hilfreich?

Werbeanzeige