ammentorp / 123RF ammentorp / 123RF Wenn ein Bild tausend Wörter sagt, sagt ein animiertes GIF wahrscheinlich 10.000. Oder vielleicht 50.000? Eine Million? OK, analysieren Sie die Metapher nicht zu stark! Der Punkt ist, GIFs sind erstaunlich. Sie sind wie die Daumenkino-Bücher - ideal, um Gedanken und Gefühle zu vermitteln, die Worte nicht beschreiben können, um die Possen Ihrer entzückenden Haustiere zu zeigen, abstrakte Kunst zu machen oder um Sie gut zu kichern.
Dieses einfache Tutorial soll Sie durch den Prozess der Erstellung erstklassiger GIFs führen
GIFs sind ebenfalls bescheiden, werden im Allgemeinen in niedriger Auflösung und mit begrenzter Bildrate gerendert, doch das Format hat sich zu einem Liebling des Internets entwickelt. Es diente als frühes Beispiel für etwas, das Sie online tun konnten und das Sie nicht in gedruckter Form tun konnten, und hat sich seit seiner Einführung Ende der 1980er Jahre weitgehend unverändert erhalten und ist trotz des dramatischen Anstiegs hochwertiger Webvideoformate bis heute beliebt geblieben. Dies macht das bescheidene GIF natürlich nur noch beeindruckender.
Wir predigen wahrscheinlich vor dem Chor. Wenn Sie dies lesen, wissen Sie bereits, wie großartig animierte GIFs sind. Vielleicht haben Sie eine GIF-Tastatur auf Ihrem Telefon verwendet, um eine lustige Animation an einen Freund zu senden, oder Sie haben gesehen, wie sie in Kommentaren auf Facebook angezeigt wurden. Aber hast du jemals deine eigenen gemacht? Wir alle haben Ideen für die großartigsten GIFs, Miniatur-Meisterwerke, die auf eine Chance im Leben warten - aber vielleicht wissen Sie nicht, wie Sie diesen Traum Wirklichkeit werden lassen können. Kein Grund zur Sorge: Dieses einfache Tutorial soll Sie durch den Prozess der Erstellung erstklassiger GIFs führen, auch wenn wir Ihnen nicht definitiv sagen können, wie Sie es aussprechen sollen.
So erstellen Sie ein animiertes GIF aus einem Video (Photoshop)
Bevor wir direkt ins Tutorial springen, sollten wir den Elefanten im Raum ansprechen. Adobe Photoshop ist wahrscheinlich die beste verfügbare Software zum Erstellen von GIFs (oder zum Bearbeiten von Bildern im Allgemeinen). Wenn Sie nicht über Photoshop verfügen, gibt es Programme, die Ihnen einige der gleichen Funktionen bieten können, z. B. GIMP. Wenn Sie jedoch ernsthaft GIFs erstellen möchten, ist Photoshop der richtige Weg.
Schritt 1 - Suchen Sie im Web nach einer guten Videosequenz, die Sie in ein GIF verwandeln möchten. Dies kann praktisch alles sein, aber versuchen Sie, sich für einen Clip zu entscheiden, der nicht zu lang ist, da Kürze die Seele des GIF ist.
Schritt 2 - Speichern Sie das Video auf Ihrem Computer. Lesen Sie unseren Leitfaden zum Herunterladen von YouTube-Videos, wenn Sie Anleitungen zum Rippen von Filmmaterial aus dem Web benötigen. Kürzen Sie das Filmmaterial nur auf die Länge, die das GIF abspielen soll. Zwei oder drei Sekunden sind großartig, fünf drücken darauf und 10 oder mehr sind mit dem richtigen Zerhacken möglich, aber die Datei ist groß und schwer zu bearbeiten. Die allgemeine Faustregel lautet, Ihre Idee in möglichst wenigen Frames zu vermitteln.
Schritt 3 - Öffnen Sie das Video mit Photoshop. Navigieren Sie dazu zu Datei> Importieren> Videobilder in Ebenen . Wählen Sie die gewünschte Videodatei aus und Photoshop öffnet sie als eine Reihe von Standbildern. Sie können das gesamte Video von Anfang bis Ende importieren oder mithilfe von Schiebereglern einen kleineren Teil des Clips auswählen. Sie können den Import auf jeden anderen (oder jeden dritten, vierten usw.) Frame beschränken, um die Datei zu verkleinern. Dadurch wird das Video jedoch auch abgehackter.
Schritt 4 - Verwirren Sie die Einstellungen. Sie können die Farbbalance und so weiter mit Photoshop an dieser Stelle anpassen, wenn Sie möchten. Wenn alles perfekt aussieht, gehen Sie zu Datei> Für Web speichern. Sie werden dann mit einem Fenster konfrontiert, das ungefähr so aussieht:
Alle diese Einstellungen können angepasst werden, um Ihr GIF zu verkleinern. Idealerweise sollten Sie es nicht größer als 1 MB machen, damit das Laden auf Webseiten nicht lange dauert. Spielen Sie mit all diesen, bis Sie einen Sweet Spot finden.
- Farben : Dies begrenzt die Anzahl der Farben, die zum Erstellen des Bildes verwendet werden. Je höher, desto besser (GIFs sind auf maximal 256 Farben beschränkt). Lassen Sie sich nur dann auf 128 oder weniger fallen, wenn Sie müssen oder wenn Ihr GIF zunächst nicht viel Farbe hat
- Dithering : in einem Bild streut verschiedenen farbigen Pixel Dithering, um es erscheintals ob es Zwischenfarben sind in Bildern mit einer begrenzten Farbpalette. Höhere Einstellungen führen zu besser aussehenden Bildern, vergrößern aber auch die Datei
- Verlust : Verwenden Sie diese Einstellung, um einen absichtlichen Qualitätsverlust zu erzielen. Eine niedrigere Einstellung ist besser, aber möglicherweise ist ein gewisser Qualitätsverlust erforderlich, um Ihre Datei klein genug zu machen
- Größe : Das Ändern der Abmessungen Ihres GIF kann einen großen Einfluss auf die Größe der Datei haben
Schritt 5 - Speichern und teilen! Klicken Sie auf die Schaltfläche Speichern, um Ihre Erstellung abzuschließen. Sobald dies erledigt ist, können Sie es auf eine kostenlose Image-Hosting-Site wie Imgur hochladen, um es mit Ihren Freunden zu teilen und in Blogs und Websites einzubetten.
So erstellen Sie ein animiertes GIF mit Standbildern (Photoshop)
Sie können in Photoshop auch animierte GIFs erstellen, indem Sie Standbilder aneinanderreihen. Dieser Prozess besteht darin, jeden Frame von unten nach oben zu schichten und die Ebenen dann mit dem Animations- / Timeline-Tool von Photoshop zu sequenzieren.
Schritt 1 - Sammeln Sie die Standbilder, die Sie für Ihr GIF sequenzieren möchten, und legen Sie sie in einem einzigen Ordner ab. Klicken Sie dann in Photoshop auf Datei> Skripte> Dateien in Stapel laden. Klicken Sie dort auf Durchsuchen und wählen Sie die Bilder auf Ihrem Desktop aus, die Sie zu einem GIF zusammenfügen möchten.
Wählen Sie „OK“ und eine neue Komposition sollte geöffnet werden, wobei diese Standbilder jetzt als einzelne Ebenen in einem einzelnen Bild gerendert werden. Ordnen Sie sie entsprechend an; Ihr erster Frame sollte die unterste Schicht einnehmen und so weiter.
Sie können jede Ebene auch einzeln in Photoshop selbst erstellen, anstatt Ihre Standbilder einfach als Ebenen im Batch hochzuladen. Führen Sie Photoshop aus und erstellen Sie ein neues Bild, indem Sie auf Datei> Neu klicken und dann "OK" auswählen. Entsperren Sie dann die Hintergrundebene, indem Sie auf das Schlosssymbol doppelklicken, erstellen Sie eine neue Ebene, indem Sie Ebene> Neu…> Ebene öffnen, und gestalten Sie jeden Rahmen entsprechend. Zeichnen Sie Ihre Animation erneut von unten nach oben. (Dieser Vorgang funktioniert, wenn Sie eine ältere Version von Photoshop verwenden, die nicht über die Option „Dateien in Stapel laden“ verfügt.) Laden Sie einfach Ihre Standbilder in Photoshop, ziehen Sie sie in Ihr neues Projekt und ändern Sie die Größe der neu erstellten Ebenen mithilfe von Photoshop entsprechend Transformationswerkzeug ( E dit> Freie Transformation oderStrg + T, dann ziehen Sie die Ecken, um die Größe des Objekts zu ändern .
Sie möchten, dass Ihr Endergebnis so aussieht, wobei jeder Frame der Animation als Ebene getrennt und chronologisch von unten nach oben angeordnet ist:
Schritt 2 - Nachdem Sie Ihre Ebenen entsprechend angeordnet haben, können Sie mit der Sequenzierung Ihrer Ebenen beginnen. Auch dieser Vorgang hängt davon ab, welche Version von Photoshop Sie verwenden. Wenn Sie immer noch CS5 oder niedriger ausführen (hey, wir werden es nicht beurteilen), greifen Sie auf das Animationsfenster zu, indem Sie Fenster + Animation öffnen . Klicken Sie in Photoshop CS6 und Photoshop CC ebenfalls auf Fenster + Zeitleiste, um auf das Zeitleistenfenster zuzugreifen. Klicken Sie für Photoshop CC auf das Dropdown-Menü in der Mitte des Zeitleistenfensters und wählen Sie "Rahmenanimation erstellen".
Klicken Sie nach dem Öffnen des Sequenzierungswerkzeugs von Photoshop in der oberen rechten Ecke auf einen kleinen Pfeil nach rechts und wählen Sie dann Rahmen aus Ebenen erstellen .
Sie können auch auf den nach rechts gerichteten Pfeil klicken, um manuell einen neuen Rahmen zu erstellen (oder Sie können einfach den Hotkey-Befehl Strg> Umschalt> Alt> F verwenden ). Verwenden Sie von dort aus das Augensymbol neben jeder Ebene, um die Ebenen auszublenden, die nicht in dem von Ihnen erstellten Rahmen angezeigt werden sollen.
Verwenden Sie von hier aus das Menü unter jedem Frame, um dessen Dauer umzuschalten. Das Menü in der unteren linken Ecke bestimmt, wie oft Ihr GIF wiedergegeben wird. Stellen Sie es auf Forever ein, wenn Sie möchten, dass es endlos wiederholt wird.
Schritt 3 - Herzlichen Glückwunsch! Sie haben ein animiertes GIF mit Standbildern erstellt und müssen es nun nur noch wie oben beschrieben aus Photoshop exportieren. Für eine kurze Zusammenfassung:
Gehen Sie zu Datei> Für Web speichern . Denken Sie daran, Ihr GIF nicht größer als 1 MB zu halten. Passen Sie bei Bedarf die Einstellungen für Farbe, Dithering, Verlust und Größe an, bis die Größe Ihres GIF entsprechend geändert wurde. Wenn Sie zufrieden sind, speichern Sie Ihr neu geprägtes GIF.
So erstellen Sie ein animiertes GIF mit Standbildern (kostenlos)
Wenn Sie keinen Zugriff auf Photoshop haben, gibt es kostenlose Methoden zum Erstellen eines GIF, obwohl die Qualität des Endprodukts möglicherweise nicht so hoch ist. Es gibt verschiedene kostenlose Programme (wie GIMP oder Pixlr), die die Grundfunktionen von Photoshop bieten, sodass Sie Standbilder erstellen und nacheinander abspielen können, sowie Websites, auf denen Sie GIFs aus Videos ausschneiden können. Keiner dieser Prozesse ist so effektiv wie Photoshop, sie sind jedoch billiger und recht unkompliziert.
Standbilder verwenden
Es gibt mehrere In-Browser-Apps, mit denen Sie aus einer Reihe von Standbildern GIFs erstellen können. Als Beispiel verwenden wir Ezgif. Auf dieser Site können Sie eine Reihe von Bildern hochladen, anordnen und in ein animiertes GIF verwandeln. Dazu sind natürlich eine Reihe von Bildern erforderlich, die nacheinander arbeiten. Dazu benötigen wir einen kostenlosen Photoshop-Ersatz. In diesem Beispiel verwenden wir Pixlr.
Schritt 1 - Als erstes erstellen Sie ein neues Bild. Wählen Sie die Leinwandgröße aus. Beachten Sie jedoch, dass ein GIF umso langsamer geladen wird, je größer es ist. Versuchen Sie daher, die Menge an Material zu reduzieren, die Sie auf die Leinwand anpassen. Einfacher und kleiner ist oft besser.
Schritt 2 - Sobald Sie eine Leinwand haben, erstellen Sie den ersten Rahmen Ihres GIF. In diesem Beispiel verwenden wir das Formwerkzeug, um eine Person aus einem Kreis, Rechtecken und Linien zu erstellen. Dieses Bild wird gespeichert, um den ersten Rahmen zu erstellen.
Die Animation besteht aus der Wiedergabe einer Reihe von Bildern mit geringfügigen Änderungen, um die Illusion von Bewegung zu erzeugen. Um ein GIF zu erstellen, müssen Sie mehrere Bilder erstellen, von denen jedes geringfügig vom letzten abweicht. Der Einfachheit halber wird dieses GIF nur wenige Frames haben, daher wird es nicht schön sein, aber es sollte das Konzept veranschaulichen.
Schritt 3 - Für das nächste Bild lassen wir die Figur ihre Arme heben, indem wir sie löschen und neue Arme nach oben heben. Speichern Sie das Bild, um den zweiten Frame zu erstellen.
Schritt 3 - Als Nächstes verwenden wir das Textwerkzeug, um Text anzuzeigen, und speichern dieses Bild als dritten Frame.
Schritt 4 - Dann fügen wir weiteren Text hinzu und speichern ihn als vierten Frame.
Schritt 5 - Wenn unsere Frames fertig sind, werden wir sie auf Ezgif hochladen. Wählen Sie die Registerkarte GIF Maker und klicken Sie auf die Schaltfläche Dateien auswählen. Wählen Sie alle mit Ihrem GIF verknüpften Bilddateien aus.
Schritt 6 - Klicken Sie anschließend auf die Schaltfläche Hochladen . Stellen Sie nach dem Laden der Bilddateien sicher, dass sie in der richtigen Reihenfolge vorliegen. Sie können auch die Verzögerungszeit einstellen, dh die Zeit zwischen den Frames, und festlegen, wie oft (wenn überhaupt) das GIF wiederholt werden soll.
Schritt 7 - Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Animieren!
Ihr GIF sollte dann zusammen mit Schaltflächen zum Bearbeiten oder Speichern auf Ihrem Computer angezeigt werden.
Wie erstelle ich ein animiertes GIF aus einem Video (kostenlos)
Wenn Sie einen bestimmten Ausschnitt eines Videos für ein GIF verwenden möchten, gibt es zahlreiche Websites, die Ihnen dabei helfen können, diese mit sehr wenig Input von Ihrer Seite zu erstellen. Mit Ezgif, Giphy, ImgFlip, Gfycat und vielen anderen Online-Diensten können Sie GIFs ohne Hilfe einer Kreditkarte erstellen, obwohl die Bequemlichkeit mit einem Verlust an Kontrolle einhergeht.
Schritt 1 - Die Verwendung eines dieser Online-Tools ist unglaublich einfach. Als Beispiel werden wir Giphy verwenden. Auf dieser Site können Sie entweder die URL für ein bestimmtes Video einfügen oder eine Videodatei von Ihrem Computer hochladen. Geben Sie die URL ein oder laden Sie Ihr Video hoch und fahren Sie mit Schritt 2 fort.
Schritt 2 - Sobald Sie dies getan haben, können Sie den Punkt im Video auswählen, an dem das GIF beginnt, und festlegen, wie lange das GIF ausgeführt werden soll. Wenn Sie möchten, können Sie auch eine Beschriftung eingeben.
Schritt 3 - Wenn Sie sich für diese Elemente entschieden haben, klicken Sie einfach auf die Schaltfläche GIF erstellen und lassen Sie die Site den Rest erledigen.
Der Prozess ist für andere Sites, einschließlich ImgFlip, mehr oder weniger der gleiche. Wenn Sie jedoch mehr Kontrolle über die resultierende Qualität Ihres GIF haben möchten, sollten Sie sich wahrscheinlich an Photoshop halten. Für grundlegende Video-zu-GIF-Funktionen sollten Websites wie Giphy jedoch einwandfrei funktionieren.
So erstellen Sie ein GIF aus einem YouTube-Video
Sie können die oben genannten Websites und mehr verwenden, um ein GIF aus einem YouTube-Video zu erstellen. Wir haben hier eine Schritt-für-Schritt-Anleitung, mit der Sie fantastische GIFs aus jedem YouTube-Video erstellen können.
Und das ist es! Sie sind jetzt ein GIF-Guru (oder ein GIF-Jedi, wenn Sie die weiche G-Aussprache bevorzugen), und Ihre Social-Media-Feeds werden unendlich aufregender. Obwohl wir Sie wahrscheinlich warnen sollten: Mit großer Kraft geht große Verantwortung einher; Wählen Sie Ihre Momente mit Bedacht aus und überfluten Sie Ihre Freunde nicht mit einem überwältigenden Ansturm minderwertiger Katzen-GIFs, egal wie süß sie auch sein mögen. Es gibt eine Zeit und einen Ort, und Qualität übertrifft immer Quantität. Das GIF mag bescheiden sein, aber es ist auch eine Legende; es verdient deinen Respekt. Studiere es, übe es, beherrsche es.