Nedavno sam snimio nekoliko smiješnih slika svog rođaka i htio sam stvoriti vlastiti animirani GIF umjesto da koristim "Auto Awesome" koji je automatski kreirao Google+ . Budući da imam instaliran Photoshop CS6 , mislio sam da ću pokušati i vidjeti što će se dogoditi. Isprva sam mislio da će biti prilično jednostavno: uvezite slike u zasebne slojeve, a zatim ih jednostavno spremite kao GIF datoteku s animacijom. Pogrešno!

Ako pokušate stvoriti GIF na ovaj način, primijetit ćete da je odjeljak Animacija u dijaloškom okviru ^(Animation)Spremi^(Save) za web zasivljen. Kako biste to aktivirali tako da možete odabrati opcije petlje, morate stvoriti ono što se zove animacija okvira^{(Frame Animation)} u Photoshopu CS6^{(Photoshop CS6)} . Zvuči komplicirano, ali prilično je jednostavno za napraviti. U ovom ću vas postu provesti kroz korake za stvaranje vlastitog animiranog GIF -a pomoću fotografija.

Također ću spomenuti kako uvesti video i pretvoriti ga u animirani GIF . Prilikom uvoza videa razlikuje se samo postupak uvoza, a ostali koraci ostaju isti.

Korak 1 – Uvezite sve slike

Prva stvar koju ćete morati učiniti je uvesti sve svoje slike u zasebne slojeve u jednoj Photoshop datoteci. Dakle, ako imate 6 slika, na primjer, otvorite ih sve u Photoshopu^(Photoshop) , a zatim stvorite novu datoteku te kopirajte i zalijepite svaku od slika u poseban sloj u novoj datoteci. Sloj 1^{(Layer 1)} trebao bi biti vaša početna slika, a posljednji sloj bi trebao biti posljednja slika u animaciji.

Ovaj dio procesa vjerojatno će oduzeti najviše vremena od svih koraka. Vjerojatno postoji lakši i brži način za to u Photoshopu^(Photoshop) , ali budući da nisam profesionalni korisnik, ručno sam kopirao i zalijepio svaku sliku u novu datoteku Photoshopa . ^(Photoshop)Ako znate za brži način, javite mi u komentarima.

Korak 2 – Napravite animaciju okvira

Drugi korak je stvaranje prave animacije u samom Photoshopu^(Photoshop) . Da biste to učinili, prvo morate otvoriti prozor Timeline . Idite gore do prozora^(Window) i odaberite Vremenska traka^(Timeline) .

Sada ćete vidjeti otvoren prozor Timeline na dnu zaslona. Za početak bi trebao biti potpuno prazan. Sada da biste stvorili animaciju okvira, jednostavno kliknite desnom tipkom bilo gdje u okviru Vremenska^(Timeline) traka i odaberite Stvori animaciju okvira^{(Create Frame Animation)} .

Kada to učinite, sada ćete vidjeti samo jednu sliku na vremenskoj traci s malom 1 u gornjem lijevom kutu. To će biti ili slika koju ste odabrali na ploči slojeva^(Layers) ili će to biti posljednji dodani sloj (posljednja slika u animaciji). U ovom trenutku, to je animacija u jednom kadru, što nije ono što želimo.

Umjesto toga, želimo da svi slojevi budu uključeni u animaciju. Da bismo to učinili, moramo kliknuti na mali gumb sa strelicom prema dolje na krajnjem desnom dijelu prozora Timeline . Ima malu strelicu prema dolje, a zatim nekoliko vodoravnih linija pored nje. kada kliknete na to, vidjet ćete opciju pod nazivom Napravite okvire iz slojeva^{(Make Frames From Layers)} .

Sada biste trebali vidjeti okvir za svaki sloj koji imate u datoteci. Svaki okvir također će imati mali padajući izbornik ispod slike koji vam omogućuje da odaberete duljinu vremena u kojem će se svaki okvir prikazati.

Kao što možete vidjeti gore, prvi okvir je 5 sekundi, a zatim su ostali postavljeni na 0. Morat ćete ih prilagoditi u skladu s tim, ali možete odabrati i prilagođeno vrijeme.

Nakon što odaberete vrijeme za svaki okvir, spremni ste za posljednji korak, a to je spremanje vaše nove animacije u GIF datoteku.

Korak 3 – Spremite GIF datoteku

Sada je vrijeme da spremite svoj animirani GIF . Da biste to učinili, idite na Datoteka^(File) i kliknite na Spremi za web^{(Save for Web)} . Na samom dnu dijaloškog okvira za spremanje vidjet ćete odjeljak Animacija^(Animation) , koji više ne bi trebao biti zasivljen.

Vaše je opcije ovdje prilično lako razumjeti. Možete samo odabrati kako želite da se petlja, a zatim pregledati animaciju prije nego što je spremite. To je otprilike to! Nadamo se da će vam ovaj vodič pomoći da kreirate svoj animirani GIF u Photoshopu CS6^{(Photoshop CS6)} bez problema!

Zaključak

Ima par stvari koje vrijedi spomenuti. Prvo, ako smatrate da je animirani GIF prevelik, tada ćete prvo morati smanjiti veličinu pojedinačnih slika prije nego što stvorite svoju konačnu Photoshop datoteku s više slojeva. Možete ili izrezati slike ako vam je potreban samo dio fotografija za stvaranje animacije ili možete smanjiti veličinu cijele slike.

Drugo, ako imate video, tada možete automatski uvesti video okvire u slojeve tako da odete na Datoteka^(File) , zatim Uvezi^(Import) i kliknete na Video okviri u slojeve^{(Video Frames to Layers)} .

Dakle, to je sve. Opet^(Again) , kako biste upravljali veličinom, možda ćete morati smanjiti kvalitetu slika kako biste stvorili malu GIF datoteku. Uživati!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took some funny pictureѕ of my cousin and wanted to crеate my own animated GIF instead of using the “Auto Awesome” оne created autоmatically by Goоgle+. Since І have Photoshop CS6 installed, I figurеd I would give it a shot and seе what happens. At first, I thought it wоuld 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

• Kako spremiti animirane GIF-ove na mobitel i računalo

• Kako maskirati u Photoshopu da sakrijete slojeve

• Kako pretvoriti više slika u PDF datoteke

• Kako dodati pozadinu na sliku zelenog zaslona u Photoshopu

• 7 jednostavnih izmjena slike koje možete napraviti u Photoshopu

• Kako napraviti GIF iz videa koristeći Photoshop CC

• Pali li se vaše računalo nasumično samo od sebe?

• Kako otkriti softver za praćenje računala i e-pošte ili špijuniranje

• Kako napraviti PDF s više stranica u Photoshopu

• Kako pretraživati ​​Facebook prijatelje po lokaciji, poslu ili školi

• Kako pronaći najbolje Discord poslužitelje

• Kako promijeniti pozadinu na slici koristeći Photoshop

• Kako umetnuti emoji u Word, Google dokumente i Outlook

• Kako stvoriti prozirnu pozadinu u GIMP-u

• Kako preuzeti i instalirati Peacock na Firestick

• Kako objaviti članak na Linkedinu (i najbolja vremena za objavljivanje)

• Kako podijeliti zaslon na Chromebooku

• Kako promijeniti jezik na Netflixu

• Kako isključiti nekoga u Discordu

• Kako pronaći rođendane na Facebooku