Machen Sie ein animiertes GIF

6 Schritt:Schritt 1: GIF Einschränkungen Schritt 2: Verwenden Sie ein Online-Service Schritt 3: Verwenden von Photoshop Schritt 4: Verwenden von GIMP Schritt 5: Konvertieren von Video to GIF Schritt 6: Gehe hin und animieren!

Machen Sie ein animiertes GIF
Hinweis: Diese Seite kann einen Moment dauern, um zu laden

Nichts fasst Dinge wie ein animiertes GIF, und wenn Sie keine Zeit im Internet verbracht haben Sie zweifellos einige gesehen habe. Für diejenigen, die zu spät zum Unterricht kam, ist eine animierte GIF ein digitales Bildformat, das die Fähigkeit zur Animation anzeigen. GIF-Format ermöglicht es, Bewegung in einem Rahmen, ohne dass ein Videoportal wie YouTube oder Vimeo verwenden zu beobachten.
Die einfache I ♥ Bild Speck oben ist ein Beispiel für eine animierte GIF.

Animierte GIFs, wie sein Namensvetter JIF Erdnussbutter, sind erstaunlich, wenn vorbereitet rechts und katastrophale wenn falsch behandelt. Diese Instructable wird 4 verschiedene Methoden abdecken: Mit einem kostenlosen Online-Verfahren - Video und Bilder in GIF Mit Photoshop oder GIMP - Bilder nur in GIF Mit iWisoft - Video nur in GIF Einige Beispiele, wie animierte GIFs verwendet werden, sind:

Machen Sie ein animiertes GIF

Bildsequenzen - Flammenwerfer Jack-o_lantern
Machen Sie ein animiertes GIF

Photosop awesomesauce - animierte GIFs Pizza
Machen Sie ein animiertes GIF

Erläuterung eines Konzeptes oder Idee - Energiesparlampen
Machen Sie ein animiertes GIF

Schaufenster ein Element - Flaum von 1000 Gesichter
Machen Sie ein animiertes GIF

Montage animation - Faltschachtel
Machen Sie ein animiertes GIF

hohe FPS wiederholenden Filme
Machen Sie ein animiertes GIF

gesamte YouTube-Video

Es gibt fast kein Limit, wie animierte GIFs verwendet werden. Ich werde mein Bestes tun, um die Grundlagen, wie animierte GIFs bestehen zu decken, und Beispiele für Sie, sich mit Dateien versuchen (am unteren Rand des diesem Schritt gefunden wird, und Schritt 4 und 5). Die gezeigten Methoden sind ein paar der vielen verschiedenen Möglichkeiten, um animierte GIFs zu machen. Es gibt alternative Verfahren unter Verwendung der gleichen Programme verwendet, und es können einfachere und bessere Verfahren überhaupt nicht diskutiert. Bitte zögern Sie nicht, Ihre Gedanken in den Kommentaren unten zu teilen.

greifen die Photoshop und GIMP-Vorlagen hier

Schritt 1: GIF Einschränkungen

  1. Machen Sie ein animiertes GIF

    "______ Gif -. Bild von marc Kjerland unter einer Creative Commons 2.0 verwendet
    was macht eine gute animatied GIF?
    Ich denke, das Wichtigste ist, Kamerastabilität. Bei der Prüfung, welche Bilder oder Videos zu benutzen versuchen, Szenen mit Konsistenz in Rahmen und Thema wählte. Kamerafahrten / können Themen zu arbeiten, aber das effektivste animierte GIF wir einen Bezugsrahmen, der die Augen kann auf sperren und Ihr Gehirn hat es leichter zu verstehen, was vor sich geht. Und da animierte GIF in der Regel kurz / klein sind dies macht es sogar noch wichtiger.

    Verlust der Farbe / definition:
    GIF sind groß, Maßnahmen zu vermitteln, sind aber nicht so gut in die Replikation eine realistische Farbspektrum. "Das Format unterstützt bis zu 8 Bit pro Pixel so dass ein einzelnes Bild, um eine Palette von bis zu 256 verschiedene Farben verweisen. Die Farben werden von der 24-Bit-RGB-Farbraum gewählt. Es unterstützt auch Animationen und ermöglicht eine separate Palette von 256 Farben für jeden Rahmen. Die Farbe Beschränkung macht das GIF-Format zur Wiedergabe von Farbfotos und andere Bilder mit kontinuierlichen Farb ungeeignet, aber es gut für einfachere Bilder wie Grafiken oder Logos mit Farbflächen ist. " Dieser Effekt wird als posterizatrion

    Größe / Länge:
    Animierte GIF-Dateien sind in der Regel klein, dies in der Regel bedeutet, in der Länge in kleinen Dimension oder kurz, oder beides. Bei der Entscheidung, was zu machen, eine GIF-Animation betrachten die Ausgabegröße und Länge. GIF Animated der wird nicht korrekt wiedergegeben, wenn durch Inline HTML (mit <img width = "Größe") reduziert

    Experiment:
    bei der Verwendung von Programmen wie Photoshop und GIMP gibt es große Bereiche, in denen Sie die Grenzen der Herstellung von ein animiertes GIF zu schieben. Die Techniken, die ich zeigen, sind nur die Grundlagen, mit ein wenig Versuch und Irrtum kann man einige interessante Ergebnisse zu erstellen.

