Tools95

BEARBEITEN / EIN PRAKTISCHER BILD-LEITFADEN

So erstellen Sie ein GIF aus Bildern

Verleihen Sie einer Reihe von Bildern einen eigenen Rhythmus.

Um ein GIF aus Bildern zu erstellen, öffnen Sie den GIF Maker, wählen Sie „Bilder“ und laden Sie Ihre Bilder hoch. Ordnen Sie die Frames an, wählen Sie aus, wie lange jeder sichtbar bleibt, fügen Sie Übergänge hinzu und wählen Sie „GIF erstellen“. Diese Anleitung erstellt eine echte Schleife aus vier Bildern und erklärt die Steuerelemente, die eine Fotoanimation gezielt wirken lassen.

Anleitung folgen
VIER ECHTE QUELLBILDER UND DAS HERUNTERGELADENE ERGEBNIS
Vorher Die vier vollständigen orbitalen Beispielbilder vor der Animation, zusammen in ihrer ursprünglichen Reihenfolge angezeigt.

Vier originale 640 × 640 WebP Bilder, angeordnet als Kontaktbogen für diesen Vergleich.

Nachher Tatsächlicher erster Frame des heruntergeladenen orbitalen GIF, einschließlich der weißen „Made to loop“-Bildunterschrift, die unten hinzugefügt wurde.

Erster Frame von animation.gif: 640 × 640 px; die vollständige 20-Frame-Schleife dauert 3.4 Sekunden.

„Vorher“ ist ein Kontaktbogen der vier vollständigen Quellbilder. „Nachher“ ist der echte erste Ausgabe-Frame, keine simulierte Animation. Beide werden zur besseren Lesbarkeit kleiner dargestellt; das GIF kombiniert diese Quellen mit weichen Überblendungen und einer Bildunterschrift nur auf dem ersten Frame.
Werbeanzeigen
Werbeanzeigen

Erstellen Sie das Beispiel zuerst mit vier Bildern und passen Sie dann die Reihenfolge, die Rahmendauer und die Leinwand an Ihre eigene Fotosequenz an. GIF-Ersteller öffnen.

01

Bilder auswählen und die Frame-Sequenz anordnen

Öffnen Sie den GIF Maker und wählen Sie „Bilder“. Laden Sie Ihre Bilder hoch oder wählen Sie „Ein Beispiel ausprobieren“. Zu den gängigen Eingabeformaten gehören JPG, PNG, WebP und GIF; das Upload-Formular listet die zusätzlich unterstützten Formate auf. Eine Stapelverarbeitung kann bis zu 50 Dateien enthalten, mit einem Limit von 25 MB pro Bild und allgemeinen Verarbeitungsbeschränkungen.

Dieses Beispiel verwendet „Ein Beispiel ausprobieren“, um gif-orbit-01.webp bis gif-orbit-04.webp zu laden. Jedes Original ist 640 × 640 Pixel groß, und die vier Bilder zeigen verschiedene Positionen in derselben Umlaufbahn-Szene. Behalten Sie für das Ergebnis die ursprüngliche Reihenfolge bei.

Die Rahmenkarten befinden sich über der Vorschau. Ziehen Sie eine Karte, um ihre Position zu ändern, oder wählen Sie sie aus und verwenden Sie „Früher verschieben“ oder „Später verschieben“ im Einstellungsbereich. Tastaturbenutzer können Karten mit den Pfeiltasten auswählen und mit Alt plus einer Pfeiltaste neu anordnen. „Wiedergabe“ über der Vorschau prüft die aktuelle Sequenz.

„Duplizieren“ fügt eine weitere Kopie des ausgewählten Rahmens hinzu. „Entfernen“ löscht einen Rahmen aus der Sequenz, wobei mindestens einer erhalten bleiben muss. „Rückgängig“ und „Wiederherstellen“ stellen kürzliche Bearbeitungen wieder her; das Hinzufügen oder Entfernen einer Quelldatei startet einen neuen Dateisatz und setzt diesen Bearbeitungsverlauf zurück. Verwenden Sie „Bilder hinzufügen“, wenn die Sequenz mehr Bilder benötigt.

Verwenden Sie zusammengehörige Bilder mit einem klaren Ablauf. Eine einfache Sequenz ist leichter zu verfolgen als viele unzusammenhängende Fotos, die sich schnell ändern.

