Skip to main content

Erstellen eines animierten GIF mit GIMP

How to create a GIF animation with Gimp - Tutorial (Juni 2026)

How to create a GIF animation with Gimp - Tutorial (Juni 2026)
Anonim

GIMP ist eine bemerkenswert leistungsfähige Software, wenn man bedenkt, dass es kostenlos ist. Insbesondere Webdesigner sind möglicherweise dankbar für die Erstellung einfacher animierter GIFs.Animierte GIFs sind einfache Animationen, die Sie auf vielen Webseiten sehen können. Sie sind zwar weniger komplex als Flash-Animationen, aber für jeden, der ein grundlegendes Verständnis von GIMP besitzt, sehr einfach zu produzieren.Die folgenden Schritte zeigen eine einfache Animation in Webbannergröße mit ein paar grundlegenden Grafiken, etwas Text und einem Logo.

Öffnen Sie ein neues Dokument

In diesem Beispiel verwenden wir GIMP, um ein sehr einfaches animiertes GIF-Web-Banner zu erstellen. Wir haben die voreingestellte Vorlage von ausgewählt Web-Banner allgemein 468x60. Für Ihre Animation können Sie eine voreingestellte Größe auswählen oder benutzerdefinierte Abmessungen festlegen, je nachdem, wie Sie Ihre endgültige Animation verwenden.Unsere Animation besteht aus sieben Frames und jeder Frame wird durch eine einzelne Ebene dargestellt. Dies bedeutet, dass unsere endgültige GIMP-Datei sieben Ebenen einschließlich Hintergrund enthält.

Stellen Sie Bild Eins ein

Wir möchten, dass unsere Animation mit einem Leerzeichen beginnt, sodass wir keine Änderungen am tatsächlichen Element vornehmen Hintergrund Schicht, die bereits schlicht weiß ist.Wir müssen jedoch den Namen der Ebene in der ändern Schichten Palette. Wir klicken mit der rechten Maustaste auf die Hintergrund Ebene in der Palette und wählen Sie Bearbeiten Sie die Layer-Attribute. In dem Bearbeiten Sie die Layer-Attribute Dialog, der sich öffnet, fügen wir hinzu (250 ms) bis zum Ende des Ebenennamens. Hiermit wird festgelegt, wie lange dieses Bild in der Animation angezeigt wird. Die ms steht für Millisekunden und jede Millisekunde ist eine tausendstel Sekunde. Dieses erste Bild wird für eine Viertelsekunde angezeigt.

Setze Frame Zwei

Wir möchten eine Footprint-Grafik für diesen Frame verwenden, also gehen wir weiter Datei> Als Ebenen öffnen und wählen Sie unsere Grafikdatei aus. Dadurch wird der Fußabdruck auf einer neuen Ebene platziert, die wir mit dem Befehl nach Bedarf positionieren können Werkzeug verschieben. Wie bei der Hintergrundebene müssen Sie die Ebene umbenennen, um die Anzeigezeit für den Frame zuzuweisen. In diesem Fall haben wir 750 ms gewählt.Hinweis: in dem Schichten In der Palette erscheint die neue Ebenenvorschau mit einem schwarzen Hintergrund um die Grafik. In Wirklichkeit ist dieser Bereich jedoch transparent.

Stellen Sie die Bilder drei, vier und fünf ein

Die nächsten drei Frames sind weitere Fußabdrücke, die über das Banner gehen. Diese werden auf dieselbe Weise wie in Bild 2 eingefügt, wobei dieselbe Grafik und eine andere Grafik für den anderen Fuß verwendet werden. Wie zuvor ist die Zeit für jeden Frame auf 750 ms eingestellt.Jede der Footprint-Layer benötigt einen weißen Hintergrund, sodass immer nur ein Frame sichtbar ist - derzeit hat jeder einen transparenten Hintergrund. Dazu können Sie eine neue Ebene direkt unter einer Footprint-Ebene erstellen, die neue Ebene mit Weiß füllen und dann mit der rechten Maustaste auf die Footprint-Ebene klicken und auf klicken Zusammenführen.

Stellen Sie Frame Sechs ein

