Haben Sie sich jemals gefragt, wie diese langen GIFs erstellt werden, die Sie auf Websites wie Imgur sehen ? Oftmals nehmen die Ersteller ein Video auf, wandeln das Ganze in ein animiertes GIF um und überlagern dann Text, um es unterhaltsam zu machen.

Dieser Beitrag wird Ihnen jetzt nicht beibringen, wie Sie diese schicken GIFs von Anfang bis Ende erstellen, aber er wird Ihnen beibringen, wie Sie ein Video aufnehmen und es zumindest in ein animiertes GIF konvertieren . Ich schreibe einen weiteren Beitrag darüber, wie Sie Ihrem GIF Text und Grafiken hinzufügen können .

Ich werde Photoshop CC für dieses Tutorial verwenden, da Sie damit mehr Kontrolle über das Endprodukt in Bezug auf Größe, Qualität, Frames usw. haben.

Video vor dem Importieren konvertieren

Bevor Sie beginnen, müssen Sie Ihr Video möglicherweise in ein Dateiformat konvertieren, das von Adobe Photoshop unterstützt wird. Zum Beispiel habe ich ein Video von meinem iPhone genommen und es auf meinen Computer heruntergeladen. Ich habe dann versucht, das Video in Photoshop zu importieren , aber folgende Fehlermeldung erhalten:

Could not complete the Video Frames to Layers command because the file has no video frames.

Das Video war eine MOV -Datei, aber der von Apple verwendete Codec wird in Photoshop nicht unterstützt . Um diese Art von Problem zu beheben, müssen Sie ein Programm wie HandBrake herunterladen , um das Video zu konvertieren.

Es ist sehr einfach, HandBrake zu verwenden . Klicken Sie einfach auf ^(Just)Datei^(File) – Quelle^{(Choose Source)} auswählen und wählen Sie Ihre Videodatei aus. An dieser Stelle müssen Sie nur noch auf die Schaltfläche Start Encode klicken . Standardmäßig wird die Voreinstellung Fast 1080p30 verwendet , die Sie rechts aufgelistet sehen. Sie haben viele Voreinstellungen, also wählen Sie diejenige, die für Sie funktioniert. Beachten Sie, dass Sie die Auflösung des GIFs später in Photoshop reduzieren können ,^(GIF) sodass Sie^(Photoshop) dies nicht in HandBrake tun müssen .

Nachdem es mit dem H.264 -Videocodec in eine MP4 - Datei konvertiert wurde, können wir es jetzt in Photoshop importieren .

Importieren Sie Videos^{(Import Video)} und erstellen Sie GIFs^{(Create GIF)} in Photoshop

Öffnen Sie Photoshop CC und klicken Sie auf Datei^(File) , dann auf Importieren^(Import) und dann auf Videoframes in Ebenen^{( Video Frames to Layers)} .

Wählen Sie Ihre Videodatei aus und klicken Sie auf Öffnen^(Open) . Dies öffnet einen Dialog mit einer kleinen Vorschau des Videos und einigen Optionen.

Wenn Sie nun das gesamte Video als animiertes GIF haben möchten, belassen Sie das Optionsfeld bei From Beginning to End . Wenn Sie nur einen Teil benötigen, wählen Sie „ Nur ausgewählter Bereich^{(Selected Range Only)} “ und verwenden Sie dann die Trimmsteuerelemente unter dem Video, um den Bereich auszuwählen.

Um die Größe des endgültigen GIFs^(GIF) so weit wie möglich zu reduzieren, können Sie außerdem die Anzahl der Frames begrenzen. Wenn Sie beispielsweise das Kontrollkästchen aktivieren und es bei 2 Frames belassen, bedeutet dies, dass Photoshop jeden zweiten Frame aus dem Video entfernt.

Zuletzt müssen Sie sicherstellen, dass das Kontrollkästchen Frame-Animation erstellen aktiviert^{(Make Frame Animation)} ist. Klicken Sie auf OK^{(Click OK)} und Ihr Video sollte als eine Reihe von Frames in Photoshop importiert werden . Wenn das Programm abstürzt, müssen Sie möglicherweise die Qualität des Videos noch weiter reduzieren, bevor Sie versuchen, es zu importieren.

Jetzt müssen wir nur noch die Frames als animiertes GIF speichern . Dazu müssen Sie in Photoshop CC auf Datei^(File) – Exportieren^(Export) – Für Web speichern ^{(Save for Web)} (Legacy) klicken . Beachten Sie, dass Sie vor dem Speichern als GIF Frames nach Belieben bearbeiten und löschen können.

In diesem Dialogfeld gibt es eine Reihe von Optionen, mit denen Sie herumspielen müssen. Die meisten von ihnen wirken sich auf die Qualität des GIF aus, was Sie im Vorschaubereich auf der linken Seite sehen können. Im rechten Bereich nehmen Sie die meisten Anpassungen vor.

Oben sehen Sie ein Dropdown-Menü namens Preset . Sie können darauf klicken und eine der Voreinstellungen auswählen oder die Werte selbst anpassen. Die Auswahl einer der Voreinstellungen verringert die Qualität des GIF , macht es aber auch kleiner. Stellen Sie sicher, dass GIF in der Dropdown-Liste unter Voreinstellung^(Preset) ausgewählt ist .

Unten unter Bildgröße^{( Image Size)} können Sie die endgültige Ausgabeauflösung für Ihr GIF anpassen . Wenn Ihr Video also 1920 × 1080 oder 4K war, sollten Sie es hier wahrscheinlich erheblich reduzieren. Unter Animation können Sie Forever , Once oder Custom für Looping Options wählen . Standardmäßig wird das GIF kontinuierlich wiederholt. Sie können die Steuerelemente unten verwenden, um das GIF abzuspielen und zu sehen, wie es aussieht.

