Nemrég készítettem néhány vicces képet az unokatestvéremről, és saját animált GIF -et akartam létrehozni a ^(GIF)Google+ által automatikusan létrehozott „Automatikus szuperség” helyett . Mivel telepítettem a Photoshop CS6 -ot , úgy gondoltam, kipróbálom, és meglátom, mi történik. Először azt hittem, hogy ez meglehetősen egyszerű: importálja a képeket külön rétegekbe, majd mentse el GIF -fájlként animációval. Rossz!

Ha ilyen módon próbálja létrehozni a GIF -et, észre fogja venni, hogy a Mentés ^(Save)webre párbeszédpanel ^(Web)Animáció^(Animation) része szürkén jelenik meg. Annak aktiválásához, hogy kiválaszthassa a hurkolási lehetőségeket, létre kell hoznia az úgynevezett keretanimációt^{(Frame Animation)} a Photoshop CS6 alkalmazásban . Bonyolultnak hangzik, de nagyon egyszerű megcsinálni. Ebben a bejegyzésben végigvezetem a saját animált GIF állóképek felhasználásával történő létrehozásának lépésein.

Azt is megemlítem, hogyan lehet videót importálni és animált GIF^(GIF) formátumba konvertálni . Videó importálásakor csak az importálási folyamat tér el, a többi lépés ugyanaz marad.

1. lépés – Az összes kép importálása

Az első dolog, amit meg kell tennie, hogy az összes képet külön rétegekbe importálja egyetlen Photoshop-fájlba. Tehát ha például 6 képe van, nyissa meg mindegyiket a Photoshopban^(Photoshop) , majd hozzon létre egy új fájlt, és másolja és illessze be mindegyik képet egy külön rétegbe az új fájlba. Az 1. réteg^{(Layer 1)} legyen a kezdő kép, az utolsó réteg pedig az utolsó kép az animációban.

A folyamatnak valószínűleg ez a része fogja a legtöbb időt igénybe venni az összes lépés közül. Valószínűleg van egy egyszerűbb és gyorsabb módja ennek a Photoshopban^(Photoshop) , de mivel nem vagyok profi felhasználó, minden egyes képet manuálisan másolok és illesztek be egy új Photoshop - fájlba. Ha tud egy gyorsabb módszert, kérem, ossza meg velem a megjegyzésekben.

2. lépés – Keretanimáció létrehozása

A második lépés a tényleges animáció létrehozása magában a Photoshopban^(Photoshop) . Ehhez először meg kell nyitnia az Idővonal^(Timeline) ablakot. Menjen fel az ablakra^(Window) , és válassza az Idővonal^(Timeline) lehetőséget .

Ekkor megjelenik az Idővonal^(Timeline) ablak a képernyő alján. Kezdésként teljesen üresnek kell lennie. Most egy keretanimáció létrehozásához egyszerűen kattintson a jobb gombbal bárhol az Idővonal^(Timeline) mezőben, és válassza a Keretanimáció létrehozása^{(Create Frame Animation)} lehetőséget .

Ha ezt megteszi, most csak egy képet fog látni az idővonalon, és egy kis 1-essel a bal felső sarokban. Ez vagy a Rétegek^(Layers) panelen kiválasztott kép, vagy a legutóbb hozzáadott réteg (az animáció utolsó képe). Ezen a ponton ez egy egykockás animáció, amit nem akarunk.

Ehelyett azt szeretnénk, hogy az összes réteg szerepeljen az animációban. Ehhez az Idővonal^(Timeline) ablak jobb szélén található apró kis lefelé mutató nyílra kell kattintanunk. Van rajta egy kis lefelé mutató nyíl, majd néhány vízszintes vonal mellette. ha rákattint, megjelenik a Keretek készítése rétegekből^{(Make Frames From Layers)} opció .

