GIF-Dateien sind eines der am häufigsten verwendeten Grafikformate im World Wide Web. Diese Bilddateien, die bis zu 256 verschiedene Farben enthalten können, sind besonders beliebt, weil sie animierte Bilder und Text ähnlich wie ein Video darstellen können. Eine Reihe kostenloser Webtools ermöglicht es jedem, innerhalb von Minuten eigene GIFs aus bereits vorhandenen Videos oder Bildern zu erstellen, während Power-User Software wie Photoshop oder Gimp verwenden können, um animierte GIFs von Grund auf neu zu erstellen. Jetzt werden wir kreativ!
Schritte
Methode 1 von 5: Erstellen eines animierten GIFs aus einem Video
Schritt 1. Entscheiden Sie sich für eine seriöse Video-zu-GIF-Konvertierungs-App
Es gibt viele zur Auswahl, wie Giphy-g.webp
- Wenn Sie es vorziehen, eine App herunterzuladen, lesen Sie viele Rezensionen im App Store Ihres Geräts. Laden Sie niemals Software von einer Site herunter, der Sie nicht vertrauen, und führen Sie sie aus.
- Die beiden genannten Apps können GIFs aus bis zu 15 Sekunden Online-Video erstellen. Dies ist üblich.
- Die meisten Konverter erfordern, dass Ihr Video auf eine Website wie YouTube oder Vimeo hochgeladen wird, auf der Sie Videos öffentlich teilen können. Andere, wie Giphy, ermöglichen es Ihnen auch, Ihr eigenes Video hochzuladen.
Schritt 2. Wählen Sie Ihr Quellvideo
Finden Sie ein Video online (oder auf Ihrem Gerät, wenn Sie eine Website wie Giphy verwenden), das zwischen 0,5 und 15 Sekunden Bewegung hat, um in ein-g.webp
Schritt 3. Laden Sie das Video in den Konverter
Dieser Schritt wird für verschiedene Apps unterschiedlich sein.
- Wenn Sie ein Video auf einer Website wie YouTube verwenden, öffnen Sie das Video in Ihrem Browser. Kopieren Sie die gesamte URL der Videodatei aus der Adressleiste und fügen Sie sie dann in das entsprechende Feld in der Video-to-GIF-Konverter-App ein. Im Feld sollte etwa "URL hier einfügen" stehen. Drücke auf ↵ Enter oder klicke auf OK.
- Wenn Sie ein Video hochladen, suchen Sie die Schaltfläche im Video-zu-Gif-Konvertierungstool (es sollte etwa "Durchsuchen Sie Ihre Videodateien" heißen) und wählen Sie die gewünschte Datei aus.
Schritt 4. Definieren Sie die Länge Ihres GIFs
Jede Site bietet unterschiedliche Bearbeitungsoptionen, aber bei allen können Sie einen bestimmten Abschnitt des Videos definieren, der in ein-g.webp
Schritt 5. Fügen Sie Ihrem-g.webp" />
Fast jeder Video-to-GIF-Maker ermöglicht es Ihnen, Ihrem-g.webp
Schritt 6. Erstellen Sie die Datei
Wenn Sie mit dem Kreativprozess fertig sind, klicken Sie in Ihrer Web-App auf -g.webp
- Wenn Ihr-g.webp" />
- Sie können Ihr-g.webp" />
Methode 2 von 5: Erstellen eines animierten GIFs aus Bildern
Schritt 1. Sammeln Sie eine Reihe von Bildern
Wenn Sie ein animiertes-g.webp
Schritt 2. Wählen Sie einen Bild-zu-GIF-Konverter
Es gibt viele zur Auswahl, wie zum Beispiel GifCreator und GIFMaker Video Maker. Beide und viele andere Apps sind über das Internet zugänglich – es sind keine Downloads erforderlich.
- Diese Konverter haben im Allgemeinen ähnliche Funktionen, einschließlich der Möglichkeit, die Größe jedes Frames zu ändern und die Animationsgeschwindigkeit zu steuern. Sie können auch auf allen mobilen Geräten mit Webbrowser verwendet werden.
- Es gibt auch Apps zum Herunterladen, mit denen Sie GIFs erstellen können, aber viele der kostenlosen sind mit Anzeigen überlastet. Wenn Sie eine App herunterladen möchten, lesen Sie vor dem Herunterladen unbedingt die Rezensionen zu jedem Produkt.
Schritt 3. Laden Sie Ihr erstes Bild in den Konverter hoch
Suchen Sie bei geöffnetem Konverter in Ihrem Browser die Schaltfläche mit der Aufschrift „Bilder hochladen“(je nachdem, welchen Konverter Sie verwenden). Ein Suchfeld sollte erscheinen, in dem Sie Ihr erstes Bild auswählen können. Doppelklicken Sie auf das Bild oder wählen Sie es aus und klicken Sie auf "Öffnen". Im Konverter sollte eine Miniaturansicht angezeigt werden.
Schritt 4. Passen Sie die Größe des Bildes an
Die meisten Konverter zeigen auch einige einstellbare Einstellungen unter dem Bild an, z. B. Größe oder Wiederholungszeiten. Sie können die Schieberegler jetzt verschieben, um diese Aspekte anzupassen. Sie können sie auch später aufrufen, indem Sie auf die Miniaturansicht des Bildes klicken.
Schritt 5. Laden Sie weitere Bilder hoch und passen Sie sie an
Laden Sie zusätzliche Fotos hoch, indem Sie auf die Schaltfläche „Bilder hochladen“klicken. Bei den meisten Konvertern können Sie die Bilder verschieben, um sie in unterschiedlicher Reihenfolge anzuordnen. Machen Sie sich also keine Sorgen, wenn Sie sie außerhalb der Reihenfolge hochladen. Sie können auch die Größe jedes Bildes anpassen. Wenn Ihr Konverter noch keine Vorschau der Animation anzeigt, suchen Sie nach einer Schaltfläche mit der Aufschrift "Vorschau" oder "Abspielen", um Ihre Arbeit zu überprüfen.
Schritt 6. Erstellen Sie die GIF-Datei
Wenn Sie die Reihenfolge und Größe Ihrer Animation angepasst haben, klicken Sie auf „GIF-Animation erstellen“oder -g.webp
Methode 3 von 5: Erstellen eines animierten GIFs von Grund auf in GIMP
Schritt 1. Öffnen Sie GIMP
Wenn Sie ein animiertes-g.webp
Schritt 2. Erstellen Sie ein neues Bild
Klicken Sie im Menü Datei auf "Neu". Ein Dialogfeld mit Optionen für Ihr neues Bild wird angezeigt:
- Sie sehen zwei Felder mit der Angabe Breite und Höhe, gefolgt von "px", was "Pixel" bedeutet. Geben Sie Ihre gewünschte Größe (in Pixel) in jedes Feld ein. Wenn Sie Zoll besser visualisieren möchten, wählen Sie „in“aus der Liste und geben Sie Ihre gewünschte Bildgröße ein.
- Wählen Sie neben „Füllen mit“eine Farbe für den Hintergrund Ihres GIFs aus. Unter der seitlichen Symbolleiste befinden sich zwei Felder, die mit Farben gefüllt sind. Wenn Sie „Vordergrundfarbe“auswählen, wird die Farbe des vorderen Quadrats als Bildfarbe verwendet, und „Hintergrundfarbe“verwendet die Farbe des hinteren Quadrats.
- Klicken Sie auf „OK“, um Ihr Bild zu erstellen.
Schritt 3. Machen Sie das Ebenen-Dock sichtbar
Öffnen Sie das Menü „Windows“und wählen Sie „Andockbare Dialoge“. Wählen Sie „Ebenen“aus der Liste aus.
Schritt 4. Erstellen Sie eine neue Ebene für Ihr erstes Element
Jedes Teil Ihrer Animation muss sich auf einer separaten Ebene befinden. Klicken Sie auf das kleine quadratische Blatt Papier in der unteren linken Ecke des Ebenenfelds, um das Dialogfeld Neue Ebene zu öffnen.
- Geben Sie neben "Ebenenname" einen Namen für Ihre Ebene ein, damit Sie später problemlos zwischen den Ebenen wechseln können.
- Um eine nahtlose Animation zu gewährleisten, stellen Sie die Farbe auf „Transparent“und klicken Sie dann auf „OK“.
Schritt 5. Fügen Sie der Ebene Bilder oder Text hinzu
Wenn Sie später darauf zeichnen möchten, klicken Sie auf das Pinselsymbol in der Seitenleiste, wählen Sie eine Farbe aus und zeichnen Sie Ihr Bild. Um Text einzufügen, klicke auf das „A“in der Seitenleiste und dann irgendwo, um mit der Eingabe zu beginnen.
- Alles, was Sie in diese Ebene einfügen, wird zusammen animiert. Mit anderen Worten, wenn Sie Text eingeben und ein Bild auf dieser Ebene zeichnen, befinden sich diese beiden Elemente im selben Rahmen der Animation.
- Nachdem Sie mit dem Einfügen von Bildern oder Text auf diese Ebene fertig sind, sehen Sie sich das Dialogfeld "Ebenen" an und beachten Sie die Option "Deckkraft". Um eine Ebene weniger deckend zu machen, schieben Sie den Knopf nach unten, bis Sie das gewünschte Ergebnis sehen.
Schritt 6. Erstellen Sie bei Bedarf eine weitere Ebene
Dieser Schritt kann für beliebig viele verschiedene Ebenen in Ihrer Animation wiederholt werden. Geben Sie dieser neuen Ebene einen Namen, der sich von der letzten Ebene unterscheidet, und klicken Sie dann auf "OK".
Schritt 7. Sehen Sie sich eine Vorschau Ihrer Animation an
Öffnen Sie das Menü Filter und wählen Sie „Animation“und dann „Wiedergabe“. Sie sehen eine Vorschau Ihrer Animation, die GIMP aus jeder Ihrer Ebenen erstellt.
Schritt 8. Animationsoptionen ändern
Öffnen Sie das Menü Datei und klicken Sie auf „Exportieren“und wählen Sie dann „GIF-Bild“. Stellen Sie sicher, dass das Kontrollkästchen neben "Als Animation" aktiviert ist.
- Wenn Sie möchten, dass die Animation kontinuierlich wiederholt wird, setzen Sie ein Häkchen neben "Loop Forever".
- Geben Sie neben „Verzögerung zwischen Frames, sofern nicht angegeben“die Zeit (in Millisekunden) ein, die jeder Frame angezeigt werden soll. Standardmäßig sind es 100 (weshalb Ihre Vorschau ziemlich schnell aussah). Ändern Sie es in etwas Größeres, wie 300 oder 600, und klicken Sie dann auf "Exportieren".
Schritt 9. Passen Sie die Verzögerung an
Wenn Sie nicht möchten, dass jede Ihrer Ebenen für die gleiche Zeit angezeigt wird, können Sie die Dauer jeder Ebene unabhängig voneinander bearbeiten.
- Klicken Sie im Ebenendialog mit der rechten Maustaste auf einen der Ebenennamen und wählen Sie „Ebenenattribute bearbeiten“.
-
Geben Sie neben dem Ebenennamen die Dauer (in Millisekunden) direkt ohne Leerzeichen ein, wie folgt:
LAYERNAME(200ms)
- Klicken Sie auf „OK“, um diese Ebene zu speichern, und ändern Sie alle zusätzlichen Ebenen auf die gleiche Weise.
Schritt 10. Vorschau und Export Ihrer Animation
Klicken Sie im Menü "Filter" auf "Animation" und wählen Sie "Wiedergabe", um zu sehen, wie Ihre Änderungen die Animation verändert haben. Wenn Sie bereit sind, das Bild zu speichern, klicken Sie auf „Datei“und dann auf „Exportieren“und wählen Sie erneut „GIF-Bild“. Geben Sie Ihrer Animation einen Namen und klicken Sie zum Beenden auf „Speichern“.
Methode 4 von 5: Erstellen eines animierten GIFs von Grund auf in Photoshop
Schritt 1. Erstellen Sie ein neues Bild in Photoshop
Wenn Sie ein Video lieber in ein animiertes GIF-Format konvertieren möchten, lesen Sie So erstellen Sie ein animiertes-g.webp
- Öffnen Sie das Menü „Datei“und klicken Sie auf „Neu“, um die Optionen für Ihre neue Datei anzuzeigen. Geben Sie einen Namen für Ihre Animation in das Feld neben "Name" ein.
- Beachten Sie in den Feldern „Breite“und „Höhe“die Messarten nach den Wertefeldern. Es ist entweder auf Zoll oder Pixel eingestellt, je nachdem, was Sie in der Vergangenheit verwendet haben. Wenn Sie die Pixelgröße angeben möchten, ändern Sie den Messtyp in „Pixel“. Wenn Sie Zoll leichter visualisieren können, wählen Sie diese Option. Geben Sie Ihre gewünschte Messung in das entsprechende Feld ein.
- Wählen Sie eine Hintergrundfarbe für Ihre Animation. Klicken Sie auf das Menü neben „Hintergrund“oder „Hintergrundinhalt“(je nach Photoshop-Version) und wählen Sie eine der Farboptionen aus.
- Klicken Sie auf „OK“, um Ihr neues Bild mit diesen Einstellungen zu erstellen.
Schritt 2. Öffnen Sie die Ebenen- und Animationsbedienfelder
Jeder Frame Ihrer Animation muss sich in einer eigenen Ebene befinden, sodass das Ebenenbedienfeld sichtbar sein soll. Klicken Sie auf das Menü Fenster und aktivieren Sie sowohl Ebenen als auch Animationen. Die Panels werden dann in Ihrem Arbeitsbereich angezeigt.
Schritt 3. Erstellen Sie eine neue Ebene für Ihren ersten Frame
Klicken Sie im Ebenenbedienfeld auf das Pluszeichen (+), um eine neue Ebene hinzuzufügen. Geben Sie neben "Name " einen Namen für Ihre Ebene ein, z. B. "Frame 1". Setzen Sie die Füllfarbe entweder auf Transparent oder auf die Farbe Ihres Hintergrunds. Klicken Sie auf „OK“, um diese neue Ebene zu erstellen.
Jedes Element Ihrer Animation muss sich in einem einzigartigen Frame befinden. Alles, was Sie auf diese neue Ebene legen, wird als ein Frame animiert
Schritt 4. Fügen Sie Ihren Text oder Ihre Zeichnung zu Ihrer neuen Ebene hinzu
Wenn Sie auf dieser Ebene zeichnen möchten, wählen Sie eine Farbe aus dem Farbfeldbedienfeld (dem Bedienfeld mit allen farbigen Quadraten) und klicken Sie dann auf das Pinselwerkzeug. Wenn Sie Text hinzufügen möchten, klicken Sie auf das „T“, um das Textwerkzeug zu starten.
Schritt 5. Erstellen Sie Ihren nächsten Rahmen
Erstellen Sie eine weitere Ebene und erstellen Sie den zweiten Frame Ihrer Animation.
- Wenn der nächste Frame Ihrer Animation nur eine geringfügige Modifikation des ersten Frames ist, möchten Sie vielleicht Ihre Ebene „klonen“, anstatt eine neue zu erstellen. Um die Ebene zu klonen, klicken Sie im Ebenenbedienfeld mit der rechten Maustaste auf diese Ebene und wählen Sie „Ebene duplizieren“.
- Fahren Sie mit dem Erstellen oder Klonen von Ebenen fort, bis Sie jeden einzelnen Frame Ihrer Animation auf einer eigenen Ebene haben.
Schritt 6. Erstellen Sie neue Frames im Animationsfenster
Klicken Sie im Animationsbedienfeld am unteren Bildschirmrand auf das Symbol, das ein kleines Rechteck mit einem kleineren Quadrat darüber ist (die Schaltfläche „Neuer Rahmen“). Dadurch wird ein neuer Rahmen erstellt. Klicken Sie so oft auf diese Schaltfläche, wie Ebenen in Ihrer Animation vorhanden sind. Wenn Ihre Animation 7 Ebenen hat, erstellen Sie 7 Frames.
Schritt 7. Bearbeiten Sie den Inhalt des ersten Frames im Animationsfenster
Klicken Sie auf den ersten Frame im Panel. Wie Sie in der Miniaturansicht sehen können, besteht dieser Frame derzeit aus jeder Ebene Ihrer Animation.
- Beachten Sie, dass neben jeder Ebene in Ihrem Ebenenbedienfeld ein kleines Augapfelsymbol angezeigt wird. Dieses Symbol sagt Ihnen, dass der Layer gerade sichtbar ist. Damit das erste Bild im Animationsbedienfeld nur die erste Ebene anzeigt, entfernen Sie das Augapfelsymbol von jeder der anderen Ebenen.
- Ändern Sie die Dauer für dieses Bild, indem Sie die Zeit (in Sekunden) unter der Miniaturansicht anpassen, die derzeit „0 Sek.“lautet.
Schritt 8. Bearbeiten Sie nachfolgende Bilder
Klicken Sie auf jeden zusätzlichen Frame und entfernen Sie die Sichtbarkeit von allen Layern außer der, die im Frame sichtbar sein soll. Denken Sie daran, die Zeit am unteren Rand jeder Miniaturansicht anzupassen.
Schritt 9. Drücken Sie die Play-Taste, um Ihre Animation zu testen
Die Play-Schaltfläche befindet sich unterhalb der Animationsframes am unteren Bildschirmrand.
Schritt 10. Speichern Sie die Animation als GIF
Klicken Sie auf „Datei“und dann auf „Für Web und Geräte speichern“. Stellen Sie sicher, dass-g.webp
Methode 5 von 5: Erstellen eines (nicht animierten) GIFs aus einem Bild
Schritt 1. Entscheiden Sie sich für ein Bild, das in ein-g.webp" />
Manchmal erfordern Websites oder Apps, dass Ihre Bilder im GIF-Format vorliegen. Glücklicherweise kann fast jede Bilddatei in ein-g.webp
- Wenn sich Ihr Bild im Internet befindet, müssen Sie es zuerst auf Ihrem Computer speichern. Speichern Sie Bilder auf Ihrem MacBook oder speichern Sie Bilder auf Ihrem PC.
- Wenn Ihr Bild gescannt werden muss, lesen Sie So scannen Sie Fotos.
Schritt 2. Öffnen Sie Ihr Bild in einer Bildbearbeitungssoftware
Suchen Sie Ihr Bild auf Ihrem Computer im Finder oder Explorer, dann:
- Mac: Doppelklicken Sie auf Ihr Bild, um es in der Vorschau zu öffnen.
- Windows: Klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie „Öffnen mit“und wählen Sie „Malen“aus dem Menü.
Schritt 3. Speichern Sie die Datei als GIF
Bei geöffnetem Bild in Vorschau (Mac) oder Paint (Windows):
- Mac: Öffnen Sie das Datei-Menü und wählen Sie „Speichern unter“. Klicken Sie im Menü „Format“auf „GIF“. Geben Sie einen Namen für Ihre neue Datei neben „Speichern unter“ein und klicken Sie dann auf „Speichern“, um das-g.webp" />
- Windows: Klicken Sie auf „Datei“und dann auf den nach rechts zeigenden Pfeil neben „Speichern unter“. Wählen Sie „GIF-Bild“aus der Liste und geben Sie einen Namen für Ihre Datei ein. Klicken Sie auf „Speichern“, um das-g.webp" />
Video - Durch die Nutzung dieses Dienstes können einige Informationen an YouTube weitergegeben werden
Tipps
- Beachten Sie, dass animierte Bilder und Banner nützlich sein können, aber wenn sie auf einer Webseite verwendet werden, sollte ihre Einbindung eingeschränkt werden. Richtiges Webdesign erfordert wenig Animation, da es im Allgemeinen andere Funktionen auf einer Seite beeinträchtigt.
- Animierte GIFs können als kurzes Video fungieren, dessen Dateigröße deutlich kleiner ist als bei einem Standardvideo.