Har du nogensinde spekuleret på, hvordan de lange GIF'er^(GIFs) , du ser på websteder som Imgur , er oprettet? Mange gange tager skaberne en video, konverterer det hele til en animeret GIF og overlejrer derefter tekst for at gøre det underholdende.

Nu vil dette indlæg ikke lære dig, hvordan du opretter de fancy GIF'er^(GIFs) fra start til slut, men det vil lære dig, hvordan du tager en video og i det mindste konverterer den til en animeret GIF . Jeg vil skrive endnu et indlæg om, hvordan du kan tilføje tekst og grafik til din GIF .

Jeg vil bruge Photoshop CC til denne tutorial, fordi den giver dig mulighed for at have mere kontrol over det endelige produkt med hensyn til størrelse, kvalitet, rammer osv.

Konverter video før import

Før du starter, skal du muligvis konvertere din video til et filformat, som Adobe Photoshop understøtter. For eksempel tog jeg en video fra min iPhone og downloadede den til min computer. Jeg forsøgte derefter at importere videoen til Photoshop , men fik følgende fejl:

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

Videoen var en MOV -fil, men det codec, som Apple bruger, understøttes ikke i Photoshop . For at løse denne type problemer skal du downloade et program som HandBrake for at konvertere videoen.

Det er meget nemt at bruge håndbremse^(HandBrake) . Bare^(Just) klik på Filer^(File) - Vælg kilde^{(Choose Source)} og vælg din videofil. På dette tidspunkt er alt, hvad du virkelig skal gøre, at klikke på knappen Start Encode . Som standard vil den bruge Fast 1080p30- forudindstillingen, som du ser til højre. De har mange forudindstillinger, så vælg den, der fungerer for dig. Bemærk, at du senere kan reducere opløsningen af ​​GIF'en^(GIF) i Photoshop , så du ikke behøver at gøre det i HandBrake .

Når den er blevet konverteret til en MP4 -fil ved hjælp af H.264 -videocodec, kan vi nu importere den til Photoshop .

Importer video^{(Import Video)} og opret GIF^{(Create GIF)} i Photoshop

Åbn Photoshop CC og klik på Filer^(File) , derefter Importer^(Import) og derefter Videorammer til lag^{( Video Frames to Layers)} .

Vælg din videofil, og klik på Åbn^(Open) . Dette åbner en dialogboks med en lille forhåndsvisning af videoen og et par muligheder.

Hvis du nu vil have hele videoen som en animeret GIF , skal du lade radioknappen stå fra start til slut^{(From Beginning to End)} . Hvis du kun har brug for en del, skal du vælge Kun udvalgt område^{(Selected Range Only)} og derefter bruge trimkontrollerne under videoen til at vælge området.

For at reducere størrelsen af ​​den endelige GIF så meget som muligt, kan du også begrænse antallet af frames. Hvis du for eksempel markerer afkrydsningsfeltet og lader det være på 2 billeder, betyder det, at Photoshop vil fjerne hver anden ramme fra videoen.

Til sidst skal du sørge for, at feltet Lav rammeanimation^{(Make Frame Animation)} er markeret. Klik på OK^{(Click OK)} , og din video skal importeres som en masse rammer i Photoshop . Hvis programmet går ned, skal du muligvis reducere kvaliteten af ​​videoen endnu mere, før du prøver at importere.

Nu skal vi bare gemme rammerne som en animeret GIF . For at gøre dette i Photoshop CC skal du klikke på Fil^(File) – Eksporter^(Export) – Gem til web ^{(Save for Web)} (legacy) . Bemærk, at før du gemmer det som en GIF , kan du redigere og slette rammer som ønsket.

I denne dialog er der en masse muligheder, som du bliver nødt til at lege med. De fleste af dem vil påvirke kvaliteten af ​​GIF'en^(GIF) , som du vil kunne se i forhåndsvisningsområdet til venstre. Den højre rude er der, hvor du vil foretage de fleste justeringer.

Øverst oppe kan du se en rullemenu kaldet Forudindstilling^(Preset) . Du kan klikke på det og vælge en af ​​forudindstillingerne, eller du kan selv justere værdierne. At vælge en af ​​forudindstillingerne vil reducere kvaliteten af ​​GIF'en^(GIF) , men vil også gøre den mindre. Sørg for, at GIF er valgt i rullemenuen under Forudindstilling^(Preset) .

Nederst under Billedstørrelse^{( Image Size)} kan du justere den endelige outputopløsning for din GIF . Så hvis din video var 1920×1080 eller 4K, vil du sandsynligvis reducere det betydeligt her. Under Animation kan du vælge Forever , Once eller Custom for Looping Options . Som standard vil GIF'en^(GIF) loope kontinuerligt. Du kan bruge kontrollerne nederst til at afspille GIF'en^(GIF) for at se, hvordan den ser ud.

Klik på Gem^{(Click Save)} , og vælg en placering for at gemme din GIF . Det handler om det. Photoshop gør det meget nemt at oprette animerede GIF'er^(GIFs) fra videoer og giver dig mulighed for at justere indstillingerne for at få det helt rigtigt. Læs også mine indlæg om, hvordan du opretter animerede GIF'er fra billeder ved hjælp af Photosho^{(create animated GIFs from images using Photosho)} p. God fornøjelse!

How to Create a GIF from a Video using Photoshop CC

Ever wоnder how thosе long GIFs you see on sites like Imgur are created? A lot of times, the crеators take a video, convert the whole thing into an animated GIF, and then supеrimpose 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åder at tage et billede eller en video på en Chromebook

• Hvad betyder BCC og CC? Forstå Basic Email Lingo

• Sådan maskerer du i Photoshop for at skjule lag

• Sådan synkroniseres lyd og video i Adobe Premiere Pro

• Den bedste måde at tilføje en GIF til dine e-mails

• Sådan slår du Caps Lock til eller fra på Chromebook

• Sådan konverteres PowerPoint til DVD, video og PDF

• Fladskærmsteknologi afmystificeret: TN, IPS, VA, OLED og mere

• 7 hurtige rettelser, når Minecraft bliver ved med at gå ned

• Sådan tegner du lige linjer i Photoshop

• Sådan brændes Windows Movie Maker WMV-video til DVD

• Alt hvad du behøver at vide om 360-graders video

• 10 bedste måder at børnesikre din computer på

• Sådan ændres baggrunden i et billede ved hjælp af Photoshop

• Hvad er Uber Passenger Rating, og hvordan man tjekker det

• Sådan bruger du YouTubes lydbibliotek i dine videoprojekter

• Sådan falske opmærksomhed i zoom-videoopkald

• Sådan uploader du en video til YouTube - Trin-for-trin guide

• Sådan tilføjer du baggrundsmusik til et videoklip

• Sådan registrerer du computer- og e-mail-overvågnings- eller spioneringssoftware