Most látnia kell egy keretet a fájlban lévő minden egyes réteghez. Minden képkockához egy kis legördülő menü is tartozik a kép alatt, amely lehetővé teszi az egyes képkockák megjelenítési időtartamának kiválasztását.

Ahogy fentebb is látható, az első képkocka 5 másodperc, majd a többi 0-ra van állítva. Ennek megfelelően módosítania kell őket, de választhat egyéni időtartamot is.

Miután kiválasztotta az egyes képkockák idejét, készen áll az utolsó lépésre, amely az új animáció elmentése egy GIF - fájlba.

3. lépés – GIF fájl mentése

Itt az ideje, hogy mentse az animált GIF -et . Ehhez lépjen a Fájl menübe^(File) , és kattintson a Mentés webre^{(Save for Web)} elemre . A mentési párbeszédpanel legalján megjelenik az Animáció^(Animation) rész, amely már nem lehet szürkén.

Az itt megadott lehetőségek meglehetősen könnyen érthetők. Valójában csak azt választhatja ki, hogyan szeretné ismételni, majd megtekintheti az animáció előnézetét a mentés előtt. Nagyjából ennyi! Remélhetőleg ez az útmutató segít abban, hogy gond nélkül létrehozza animált GIF -jeit a Photoshop CS6 -ban !

Következtetés

Érdemes megemlíteni pár dolgot. Először is, ha úgy találja, hogy az animált GIF túl nagy, akkor először csökkentenie kell az egyes képek méretét, mielőtt létrehozza a több rétegből álló végső Photoshop -fájlt. ^(Photoshop)Levághatja a képeket, ha csak a fényképek egy részére van szüksége az animáció elkészítéséhez, vagy csökkentheti a teljes kép méretét.

Másodszor, ha van videód, akkor a videókockákat automatikusan rétegekbe importálhatod a Fájl menü ^(File)Importálás^(Import) menüpontjában , és a Video keretek rétegekbe lehetőségre^{(Video Frames to Layers)} kattintva .

Szóval ez minden. A méret kezeléséhez ismételten^(Again) előfordulhat, hogy csökkentenie kell a képek minőségét egy kis GIF - fájl létrehozásához. Élvezd!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took some funny pictures of my cousin and wanted to creatе my own animated GIF instead of using the “Auto Awesome” one crеated automatically by Google+. Since I have Photoshop CS6 іnstalled, I figurеd I would give it a shot and see what happens. At first, I thought it would be fairly straight-forward: import the images into sеparate lаyers аnd then just ѕave it out as a GІF file with animation. Wrong!

If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.

I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.

Step 1 – Import All Images

The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.

This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.

Step 2 – Create Frame Animation

The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.

Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.

Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.

As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.

Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.

Step 3 – Save GIF File

Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.

Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!

Conclusion

There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.

Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.

So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!

Related posts

• Animált GIF-ek mentése mobilra és számítógépre

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

• Több kép konvertálása PDF fájlokká

• Hogyan adhatunk hátteret egy zöld képernyőképhez a Photoshopban

• 7 egyszerű képmódosítás, amelyet a Photoshopban végezhet

• Hogyan változtassuk meg a hátteret a képen a Photoshop segítségével

• Mi az a Discord Streamer mód és hogyan kell beállítani

• Állóképek rögzítése videóról vagy DVD-ről

• Hogyan javítsunk ki egy Steam „Függőben lévő tranzakció” hibát

• Klip felosztása az Adobe Premiere Pro programban

• Facebook-barátok keresése hely, állás vagy iskola alapján

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

• A VLOOKUP használata a Google Táblázatokban

• Hogyan lehet megtalálni a legjobb Discord szervereket

• A számítógép véletlenszerűen bekapcsol magától?

• Hogyan készítsünk átlátszó hátteret a GIMP-ben

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

• A Peacock letöltése és telepítése a Firestickre

• Emoji beszúrása a Word, a Google Docs és az Outlook alkalmazásba

• Hogyan lehet némítani valakit a Discordon