Gondolkozott már azon, hogyan jönnek létre azok a hosszú GIF -ek, amelyeket az ^(GIFs)Imgurhoz^(Imgur) hasonló webhelyeken lát ? Sokszor az alkotók videót készítenek, az egészet animált GIF -be konvertálják , majd szöveget helyeznek rá, hogy szórakoztató legyen.

Ez a bejegyzés most nem azt tanítja meg, hogyan készíts el fantasztikus GIF^(GIFs) -eket az elejétől a végéig, de megtanítja, hogyan készíts videót, és legalább hogyan konvertáld animált GIF -be . Írok egy másik bejegyzést arról, hogyan adhatsz szöveget és grafikát a GIF -edhez .

A Photoshop CC^{(Photoshop CC)} -t fogom használni ehhez az oktatóanyaghoz, mert ez lehetővé teszi, hogy jobban irányítsa a végterméket a méret, a minőség, a keretek stb.

Videó konvertálása importálás előtt

Mielőtt elkezdené, előfordulhat, hogy a videót olyan fájlformátumra kell konvertálnia, amelyet az Adobe Photoshop támogat. Például vettem egy videót az iPhone-omról, és letöltöttem a számítógépemre. Ezután megpróbáltam importálni a videót a Photoshopba^(Photoshop) , de a következő hibaüzenetet kaptam:

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

A videó MOV -fájl volt, de az Apple által használt kodeket a ^(Apple)Photoshop nem támogatja . Az ilyen típusú probléma megoldásához le kell töltenie egy programot, például a HandBrake -et a videó konvertálásához.

A HandBrake^(HandBrake) használata nagyon egyszerű . Csak^(Just) kattintson a Fájl^(File) elemre – Válassza ki a Forrást^{(Choose Source)} , és válassza ki a videófájlt. Ezen a ponton csak annyit kell tennie, hogy kattintson a Kódolás indítása^{(Start Encode)} gombra. Alapértelmezés szerint a jobb oldalon látható Fast 1080p30 előre beállított értéket használja. ^{( Fast 1080p30)}Számos előbeállításuk van, ezért válassza ki az Önnek megfelelőt. Ne feledje, hogy a későbbiekben csökkentheti a GIF felbontását a Photoshopban^(Photoshop) , így nem kell ezt a HandBrake -ben megtennie .

Miután a H.264 videokodekkel MP4 fájllá konvertálták, most már importálhatjuk a Photoshopba^(Photoshop) .

Videó importálása^{(Import Video)} és GIF létrehozása^{(Create GIF)} a Photoshopban^(Photoshop)

Nyissa meg a Photoshop CC-t, és kattintson a Fájl^(File) , majd az Importálás^(Import) , majd a Videokeretek^{( Video Frames to Layers)} rétegekre elemre .

Válassza ki a videofájlt, és kattintson a Megnyitás^(Open) gombra . Ekkor megjelenik egy párbeszédpanel a videó kis előnézetével és néhány lehetőséggel.

Ha a teljes videót animált GIF -ként szeretnéd , hagyd a rádiógombot az elejétől a végéig lehetőségre^{(From Beginning to End)} . Ha csak egy részre van szüksége, válassza a Csak kiválasztott tartomány^{(Selected Range Only)} lehetőséget, majd a videó alatti trimmelésvezérlőkkel válassza ki a tartományt.

Ezen túlmenően, hogy a lehető legnagyobb mértékben csökkentse a végső GIF méretét, korlátozhatja a képkockák számát is. ^(GIF)Ha például bejelöli a jelölőnégyzetet, és 2 képkockán hagyja, az azt jelenti, hogy a Photoshop minden további képkockát eltávolít a videóból.

Végül meg kell győződnie arról, hogy a Make Frame Animation négyzet be van jelölve. Kattintson az OK gombra^{(Click OK)} , és a videót egy keretként kell importálni a Photoshopba^(Photoshop) . Ha a program összeomlik, előfordulhat, hogy még tovább kell csökkentenie a videó minőségét, mielőtt megpróbálná importálni.