02

Legen Sie die Dauer jedes Rahmens fest und wählen Sie einen Übergang

Wählen Sie einen Rahmen aus und stellen Sie die „Dauer“ in Sekunden ein. Der unterstützte Bereich liegt bei 0.02 bis 10 Sekunden pro Quellrahmen. „Diese Dauer auf alle Rahmen anwenden“ gibt jedem Rahmen das gewählte Timing. Lassen Sie bei einer Diashow mit einem Titel oder einem detaillierten letzten Foto diesen Rahmen länger sichtbar als die anderen.

Behalten Sie für das Beispiel jede „Dauer“ bei 0.65 Sekunden bei. „Beispiel ausprobieren“ setzt diesen Wert bereits; geben Sie bei eigenen Bildern 0.65 für einen Rahmen ein und wählen Sie „Diese Dauer auf alle Rahmen anwenden“. Wählen Sie „Sanfte Überblendung“ unter „Übergang“ und stellen Sie die „Übergangszeit“ auf 0.20 Sekunden oder 200 Millisekunden ein.

Öffnen Sie „Text & Exportqualität“ und behalten Sie die „Übergangsschritte“ bei 4 bei. Jede Überblendung fügt vier Zwischenbilder hinzu. Mit vier Originalrahmen, vier schleifenden Überblendungen, „Vorwärts“-Wiedergabe und „Endlosschleife“ enthält dieses Beispiel 20 gerenderte Rahmen. Die vier 0.65-Sekunden-Haltezeiten plus vier 0.20-Sekunden-Überblendungen ergeben einen 3.4-Sekunden-Zyklus.

„Harter Schnitt“ wechselt direkt zwischen Bildern, ohne Übergangsrahmen hinzuzufügen. „Nach links schieben“ bewegt das nächste Bild über die Leinwand. Mehr Übergangsschritte können einen Übergang flüssiger machen, verbrauchen aber mehr vom 200-Rahmen-Exportbudget. Der Editor meldet, wenn die gewählte Sequenz und die Effekte dieses Limit überschreiten.

„Vorwärts“ spielt die Sequenz in der richtigen Reihenfolge ab, „Rückwärts“ spielt sie rückwärts ab und „Hin und her“ kehrt durch die Sequenz zurück, ohne beide Endpunkte zu wiederholen. „Schleife“ wählt endlose Wiederholung oder eine feste Anzahl von Wiedergaben. Behalten Sie für das Arbeitsbeispiel „Vorwärts“ und „Endlosschleife“ bei.

Die „Dauer“ ist die Haltezeit vor einem Übergang; die „Übergangszeit“ wird dazu addiert. Vier Fotos bei 0.65 Sekunden ergeben keinen 2.6-Sekunden-Loop, wenn auch Überblendungen aktiviert sind.

Das Beispiel in dieser Anleitung

Vier Beispielbilder in ihrer ursprünglichen Reihenfolge; 0.65 s pro Frame; Vorwärts; Endlosschleife; Weiche Überblendung; 0.20 s Übergangszeit; 4 Übergangsschritte; Quadratisch 640 × 640 px; Gesamtes Bild anzeigen; zentriert bei 100% Zoom; Bildunterschrift für den ersten Frame „Made to loop.“; Unten; 32 px; weiß; 256 Farben; Glatte Farbverläufe und Dateigröße optimieren aktiviert.

Quellbilder
4 WebPs · jeweils 640 × 640 px
Frame-Timing
0.65 s Haltezeit + 0.20 s Überblendung
Heruntergeladenes GIF
640 × 640 px · 20 Frames
Animationszyklus
3.4 Sekunden · Endlosschleife
03

Wählen Sie die Leinwand, richten Sie Bilder neu aus und fügen Sie Bildunterschriften hinzu

Wählen Sie unter „Leinwand & Hintergrund“ für das Beispiel „Quadrat · 1:1“ und behalten Sie „Breite“ und „Höhe“ bei 640 px bei. Weitere Voreinstellungen sind „Porträt“, „Story“, „Landschaft“ und „Breitbild“. „Erstes Bild anpassen“ beginnt mit der Form des ersten Bildes, während „Benutzerdefinierte Größe“ Abmessungen von 16 bis 1600 px pro Kante akzeptiert, vorbehaltlich des gesamten Verarbeitungslimits der Animation.

