Heb je je ooit afgevraagd hoe die lange GIF's die je op sites als Imgur ziet , worden gemaakt? Vaak nemen de makers een video, zetten het geheel om in een geanimeerde GIF en plaatsen er dan tekst overheen om het vermakelijk te maken.

Dit bericht gaat je niet leren hoe je die mooie GIF's van begin tot eind kunt maken, maar het zal je leren hoe je een video kunt maken en deze op zijn minst kunt converteren naar een geanimeerde GIF . Ik zal nog een bericht schrijven over hoe je tekst en afbeeldingen aan je GIF kunt toevoegen .

Ik zal Photoshop CC gebruiken voor deze tutorial omdat je hiermee meer controle hebt over het eindproduct in termen van grootte, kwaliteit, frames, enz.

Video converteren voordat u importeert

Voordat u begint, moet u mogelijk uw video converteren naar een bestandsindeling die Adobe Photoshop ondersteunt. Ik nam bijvoorbeeld een video van mijn iPhone en downloadde deze naar mijn computer. Ik heb toen geprobeerd de video in Photoshop^(Photoshop) te importeren , maar kreeg de volgende foutmelding:

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

De video was een MOV -bestand, maar de codec die Apple gebruikt wordt niet ondersteund in Photoshop . Om dit soort problemen op te lossen, moet je een programma zoals HandBrake downloaden om de video te converteren.

Het is heel gemakkelijk om HandBrake te gebruiken . Klik gewoon^(Just) op Bestand^(File) - Kies Bron^{(Choose Source)} en kies uw videobestand. Op dit moment hoeft u alleen maar op de knop Encode starten^{(Start Encode)} te klikken. Standaard gebruikt het de Fast 1080p30- preset die u aan de rechterkant ziet. Ze hebben veel voorinstellingen, dus kies degene die voor u werkt. Merk op dat je de resolutie van de GIF later in Photoshop kunt verlagen, zodat je dit niet in ^(Photoshop)HandBrake hoeft te doen .

Nadat het is geconverteerd naar een MP4 -bestand met behulp van de H.264 -videocodec, kunnen we het nu in Photoshop importeren .

Video importeren^{(Import Video)} en GIF maken^{(Create GIF)} in Photoshop

Open Photoshop CC en klik op Bestand^(File) , vervolgens op Importeren^(Import) en vervolgens op Videoframes naar lagen^{( Video Frames to Layers)} .

Kies je videobestand en klik op Openen^(Open) . Dit zal een dialoogvenster openen met een klein voorbeeld van de video en een aantal opties.

Als je nu de hele video als een geanimeerde GIF wilt , ga je gang en laat je het keuzerondje op Van begin tot eind^{(From Beginning to End)} staan . Als je maar een deel nodig hebt, kies dan Alleen geselecteerd bereik^{(Selected Range Only)} en gebruik vervolgens de trimknoppen onder de video om het bereik te kiezen.

Om de uiteindelijke GIF zo klein mogelijk te maken, kunt u bovendien het aantal frames beperken. Als u bijvoorbeeld het vakje aanvinkt en het op 2 frames laat, betekent dit dat Photoshop elk ander frame uit de video verwijdert.

Ten slotte moet u ervoor zorgen dat het vakje Frame-animatie^{(Make Frame Animation)} maken is aangevinkt. Klik op OK^{(Click OK)} en je video zou als een aantal frames in Photoshop moeten worden geïmporteerd . Als het programma crasht, moet u mogelijk de kwaliteit van de video nog verder verlagen voordat u probeert te importeren.

Nu hoeven we de frames alleen nog maar op te slaan als een geanimeerde GIF . Om dit in Photoshop CC te doen , moet u op Bestand^(File) – Exporteren^(Export) – Opslaan voor web ^{(Save for Web)} (legacy) klikken . Merk op dat u, voordat u het opslaat als een GIF , frames naar wens kunt bewerken en verwijderen.

In dit dialoogvenster zijn er een heleboel opties waarmee u kunt spelen. De meeste hebben invloed op de kwaliteit van de GIF , die u kunt zien in het voorbeeldgebied aan de linkerkant. In het rechterdeelvenster maakt u de meeste aanpassingen.

Bovenaan zie je een vervolgkeuzelijst met de naam Preset . Je kunt daarop klikken en een van de presets kiezen of je kunt de waardes zelf aanpassen. Het kiezen van een van de voorinstellingen zal de kwaliteit van de GIF verminderen , maar zal deze ook kleiner maken. Zorg ervoor dat GIF is geselecteerd in de vervolgkeuzelijst onder Voorinstelling^(Preset) .

Onderaan onder Afbeeldingsgrootte^{( Image Size)} kunt u de uiteindelijke uitvoerresolutie voor uw GIF aanpassen . Dus als je video 1920×1080 of 4K was, wil je deze hier waarschijnlijk aanzienlijk verminderen. Onder Animatie^(Animation) kunt u Forever , Once of Custom voor Looping-opties^{( Looping Options)} kiezen . Standaard loopt de GIF continu door. U kunt de bedieningselementen onderaan gebruiken om de GIF af te spelen om te zien hoe deze eruitziet.

Klik op Opslaan^{(Click Save)} en kies een locatie om je GIF op te slaan . Dat is het zo'n beetje. Photoshop maakt het heel eenvoudig om geanimeerde GIF's van video's te maken en stelt je in staat de instellingen aan te passen om het precies goed te krijgen. Lees ook mijn berichten over het maken van geanimeerde GIF's van afbeeldingen met Photoshop^{(create animated GIFs from images using Photosho)} p. Genieten van!

How to Create a GIF from a Video using Photoshop CC

Ever wonder how those long GIFs you see on sites lіke Imgur are creatеd? A lot оf times, the creatоrs tаke a video, convert the whole thing into an animated GIF, and then superimpose text to make it еntertaining.

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 manieren om een ​​foto of video te maken op een Chromebook

• Wat betekenen BCC en CC? Basis e-maillingo begrijpen

• Hoe te maskeren in Photoshop om lagen te verbergen

• Hoe audio en video te synchroniseren in Adobe Premiere Pro

• De beste manier om een ​​GIF aan uw e-mails toe te voegen

• Een achtergrond toevoegen aan een afbeelding met een groen scherm in Photoshop

• Hoe nep aandacht schenken aan zoomvideogesprekken

• Stilstaande beelden vastleggen van een video of dvd

• Extraheer audio uit video met deze 7 apps

• 4 manieren om de beste internetopties (ISP's) in uw regio te vinden

• Een PDF met meerdere pagina's maken in Photoshop

• Computer- en e-mailbewaking of spionagesoftware detecteren

• Hoe een TikTok-video te verwijderen

• Hoe video te stabiliseren in Premiere Pro

• Hoe zich te ontdoen van Yahoo Search in Chrome

• De achtergrond in een afbeelding wijzigen met Photoshop

• Flat Panel Display-technologie ontrafeld: TN, IPS, VA, OLED en meer

• 10 beste manieren om uw computer kindveilig te maken

• Een afbeelding zwart-wit maken in Photoshop

• 7 snelle oplossingen wanneer Minecraft blijft crashen