Nedávno som urobil pár vtipných obrázkov svojho bratranca a chcel som si vytvoriť vlastný animovaný GIF namiesto použitia „Autogeniálnych úprav“, ktoré automaticky vytvára Google+ . Keďže mám nainštalovaný Photoshop CS6 , povedal som si, že to vyskúšam a uvidím, čo sa stane. Najprv som si myslel, že to bude celkom jednoduché: importovať obrázky do samostatných vrstiev a potom ich uložiť ako súbor GIF s animáciou. Omyl!

Ak sa pokúsite vytvoriť GIF týmto spôsobom, všimnete si, že sekcia Animácia v dialógovom okne ^(Animation)Uložiť^(Save) pre web je sivá. Aby ste to aktivovali, aby ste si mohli vybrať možnosti opakovania, musíte vytvoriť to, čo sa vo Photoshope CS6 nazýva ^{(Photoshop CS6)}animácia snímky^{(Frame Animation)} . Znie to komplikovane, ale je to celkom jednoduché. V tomto príspevku vás prevediem krokmi na vytvorenie vlastného animovaného GIF pomocou statických obrázkov.

Spomeniem tiež, ako importovať video a previesť ho na animovaný GIF . Pri importe videa sa líši iba proces importu, ostatné kroky zostávajú rovnaké.

Krok 1 – Importujte všetky obrázky

Prvá vec, ktorú budete musieť urobiť, je importovať všetky obrázky do samostatných vrstiev v jednom súbore Photoshopu. Takže ak máte napríklad 6 obrázkov, otvorte ich všetky vo Photoshope^(Photoshop) a potom vytvorte nový súbor a skopírujte a vložte každý z obrázkov do samostatnej vrstvy v novom súbore. Vrstva 1^{(Layer 1)} by mala byť vaším počiatočným obrázkom a posledná vrstva by mala byť posledným obrázkom v animácii.

Táto časť procesu pravdepodobne zaberie najviac času zo všetkých krokov. Pravdepodobne existuje jednoduchší a rýchlejší spôsob, ako to urobiť vo Photoshope^(Photoshop) , ale keďže nie som profesionálny používateľ, ručne som skopíroval a vložil každý obrázok do nového súboru Photoshopu . ^(Photoshop)Ak poznáte rýchlejší spôsob, dajte mi vedieť v komentároch.

Krok 2 – Vytvorte animáciu snímky

Druhým krokom je vytvorenie samotnej animácie v samotnom Photoshope^(Photoshop) . Ak to chcete urobiť, musíte najskôr otvoriť okno Časová os . ^(Timeline)Prejdite do okna^(Window) a vyberte položku Časová os^(Timeline) .

Teraz uvidíte v spodnej časti obrazovky otvorené okno Časová os . ^(Timeline)Na začiatku by mala byť úplne prázdna. Ak chcete teraz vytvoriť animáciu snímky, jednoducho kliknite pravým tlačidlom myši kdekoľvek v poli Časová os^(Timeline) a vyberte Vytvoriť animáciu snímky^{(Create Frame Animation)} .

Keď to urobíte, na časovej osi uvidíte iba jeden obrázok s malou 1 v ľavom hornom rohu. Buď to bude obrázok, ktorý ste vybrali na paneli Vrstvy^(Layers) , alebo to bude posledná pridaná vrstva (posledný obrázok v animácii). V tomto bode ide o jednosnímkovú animáciu, čo nie je to, čo chceme.

Namiesto toho chceme, aby boli do animácie zahrnuté všetky vrstvy. Aby sme to dosiahli, musíme kliknúť na malé tlačidlo so šípkou nadol úplne vpravo v okne časovej osi^(Timeline) . Má malú šípku nadol a potom niekoľko vodorovných čiar vedľa nej. keď na to kliknete, zobrazí sa možnosť s názvom Vytvoriť snímky z vrstiev^{(Make Frames From Layers)} .