„Bildanpassung“ bietet „Ganzes Bild anzeigen“ und „Leinwand füllen“. „Ganzes Bild anzeigen“ bei 100% Zoom behält alle Quellkanten bei und kann Hintergrund um ein anders geformtes Bild herum lassen. „Leinwand füllen“ deckt den Ausgabebereich ab und kann die Kanten beschneiden. Stellen Sie den „Hintergrund“ auf die gewünschte Füllung ein oder aktivieren Sie „Transparenter Hintergrund“, wenn das Ziel dies erfordert.

Wählen Sie einen Rahmen aus, um dessen Ausrichtung unabhängig zu ändern. Ziehen Sie die Vorschau oder ändern Sie den „Zoom“, verwenden Sie „Links“ oder „Rechts“ für 90-Grad-Drehungen oder „Spiegeln“, um es zu spiegeln. „Rahmen zurücksetzen“ setzt diesen Rahmen auf eine zentrierte, nicht gedrehte Ausrichtung bei 100% Zoom zurück. Das Beispiel behält alle vier quadratischen Originalbilder zentriert und verwendet „Ganzes Bild anzeigen“.

Wählen Sie den ersten Rahmen aus und geben Sie „Made to loop.“ in „Bildunterschrift“ ein. Lassen Sie die anderen drei Bildunterschriften leer. Behalten Sie unter „Text & Exportqualität“ die „Position der Bildunterschrift“ bei „Unten“, die „Größe der Bildunterschrift“ bei 32 px und die „Farbe der Bildunterschrift“ bei Weiß. Bildunterschriften gehören zu einzelnen Rahmen; die Auswahl eines anderen Rahmens ermöglicht es Ihnen, eine andere Zeile zu schreiben. Die erste Bildunterschrift des Beispiels blendet mit ihrem Rahmen aus.

Behalten Sie GIF Farben bei 256 · mehr Details bei, mit aktivierten „Glatte Farbverläufe“ und „Dateigröße optimieren“ für das Arbeitsergebnis. Niedrigere Farbanzahlen können eine leichtere Datei ergeben, können aber subtile Schattierungen verändern. „Glatte Farbverläufe“ verwendet Dithering, das Farbbänder weicher machen kann, während ein sichtbares feines Muster hinzugefügt wird.

Überprüfen Sie jeden Rahmen, nachdem Sie die Leinwandform geändert haben. Eine Komposition, die zu einem Bild passt, kann das Motiv in einem anderen beschneiden. Das Erhöhen der Ausgabeabmessungen kann Details, die in einer kleinen Quelle fehlen, nicht wiederherstellen.

04

Erstellen Sie die GIF und überprüfen Sie die heruntergeladene Animation

Spielen Sie die Vorschau ab und beobachten Sie einen vollständigen Zyklus, einschließlich der Rückkehr vom letzten Rahmen zum ersten. Überprüfen Sie, ob die Bildunterschriften lange genug sichtbar bleiben, der Zuschnitt konsistent ist und sich kein Rahmen gehetzt anfühlt. Wählen Sie „GIF erstellen“, wenn die Sequenz fertig ist; der Server rendert die endgültige Animation aus den hochgeladenen Originalen.

Das Arbeitsbeispiel lädt animation.gif mit 640 × 640 Pixeln herunter. Die tatsächliche Ausgabe hat 20 Rahmen, einen 3.4-Sekunden-Zyklus und eine Endlosschleife. Der Vergleich oben zeigt die vier Originalbilder als Kontaktbogen und den tatsächlichen ersten Rahmen dieser heruntergeladenen GIF, einschließlich der hinzugefügten „Made to loop.“-Bildunterschrift.

Die Artikelbilder sind nur Vorschauen, kein Animationsplayer. Öffnen Sie die heruntergeladene GIF in einer App, die Animationen unterstützt, um das Timing und den Loop zu überprüfen. Eine Vorschau, die flüssig aussieht, kann nach der GIF-Palettenkonvertierung noch Farbänderungen erfahren, also überprüfen Sie das gespeicherte Ergebnis vor dem Teilen.

Für ein kleineres Ergebnis versuchen Sie es mit weniger Quellrahmen, kürzeren Übergängen, weniger Übergangsschritten, einer kleineren Leinwand oder einem niedrigeren GIF-Farbwert. Das alleinige Verkürzen der Haltezeit entfernt keine Bildrahmen, daher kann es das Tempo ändern, ohne die Dateigröße wesentlich zu reduzieren.