Schritt 2: Verwenden Sie ein Online-Service

  1. Machen Sie ein animiertes GIF
    Image "Maslows Hierarchie des Bedarfs wurde aktualisiert" aus Flikr: Bernard Goldbach (topgold) unter einer Creative Commons 2.0 verwendet
    Der einfachste Weg, ein animiertes GIF machen, ist ein Online-Service nutzen. Der Vorteil ist, dass es ist einfach und kostenlos, aber sie haben in der Regel ein Wasserzeichen auf das Bild zusammen mit irgendeiner Art von Beschränkung Ausgabegröße / Länge / Qualität / Bildgröße / other.

    Suche nach "Online-GIF Maker" liefert den beliebten Bild, um GIF-Sites:
    http://makeagif.com/ (nur Bilder) http://gifsoup.com/ (YouTube-Clips) http://imgflip.com/gifgenerator (Videos und Bilder) http://picasion.com (nur Bilder) http : //gifninja.com (nur Bilder) Einige sind erfolgreicher als andere, weshalb ich am Ende nur meine eigenen (siehe nächste)

Schritt 3: Verwenden von Photoshop

  1. Machen Sie ein animiertes GIF
    Photoshop ist ein sehr mächtiges Werkzeug, das jede Menge Fotobearbeitung Magie tut; es ist auch sehr teuer. Zum Glück Adobe bieten eine Studentenversion und Photoshop Elemente , die beide significatnly weniger teuer sind und nach dem gleichen Verfahren wie unten beschrieben.

    Ich werde Sie durch ein Beispiel einer sehr einfachen animierte GIF zu gehen. Ich habe diese Ich ♥ Speck Animation in etwa 20 Minuten. Sie können meine fertige Photoshop-Datei (iHEARTbacon.psd) am unteren Rand dieses Schritts für Ihre Referenz herunterladen. Das Bild von diesem Schritt ist eine animierte GIF ich darum, ein animiertes GIF gemacht. (Whoa!)

    Ich habe Photoshop CS5, aber das wird auch mit früheren Versionen arbeiten. Ich fing an, indem Sie ein Bild suchen für einige sehr einfache Bilder eines Herzens und Speck . Jedes Bild wurde auf seinen eigenen Browser-Tab geöffnet. Als ich erfuhr, die Bilder Ich wollte Ich öffnete Photoshop und sorgte dafür, dass die Fensterschichten offen war (F7)
    öffnen Sie eine neue Leinwand (Strg + N) und bis 500 x500 Pixel eingestellt benutzen füllen Werkzeug und eine weiße Basisschicht Einsatz Referenzmaterial für neue Schichten über Basisschicht die Größe neu / sauber Referenzbilder bei Bedarf Textwerkzeug Eingang captil "I", Größe neu nach Bedarf von oben nach unten, um Schicht sollte sein: Schicht "I"> Herz-Bild> Bild Speck> weißen Hintergrund Schicht offene Fenster> Animation im Animationsfenster erstellen 6 neue Schichten Animationsframes frame 1: Typ der Schicht "I "und weiße Basisschicht (schalten Sie Herz und Speck Bilder) Rahmen 2: Schalten Sie Schicht" I ", lassen Sie weiße Basisschicht auf dem Rahmen 3: anzeigen Herz Bild-Weiß-Basisschicht Rahmen 4: deaktivieren Herz Bild, lassen Sie weiße Grund Schicht auf dem Rahmen 5: Bild zeigen Speck und weiße Basisschicht Rahmen 6: Schalten Sie Bild Speck, verlassen weißen Basisschicht auf Strg + klicken Sie auf den Text, Herz und Speck Schichten, und stellen Sie die Verzögerung auf 0,5 Sekunden Abfrage klicken Sie auf die alternativen weiß Animationsebenen und stellen Sie Verzögerung, um 0,2 Sekunden Datei> Für Web speichern legen Sie die Animation in einer Schleife für immer und speichern Sie Ihre animierte GIF speichern Sie das gesamte Projekt nach als Photoship Datei (.psd)
    Machen Sie ein animiertes GIF

    I ♥ Speck mit Photoshop
    Laden Sie die I ♥ Speck Photoshop-Datei