Bei diesem Rahmen handelt es sich lediglich um einen leeren, mit Weiß gefüllten Rahmen, der das Aussehen des endgültigen Fußabdrucks erscheinen lässt, bevor der endgültige Rahmen erscheint. Wir haben diese Schicht als Intervall bezeichnet und haben diese Anzeige für nur 250 ms ausgewählt. Sie müssen keine Ebenen benennen, aber es kann die Arbeit mit geschichteten Dateien erleichtern.

Stellen Sie Frame Seven ein

Dies ist der letzte Frame und zeigt etwas Text zusammen mit dem About.com-Logo. Der erste Schritt hier ist das Hinzufügen einer weiteren Ebene mit weißem Hintergrund.Als nächstes verwenden wir die Textwerkzeug um den Text hinzuzufügen. Dies wird auf eine neue Ebene angewendet, aber wir werden uns darum kümmern, sobald wir das Logo hinzugefügt haben. Dies können wir genauso tun wie zuvor die Footprint-Grafiken. Wenn wir diese nach Ihren Wünschen zusammengestellt haben, können wir sie verwenden Zusammenführen um die Logo- und Textebenen zu kombinieren und anschließend die kombinierte Ebene mit der zuvor hinzugefügten weißen Ebene zu verbinden. Dadurch wird eine einzelne Ebene erzeugt, die den endgültigen Rahmen bildet. Wir haben uns dafür entschieden, diesen für 4000 ms anzuzeigen.

Vorschau der Animation

Vor dem Speichern des animierten GIFs hat GIMP die Möglichkeit, eine Vorschau der Aktion anzuzeigen, indem Sie zu gehen Filter> Animation> Wiedergabe. Es öffnet sich ein Vorschaudialog mit selbsterklärenden Schaltflächen zum Abspielen der Animation.Wenn etwas nicht richtig aussieht, kann es an dieser Stelle geändert werden. Andernfalls kann es als animiertes GIF gespeichert werden.

Hinweis: Die Animationssequenz wird in der Reihenfolge festgelegt, in der die Ebenen in gestapelt werden Schichten Palette, beginnend vom Hintergrund oder der untersten Ebene und nach oben arbeiten. Wenn Ihre Animation nicht in der richtigen Reihenfolge abgespielt wird, müssen Sie die Reihenfolge der Ebenen anpassen. Klicken Sie dazu auf eine Ebene, um sie auszuwählen, und verwenden Sie die Auf- und Abwärtspfeile in der unteren Leiste des Fensters Schichten Palette, um seine Position zu ändern.

Speichern Sie das animierte GIF

Das Speichern einer animierten GIF ist eine ziemlich einfache Übung. Gehen Sie zuerst zu Datei> Kopie speichern und geben Sie Ihrer Datei einen relevanten Namen und wählen Sie den Ort, an dem Sie Ihre Datei speichern möchten. Vor dem Drücken sparen, wählenDateityp auswählen (nach Erweiterung) nach links unten und wählen Sie aus der sich öffnenden Liste GIF-Bild. In dem Exportdatei Wählen Sie im angezeigten Dialogfeld die Option Als Animation speichern Optionsfeld und klicken Sie auf die Schaltfläche Export Taste. Wenn Sie eine Warnung erhalten, wenn Ebenen über den tatsächlichen Bildrand hinausragen, wählen Sie die Option Ernte Taste.Dies wird jetzt zum führen Speichern Sie als GIF Dialog mit einem Abschnitt von Animierte GIF-Optionen. Sie können diese auf den Standardwerten belassen. Wenn Sie jedoch nur einmal die Animation abspielen möchten, deaktivieren Sie die Option Schleife für immer.

Fazit

Die hier gezeigten Schritte geben Ihnen die grundlegenden Werkzeuge, um Ihre eigenen einfachen Animationen mit verschiedenen Grafiken und Dokumentgrößen zu erstellen. Das Endergebnis ist zwar in Bezug auf die Animation ziemlich grundlegend, aber es ist ein sehr einfacher Prozess, den jeder mit GIMP-Grundkenntnissen erreichen kann. Animierte GIFs sind wahrscheinlich schon über ihren besten Stand hinaus. Mit ein wenig Nachdenken und sorgfältiger Planung können sie jedoch immer noch dazu verwendet werden, sehr schnell wirkungsvolle animierte Elemente zu erzeugen.