Animirani GIF u Photoshopu CS5

Adobe Photoshop CS5 moćan je program za uređivanje slika koji možete koristiti za stvaranje ili uređivanje gotovo bilo koje vrste slike za koju biste mogli imati potrebu. Photoshop CS5 je, međutim, posebno vješt u stvaranju slika namijenjenih za postavljanje na internet, kao što je slika koju biste mogli staviti na svoju web stranicu ili koju biste možda željeli podijeliti sa svojim prijateljima. Popularan izbor slike je animirani GIF, jer ga je jednostavno napraviti, ima pokret, ali se može postaviti kao obična statična slika. Photoshop sadrži neke korisne alate koji vam omogućuju stvaranje animiranog GIF-a u Photoshopu CS5, a možete čak i prilagoditi svoj animirani GIF u Photoshopu CS5 kako bi se pridržavao specifikacija koje trebate.

Priprema okvira za vaš animirani GIF u Photoshopu CS5

Animirani GIF u Photoshopu CS5 je zapravo pet zasebnih slika koje ćete rasporediti kao slojeve. Svaki sloj će predstavljati okvir vaše slike, tako da svaki okvir mora biti malo drugačiji kako bi se naznačilo da se u vašem animiranom GIF-u događa neka radnja ili pokret. Za potrebe ovog vodiča, napravit ću animirani GIF u Photoshopu CS5 zvijezde koja se kreće po crnoj pozadini. Animirani GIF će se sastojati od pet različitih okvira, pri čemu je zvijezda na malo drugačijem mjestu u svakom kadru. Odvojene slike izgledaju ovako:

Radi jednostavnosti, slike sam označio kao 1.gif, 2.gif, 3.gif, 4.gif i 5.gif, što će mi pomoći da zapamtim redoslijed kojim ih želim prikazati. Svaka slika je iste veličine, 100×100 piksela.

Da biste počeli izrađivati ​​animirani GIF u Photoshopu CS5, sada možete pokrenuti Photoshop, kliknite Datoteka na vrhu prozora kliknite Novi, zatim postavite veličinu za svoju sliku. Nakon što su parametri slike postavljeni, kliknite na u redu gumb za stvaranje svog praznog platna.

Sljedeće što trebate učiniti je otvoriti mapu koja sadrži slike koje ćete uključiti u svoj animirani GIF u Photoshopu CS5. Imajte na umu da otvarate mapu u Windows Exploreru, a NE pomoću Otvorena naredbu u Photoshopu. Windows Explorer je program koji koristite za pregledavanje mapa i datoteka na računalu, a možete ga pokrenuti klikom na ikonu mape na programskoj traci pri dnu zaslona računala. Nakon što je mapa koja sadrži vaše slike otvorena, držite pritisnutu tipku CTrl na tipkovnici kako biste odabrali sve slike, a zatim ih povucite na platno Photoshop CS5.

Ovo će promijeniti vaše platno tako da prikazuje jedan od vaših okvira s X preko njega, kao što je na ovoj slici:

Kada vidite ovo, pritisnite Unesi na tipkovnici za umetanje svake slike kao sloja u Photoshopu. Nakon što su sve slike dodane, vaše Slojevi prozor na desnoj strani Photoshopa trebao bi izgledati ovako.

Imajte na umu da bi slika koju želite prikazati kao posljednji okvir vašeg animiranog GIF-a trebala biti najviši sloj. Ako su vaši slojevi u pogrešnom redoslijedu, možete ih jednostavno povući unutar Slojevi prozora dok ne budu u ispravnom redoslijedu.

Sada morate otvoriti Animacija prozor, što možete učiniti klikom na Prozor izborniku na vrhu Photoshopa, a zatim kliknite na Animacija opcija. The Animacija prozor će se otvoriti kao horizontalni prozor na dnu Photoshopa.

Kliknite gumb u gornjem desnom kutu Animacija prozor (gumb izgleda kao strelica okrenuta prema dolje pored 4 vodoravne crte), a zatim kliknite na Napravite okvire od slojeva opcija.

Kliknite strelicu okrenutu prema dolje desno od 0 sek a ispod jednog od vaših okvira u Animacija prozoru, a zatim odaberite koliko dugo želite da se taj okvir prikazuje u vašem animiranom GIF-u. Ponovite ovaj korak za svaki okvir svoje slike. Volim birati 1.0 za trajanje okvira u mnogim animiranim GIF-ovima u Photoshopu CS5, ali eksperimentirajte s različitim trajanjem dok ne pronađete onaj koji vam najbolje odgovara.

Također možete odrediti koliko puta bi animirani GIF trebao proći kroz sve svoje okvire klikom na Zauvijek padajući izbornik na dnu Animacija prozor. koristim Zauvijek kao opcija za animirani GIF na kraju ovog članka, što znači da će se animirani GIF neprestano kretati dok ne napustite ovu stranicu.

Sada ste gotovi sa stvaranjem animiranog GIF-a u Photoshopu CS5, tako da ga morate spremiti. Klik Datoteka na vrhu prozora, a zatim kliknite Spremi za web i uređaje. Kliknite padajući izbornik u gornjem desnom kutu prozora da odaberete GIF opciju, a zatim kliknite na Uštedjeti gumb na dnu prozora.

Upišite naziv svoje datoteke u Naziv datoteke polje, a zatim kliknite na Uštedjeti dugme. Zatim možete dvaput kliknuti stvorenu sliku u svojoj mapi da pokrenete animirani GIF i vidite što ste stvorili. Ispod je moj primjer animiranog GIF-a u Photoshop CS5 slici.