Klicken Sie auf Speichern^{(Click Save)} und wählen Sie einen Speicherort für Ihr GIF aus . Das ist alles. Photoshop macht es sehr einfach, animierte GIFs aus Videos zu erstellen, und ermöglicht es Ihnen, die Einstellungen zu optimieren, um es genau richtig zu machen. Lesen Sie auch meine Posts zum Erstellen von animierten GIFs aus Bildern mit Photoshop^{(create animated GIFs from images using Photosho)} . Genießen!

How to Create a GIF from a Video using Photoshop CC

Ever wonder how those long GIFs you see on sitеs like Imgur are created? A lоt of timеs, the creators take a videо, conνеrt the wholе thing into an animated GIF, and then superimpose text to make it entertaining.

Now this post isn’t going to teach you how to create those fancy GIFs from start to finish, but it will teach you how to take a video and at least convert it to an animated GIF. I’ll write up another post on how you can add text and graphics to your GIF.

I’ll be using Photoshop CC for this tutorial because it allows you to have more control over the final product in terms of size, quality, frames, etc.

Convert Video Before Importing

Before you start, you may need to convert your video to a file format that Adobe Photoshop will support. For instance, I took a video from my iPhone and downloaded it onto my computer. I then tried to import the video into Photoshop, but got the following error:

Could not complete the Video Frames to Layers command because the file has no video frames.

The video was a MOV file, but the codec that Apple uses is not supported in Photoshop. In order to fix this type of problem, you need to download a program like HandBrake to convert the video.

It’s very easy to use HandBrake. Just click on File – Choose Source and pick your video file. At this point, all you really have to do is click the Start Encode button. By default, it will use the Fast 1080p30 preset that you see listed on the right. They have many presets, so choose the one that works for you. Note that you can reduce the resolution of the GIF in Photoshop later on, so you don’t have to do it in HandBrake.

Once it has been converted to an MP4 file using the H.264 video codec, we can now import it into Photoshop.

Import Video and Create GIF in Photoshop

Open Photoshop CC and click on File, then Import and then Video Frames to Layers.

Pick your video file and click Open. This will bring up a dialog with a small preview of the video and a couple of options.

Now if you want the entire video as a an animated GIF, go ahead and leave the radio button to From Beginning to End. If you only need a portion, choose Selected Range Only and then use the trim controls below the video to pick the range.

In addition, to reduce the size of the final GIF as much as possible, you can also limit the number of frames. For example, if you check the box and leave it at 2 frames, that means Photoshop will remove every other frame from the video.

Lastly, you need to make sure the Make Frame Animation box is checked. Click OK and your video should be imported as a bunch of frames in Photoshop. If the program crashes, you may need to reduce the quality of the video even further before trying to import.

Now all we have to do is save the frames as an animated GIF. To do this in Photoshop CC, you need to click on File – Export – Save for Web (legacy). Note that before saving it out as a GIF, you can edit and delete frames as desired.

On this dialog, there are a bunch of options that you will have to play around with. Most of them will affect the quality of the GIF, which you will be able to see in the preview area on the left. The right pane is where you will make most of the adjustments.

Up at the top, you’ll see a dropdown called Preset. You can click on that and choose one of the presets or you can adjust the values yourself. Choosing one of the presets will reduce the quality of the GIF, but will make it smaller also. Make sure that GIF is selected in the dropdown below Preset.

At the bottom under Image Size, you can adjust the final output resolution for your GIF. So if you video was 1920×1080 or 4K, you probably will want to reduce it significantly here. Under Animation, you can choose Forever, Once or Custom for Looping Options. By default, the GIF will loop continuously. You can use the controls at the bottom to play the GIF to see how it looks.

Click Save and choose a location to save your GIF. That’s about it. Photoshop makes it very easy to create animated GIFs from videos and allows you to tweak the settings to get it just right. Also, read my posts on how to create animated GIFs from images using Photoshop. Enjoy!

Related posts

• 3 Möglichkeiten, ein Foto oder Video auf einem Chromebook aufzunehmen

• Was bedeuten BCC und CC? Grundlegendes E-Mail-Jargon verstehen

• So maskieren Sie in Photoshop, um Ebenen auszublenden

• So synchronisieren Sie Audio und Video in Adobe Premiere Pro

• Der beste Weg, um ein GIF zu Ihren E-Mails hinzuzufügen

• So konvertieren Sie PowerPoint in DVD, Video und PDF

• So erstellen Sie schnell und kostenlos Videountertitel

• 6 Tipps zur Videobearbeitung für Anfänger

• So entfernen Sie schnell und kostenlos einen Greenscreen aus einem Video

• So zeichnen Sie gerade Linien in Photoshop

• So bearbeiten Sie mit Adobe Premiere Musik in einem Video

• So fügen Sie ein YouTube-Video in eine PowerPoint-Präsentation ein

• Flachbildschirm-Technologie entmystifiziert: TN, IPS, VA, OLED und mehr

• So ändern Sie den Hintergrund in einem Bild mit Photoshop

• So nehmen Sie Standbilder von einem Video oder einer DVD auf

• WhatsApp Web-Videoanrufe: Ein einfacher Android-Hack

• So posten Sie ein GIF auf Facebook, Instagram, Reddit und Twitter

• 7 schnelle Lösungen, wenn Minecraft immer wieder abstürzt

• So reparieren und spielen Sie beschädigte oder beschädigte Videodateien ab

• Der einfachste Weg, Untertiteldateien (SRT) mit Video zu finden und zu laden