Har du någonsin undrat hur de långa GIF-filer^(GIFs) du ser på sajter som Imgur skapas? Många gånger tar skaparna en video, konverterar det hela till en animerad GIF och lägger sedan över text för att göra det underhållande.

Nu kommer det här inlägget inte att lära dig hur du skapar de där snygga GIF^(GIFs) :erna från början till slut, men det kommer att lära dig hur du tar en video och åtminstone konverterar den till en animerad GIF . Jag ska skriva ett annat inlägg om hur du kan lägga till text och grafik till din GIF .

Jag kommer att använda Photoshop CC för denna handledning eftersom det låter dig ha mer kontroll över slutprodukten när det gäller storlek, kvalitet, ramar, etc.

Konvertera video innan du importerar

Innan du börjar kan du behöva konvertera din video till ett filformat som Adobe Photoshop stöder. Till exempel tog jag en video från min iPhone och laddade ner den till min dator. Jag försökte sedan importera videon till Photoshop , men fick följande fel:

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

Videon var en MOV -fil, men den codec som Apple använder stöds inte i Photoshop . För att åtgärda den här typen av problem måste du ladda ner ett program som HandBrake för att konvertera videon.

Det är väldigt lätt att använda HandBrake . Klicka bara på ^(Just)Arkiv^(File) - Välj källa^{(Choose Source)} och välj din videofil. Vid det här laget behöver du bara klicka på knappen Starta kodning^{(Start Encode)} . Som standard kommer den att använda förinställningen Fast 1080p30 som du ser listad till höger. De har många förinställningar, så välj den som fungerar för dig. Observera att du kan minska upplösningen för GIF i Photoshop senare, så att du inte behöver göra det i HandBrake .

När den har konverterats till en MP4 -fil med H.264 -videocodec kan vi nu importera den till Photoshop .

Importera video^{(Import Video)} och skapa GIF^{(Create GIF)} i Photoshop

Öppna Photoshop CC och klicka på Arkiv^(File) , sedan Importera^(Import) och sedan Videoramar till lager^{( Video Frames to Layers)} .

Välj din videofil och klicka på Öppna^(Open) . Detta kommer att ta upp en dialogruta med en liten förhandsvisning av videon och ett par alternativ.

Om du nu vill ha hela videon som en animerad GIF , gå vidare och lämna alternativknappen till Från början till slut^{(From Beginning to End)} . Om du bara behöver en del, välj Endast^{(Selected Range Only)} valt intervall och använd sedan trimkontrollerna under videon för att välja intervall.

Dessutom, för att minska storleken på den slutliga GIF så mycket som möjligt, kan du också begränsa antalet bildrutor. Om du till exempel markerar rutan och lämnar den vid 2 bildrutor betyder det att Photoshop tar bort varannan bildruta från videon.

Slutligen måste du se till att rutan Make Frame Animation är markerad. Klicka på OK^{(Click OK)} och din video ska importeras som ett gäng ramar i Photoshop . Om programmet kraschar kan du behöva minska kvaliteten på videon ytterligare innan du försöker importera.

Nu behöver vi bara spara ramarna som en animerad GIF . För att göra detta i Photoshop CC måste du klicka på Arkiv^(File) – Exportera^(Export) – Spara för webben ^{(Save for Web)} (legacy) . Observera att innan du sparar den som en GIF kan du redigera och ta bort ramar efter önskemål.

I den här dialogrutan finns det ett gäng alternativ som du måste leka med. De flesta av dem kommer att påverka kvaliteten på GIF , som du kommer att kunna se i förhandsgranskningsområdet till vänster. Den högra rutan är där du kommer att göra de flesta justeringarna.

Uppe längst upp ser du en rullgardinsmeny som heter Förinställning^(Preset) . Du kan klicka på det och välja en av förinställningarna eller så kan du justera värdena själv. Att välja en av förinställningarna kommer att minska kvaliteten på GIF , men kommer också att göra den mindre. Se till att GIF är valt i rullgardinsmenyn under Förinställning^(Preset) .

Längst ner under Bildstorlek^{( Image Size)} kan du justera den slutliga utdataupplösningen för din GIF . Så om din video var 1920×1080 eller 4K, kommer du förmodligen att vilja minska den avsevärt här. Under Animation kan du välja Forever , Once eller Custom för Looping Options . Som standard kommer GIF : en att loopa kontinuerligt. Du kan använda kontrollerna längst ned för att spela GIF för att se hur det ser ut.

Klicka på Spara^{(Click Save)} och välj en plats för att spara din GIF . Det är ungefär det. Photoshop gör det väldigt enkelt att skapa animerade GIF-filer^(GIFs) från videor och låter dig justera inställningarna för att få det precis rätt. Läs också mina inlägg om hur du skapar animerade GIF-filer från bilder med hjälp av Photosho^{(create animated GIFs from images using Photosho)} p. Njut av!

How to Create a GIF from a Video using Photoshop CC

Ever wonder how thoѕe long GIFs you see on sites like Imgur are created? Α lot of times, the creators take a νideo, convert the whole thing into an animated GIF, and then superimposе 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 sätt att ta ett foto eller en video på en Chromebook

• Vad betyder BCC och CC? Förstå Basic Email Lingo

• Hur man maskerar i Photoshop för att dölja lager

• Hur man synkroniserar ljud och video i Adobe Premiere Pro

• Det bästa sättet att lägga till en GIF till dina e-postmeddelanden

• Hur man gör en bild svartvit i Photoshop

• Hur du använder YouTubes ljudbibliotek i dina videoprojekt

• Hur man redigerar grön skärmvideo i Adobe Premiere Pro

• Allt du behöver veta om 360-graders video

• Hur man lägger upp en GIF på Facebook, Instagram, Reddit och Twitter

• Hur man lägger till Voiceover till video i Adobe Premiere

• Hur man redigerar musik till en video med Adobe Premiere

• Hur man upptäcker dator- och e-postövervaknings- eller spionprogram

• Vad är Ubers passagerarbetyg och hur man kontrollerar det

• Hur man tar bort en grön skärm från en video snabbt och gratis

• Hur man skapar musik- och videospellistor på olika plattformar

• 3 sätt att skapa videobildspel i Windows

• 6 videoredigeringstips för nybörjare

• Hur man skapar en flersidig PDF i Photoshop

• Första YouTube-videon: 10 nybörjartips för bästa resultat