Schritt 4: Verwenden von GIMP

  1. Machen Sie ein animiertes GIF
    GIMP ist ein freies direkter Konkurrent zu Photoshop und hat viele der gleichen Funktionen.

    Das GIMP-Datei I erstellt ist an der Unterseite dieser Schritt. (In GIMP_GIF.zip - Datei GIMP_bacon.xcf) Die Animation sieht etwas anders aus als das Photoshop-Version, konnte aber mit dem Timing optimiert werden, um über die gleich aussehen. Anstelle der einen weiteren animiertes GIF machen ein animiertes GIF mit GIMP (so wie ich mit Photoshop), ich habe gerade befestigt die Schichten, die die Schritte unten in GIMP-Format. (In GIMP_GIF.zip - fileGIMP_process.xcf)

    Ich GIMP 2.8, aber das wird auch mit früheren Versionen arbeiten. Möchten Sie ein Bild Suche für einige sehr einfache Bilder eines Herzens und Speck . Jedes Bild wurde auf seinen eigenen Browser-Tab geöffnet. Als ich erfuhr, die Bilder Ich wollte Ich öffnete GIMP und sorgte dafür, dass die Fensterschichten offen war (Strg + L)
    Diese GIF verwendet weißen Raum zwischen den Bildern. offene GIMP> neues Bild: 500 x 500 px Einsatz Referenzmaterial für neue Schichten über Basisschicht rechten Maustaste auf jede Schicht und Zunderschicht - machen Schicht Abmessungen 500 x 500 px Textwerkzeug Eingang Hauptstadt "I", die Größe neu nach Bedarf neue weiße schichten und sie in zwischen den einzelnen Bildschicht von oben nach unten Schicht um sein sollte: Speck Bild> weiße Schicht> heart image> weiße Schicht> Schicht "I"> Herz-Bild> Bild Speck> weiße Hintergrundebene einen Rechtsklick auf ein Grafik-Schichten in den Schicht Registerkarte und bearbeiten Sie Attribute, fügen Sie in Klammern Ihre Rahmendauer in Millisekunden - ex: (700ms) der rechten Maustaste auf weiß Schichten und fügen (300ms) in ihrer atttributes in der Dropdown-Liste wählen Sie Filter> Animation> optimize für GIF einer neuen , die die neu optimierte GIF-Fenster wird geöffnet (max Bildschirm, neues Bild) ändern Sie die Geschwindigkeit der Animation in Filter> Animation> Animationswiedergabe die Animation exportieren in Datei> Exportieren. Wählen Sie Ihre Speicherordner und benennen Sie die Datei und wählen Sie filename.GIF GIF aus dem Dropdown-Menü. Wählen Sie Export. Nach dem Speichern Ihres Animation als GIF können Sie das gesamte Projekt als GIMP-Datei (.xcf) Nach dem Speichern der GIF beide Fenster schließen zu speichern.
    Machen Sie ein animiertes GIF

    I ♥ Speck mit GIMP gemacht
    Laden Sie die I ♥ Speck GIMP-Datei

Schritt 5: Konvertieren von Video to GIF

  1. Machen Sie ein animiertes GIF

    Machen Sie ein animiertes GIF

    Um einen Videoclip zu animierten GIF ich iWisoft Video Converter (nur PC) - Es ist kostenlos und bietet viele Möglichkeiten zu beschneiden, schneiden und bearbeiten Sie Ihre Auswahl. iWisoft kann auch mit HD-Videodateien.
    erste finden Sie die Videos, die Sie wnt, um in eine animierte GIF geöffnet iWisoft Video Converter ziehen Sie Videodatei in iWisoft Video Converter auf dem Boden des Konverters zu machen gibt es ein Dropdown-Profil, wählen Sie Bild - GIF-Animationsformat (* gif.) Neben dem Dropdown- gibt es Einstellungen, in Einstellungen können Sie die Ausgabegröße (GIF Dimensionen) und Rate (höhere Anzahl von Rahmen bedeutet eine flüssigere Animation) Als nächstes wählen Sie das Ausgabeziel zu definieren. Dies ist der Ordner, in dem Sie Ihre animierte GIF wird angezeigt, wenn Sie fertig Klicken Sie auf Start und warten auf die Umwandlung bis zum Ende Sie können Ihre animierte GIF in jedem Internet-Browser Abgesehen davon macht animierte GIFs angezeigt werden, ist iWisoft auch ein leistungsfähiges Video-Konvertierungstool, das beliebteste umwandeln kann Typen digitaler Medien. Ich kann gar nicht genug gute Dinge über iWisoft - habe ich erwähnt, es ist kostenlos! Es ist kostenlos. Sie sollten es packen.

Schritt 6: Gehe hin und animieren!

  1. Machen Sie ein animiertes GIF

    Durch die Verwendung von einem oder mehreren der oben genannten Methoden sollten Sie nun Ihre eigenen animierten GIF-Projekt anzugehen. Neben den hier gezeigten Grundlagen gibt es andere Möglichkeiten, um animierte GIFs zu machen, und sogar verschiedene Techniken verwendet werden, um Ihre eigene persönliche Ergebnisse zu erstellen.
    Beschlagnahme induzieren Animated Gifs zu Pizza (und Katzen) stilisierten 3D-Effekt mit Wiggle GIF-Animation-Technik, wie man Videos in GIF drehen in Photoshop, eine alternative Methode
    Bekam einen ordentlichen Animation von Ihrem eigenen? Teilen Sie Ihr animiertes GIF in den Kommentaren unten!
    Ich werde eine 3-Monats-Pro Mitgliedschaft auf Instructables.com Auszeichnung an den ersten 10 original animierten GIFs, wie unten einen Kommentar, der zurück zu Ihrem eigenen Instructable verbunden sind geteilt.
    Viel Glück!

    3-Monats-Pro Mitgliedschaften verbleibenden: 2/10