Most már nincs más dolgunk, mint elmenteni a képkockákat animált GIF -ként . Ehhez a Photoshop CC alkalmazásban kattintson a Fájl^(File) – Exportálás^(Export) – Mentés webre ^{(Save for Web)} (örökölt)^((legacy)) menüpontra . Vegye figyelembe, hogy mielőtt elmenti GIF -ként , tetszés szerint szerkesztheti és törölheti a kereteket.

Ezen a párbeszédpanelen egy csomó lehetőség található, amelyekkel játszania kell. Legtöbbjük befolyásolja a GIF minőségét , amelyet a bal oldali előnézeti területen láthat. A jobb oldali ablaktáblában végezheti el a legtöbb beállítást.

Felül egy Előre beállított^(Preset) legördülő menü jelenik meg . Kattintson rá, és válasszon egyet az előre beállított értékek közül, vagy saját maga állíthatja be az értékeket. Az előre beállított értékek egyikének kiválasztása csökkenti a GIF minőségét , de kisebb lesz. Győződjön meg arról, hogy a GIF van kiválasztva az ^(GIF)Előbeállítás^(Preset) alatti legördülő listában .

Alul a Képméret^{( Image Size)} alatt állíthatja be a GIF végső kimeneti felbontását . Tehát ha a videód 1920 × 1080 vagy 4K felbontású volt, akkor valószínűleg jelentősen csökkenteni szeretnéd. Az Animáció alatt az ^(Animation)Örökké^(Forever) , Egyszer^(Once) vagy Egyéni^(Custom) opciót választhatja a Looping Options beállításához^{( Looping Options)} . Alapértelmezés szerint a GIF folyamatosan fut. Az alján található vezérlők segítségével lejátszhatja a GIF -et, hogy megnézze, hogyan néz ki.

Kattintson a Mentés gombra^{(Click Save)} , és válasszon egy helyet a GIF mentéséhez . Nagyjából ennyi. A Photoshop^(Photoshop) nagyon egyszerűvé teszi az animált GIF^(GIFs) -ek készítését videókból, és lehetővé teszi a beállítások módosítását, hogy megfelelő legyen. Olvassa el a bejegyzéseimet is arról, hogyan lehet animált GIF-eket készíteni képekből a Photosho segítségével,^{(create animated GIFs from images using Photosho)} o. Élvezd!

How to Create a GIF from a Video using Photoshop CC

Ever wonder how those long GIFs you see on sites like Imgur are created? A lot of times, the creatorѕ take а video, convert the whole thing into an аnimated GIF, аnd then superimрose 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ódja annak, hogy fényképet vagy videót készítsen Chromebookon

• Mit jelent a BCC és a CC? Az alapvető e-mail nyelv ismerete

• Hogyan lehet maszkolni a Photoshopban a rétegek elrejtéséhez

• Hang és videó szinkronizálása az Adobe Premiere Pro programban

• A legjobb módja annak, hogy GIF-et adjon e-mailjeihez

• Hogyan távolítsunk el zöld képernyőt egy videóról gyorsan és ingyen

• Hogyan lehet meghamisítani a figyelmet a zoom videohívásokban

• 10 legjobb módszer a számítógép gyermekvédelmére

• Windows Movie Maker WMV videó írása DVD-re

• A zöld képernyős videó szerkesztése az Adobe Premiere Pro programban

• Vonja ki a hangot a videóból ezzel a 7 alkalmazással

• Zene szerkesztése videóvá az Adobe Premiere segítségével

• GIF közzététele a Facebookon, az Instagramon, a Redditben és a Twitteren

• Hogyan adjunk háttérzenét egy videokliphez

• 7 gyorsjavítás, amikor a Minecraft folyamatosan összeomlik

• A sérült vagy sérült videofájlok javítása és lejátszása

• Hogyan rajzoljunk egyenes vonalakat a Photoshopban

• Hogyan lehet megszabadulni a Yahoo kereséstől a Chrome-ban

• Videó stabilizálása a Premiere Pro alkalmazásban

• Voiceover hozzáadása videóhoz az Adobe Premiere alkalmazásban