Laden Sie herunter, bevor Sie die Seite aktualisieren oder verlassen. Das Aktualisieren des Editors oder der Download-Seite führt zurück zur Hauptseite des Tools. Behalten Sie Ihre Originalbilder, da die exportierte GIF eine reduzierte Animation ist, keine Projektdatei, die die bearbeitbaren Quellsteuerelemente enthält.

Ein statischer Bildbetrachter zeigt möglicherweise nur den ersten GIF-Rahmen an. Testen Sie die Datei in einem Browser oder einem anderen animationsfähigen Betrachter, bevor Sie schlussfolgern, dass die Animation fehlt.

NÜTZLICHE DETAILS

Häufige Fragen

Kann ich ein GIF aus JPG und PNG Bildern zusammen erstellen?

Ja. Der Bildmodus kann unterstützte Bildformate in einer Sequenz kombinieren. Jeder Input wird zu einem oder mehreren Timeline-Frames. Wählen Sie eine gemeinsame Leinwandgröße und prüfen Sie die Passform jedes Bildes.

Kann jedes Bild unterschiedlich lange auf dem Bildschirm bleiben?

Ja. Wählen Sie einen Frame aus und ändern Sie die Dauer. „Diese Dauer auf alle Frames anwenden“ ist optional; lassen Sie dies ungenutzt, wenn die Bilder unterschiedliche Haltezeiten benötigen.

Warum hat das GIF mehr Frames als die Anzahl der Fotos?

Weiche Überblendung und „Nach links schieben“ fügen Übergangs-Frames ein, und „Hüpfen“ fügt eine Rücklaufsequenz hinzu. Eine hochgeladene animierte Datei kann ebenfalls mehrere Frames enthalten. Das 200-Frame-Limit gilt für die gerenderte Animation, nicht nur für die Anzahl der hochgeladenen Fotos.

Kann ich auf jedes Bild eine andere Bildunterschrift setzen?

Ja. Die Bildunterschrift gilt für den ausgewählten Frame. Wählen Sie jeden Frame aus, um dessen Text einzugeben. Position, Größe und Farbe der Bildunterschrift sind geteilte Styling-Steuerelemente für die Animation.

Kann das GIF einen transparenten Hintergrund haben?

Ja. Aktivieren Sie „Transparenter Hintergrund“ unter „Leinwand & Hintergrund“. GIF unterstützt vollständig transparente Pixel anstelle der glatten Teiltransparenz im PNG-Stil, daher können sich weiche Kanten verändern. Prüfen Sie das heruntergeladene Ergebnis vor dem beabsichtigten Hintergrund.

Warum fehlen einige Kanten eines Fotos?

„Leinwand füllen“ und zusätzlicher Zoom können Quellkanten beschneiden. Um ein vollständiges Bild zu behalten, wählen Sie „Gesamtes Bild anzeigen“, stellen Sie den Zoom auf 100% und verwenden Sie zentrierte Rahmung. Eine andere Leinwandform kann sichtbaren Hintergrund um das Bild herum hinterlassen.

Macht eine schnellere Wiedergabe des GIF die Datei kleiner?

Nicht unbedingt. Eine kürzere Haltezeit ändert das Timing, behält aber die gleichen Frames bei. Die Reduzierung der Abmessungen, der Anzahl der gerenderten Frames oder der Farbanzahl hat normalerweise einen direkteren Effekt auf die Dateigröße.

Werden alle Bilder in meinem Browser verarbeitet?

Nein. Der Browser zeigt die interaktive Komposition an, aber Frame-Vorschauen und die endgültige GIF-Kodierung nutzen die Serververarbeitung. Die endgültige Datei wird aus den hochgeladenen Originalen und den gewählten Einstellungen gerendert.

DU BIST DRAN

Verwandeln Sie Ihre Bilder in eine Schleife mit klarem Rhythmus

Probiere ein Beispiel oder verwende deine eigene Datei und überprüfe das Ergebnis vor dem Teilen.

GIF-Ersteller öffnen

Bilddetails

Sprache38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Wähle deine Sprache. Video-Tutorials verwenden derzeit englische Kommentare.