Teraz by ste mali vidieť rám pre každú vrstvu, ktorú máte v súbore. Každá snímka bude mať pod obrázkom aj malú rozbaľovaciu ponuku, ktorá vám umožní vybrať dobu, počas ktorej sa má každá snímka zobraziť.

Ako vidíte vyššie, prvá snímka má 5 sekúnd a ostatné sú nastavené na 0. Budete ich musieť zodpovedajúcim spôsobom upraviť, ale môžete si vybrať aj vlastný čas.

Po výbere času pre každú snímku ste pripravení na posledný krok, ktorým je uloženie vašej novej animácie do súboru GIF .

Krok 3 - Uložte súbor GIF

Teraz je čas uložiť animovaný GIF . Ak to chcete urobiť, prejdite do časti Súbor^(File) a kliknite na položku Uložiť pre web^{(Save for Web)} . Úplne dole v dialógovom okne ukladania uvidíte sekciu Animácia^(Animation) , ktorá by už nemala byť sivá.

Vaše možnosti sú tu celkom ľahko pochopiteľné. Môžete si len vybrať, ako chcete, aby sa opakovala, a potom si pred uložením animácie zobraziť ukážku. To je asi tak všetko! Dúfajme, že táto príručka vám pomôže vytvoriť animovaný GIF vo Photoshope CS6^{(Photoshop CS6)} bez problémov!

Záver

Za zmienku stojí niekoľko vecí. Po prvé, ak sa vám zdá, že animovaný GIF je príliš veľký, budete musieť najskôr zmenšiť veľkosť jednotlivých obrázkov predtým, ako vytvoríte konečný súbor Photoshopu s viacerými vrstvami. ^(Photoshop)Obrázky môžete buď orezať, ak na vytvorenie animácie potrebujete iba časť fotografií, alebo môžete zmenšiť veľkosť celého obrázka.

Po druhé, ak máte video, môžete snímky videa importovať do vrstiev automaticky tak, že prejdete na položku Súbor^(File) , potom na položku Importovať^(Import) a kliknete na položku Video snímky do vrstiev^{(Video Frames to Layers)} .

Takže to je všetko. Opäť platí^(Again) , že ak chcete spravovať veľkosť, možno budete musieť znížiť kvalitu obrázkov, aby ste vytvorili malý súbor GIF . Užite si to!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took some funny pictures of my cousin and wanted to create my own animated GIF instead of using the “Auto Awesome” one created automatically by Google+. Since I have Phоtoshoр CS6 installed, I figured I would give it a shot and see what happens. At first, I thought it would be fairly straight-forward: import the images into separate layers and then just save it out as a GIF 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

• Ako uložiť animované súbory GIF do mobilu a počítača

• Ako maskovať vo Photoshope na skrytie vrstiev

• Ako previesť viacero obrázkov do súborov PDF

• Ako pridať pozadie na zelenú obrazovku vo Photoshope

• 7 jednoduchých úprav obrázkov, ktoré môžete urobiť vo Photoshope

• Ako zmeniť jazyk na Netflixe

• Čo je režim Discord Streamer a ako ho nastaviť

• Môžete zmeniť svoje meno Twitch? Áno, ale buďte opatrní

• OLED vs MicroLED: Mali by ste počkať?

• Ako používať funkciu VLOOKUP v Tabuľkách Google

• Ako nakresliť rovné čiary vo Photoshope

• 7 rýchlych opráv, keď Minecraft neustále padá

• Ako stlmiť niekoho na Discord

• Ako hľadať priateľov na Facebooku podľa miesta, zamestnania alebo školy

• Ako stiahnuť a nainštalovať Peacock na Firestick

• Ako nájsť spomienky na Facebooku

• Ako skontrolovať chyby na pevnom disku

• Ako opraviť chybový kód Hulu RUNUNK13

• Ako otvoriť súbor bez prípony

• Ako nájsť najlepšie Discord servery