Kako animirati vlastiti GIF s Photoshopom

Stvaranje animacija od nule u Photoshopu može izgledati zastrašujuće, ali zapravo je vrlo jednostavno. Zapalite Photoshop i zgrabite neke svoje datoteke. Vrijeme je da uznemirite hlače svojih prijatelja s mnogo animiranih GIF-ova!

Razgovarali smo o nekim jednostavnim načinima pretvaranja videozapisa i Youtube u animirane GIF-ove, ali danas ćemo vam pokazati kako napraviti jednostavnu animaciju bez korištenja video datoteka. Nastavite čitati - ova je zabavna.

Stvaranje animacija s Photoshop alatima za animaciju

Za jednostavnu animaciju stvorit ćemo dio slike na zasebnom sloju kojim se možemo kretati. Samo ćemo animirati kretanje očiju, ali na taj način možete stvoriti bilo koju vrstu animacije, uključujući stvarne rukom nacrtane animacijske ćelije ili pokretne fotografije..

Bez obzira na to što želite animirati, počnite s najmanje dva sloja. U našem primjeru koristimo logotip HTG-a i pomičemo njegove oči do drugog sloja koji možemo koristiti za animiranje pokreta.

Da biste započeli, povucite ploču Animacija. Pronađite ga tako da odete na Window> Animation.

Panel se pojavljuje na dnu prozora i vrlo je jednostavan za korištenje. Svaki novi “okvir” animacije je poput snimke datoteke. Kliknite gumb na ploči animacije kad god želite stvoriti novu snimku iz trenutnog stanja datoteke. Ali ne još!

Ova ploča također omogućuje postavljanje "odgode" za svaki pojedinačni okvir, što znači koliko dugo (u cjelini ili u dijelovima sekunde) se prikazuje na zaslonu prije nego što prijeđete na sljedeći okvir. 25 sličica u sekundi (0,04) je standardna stopa za animaciju, ali možda malo brža za animirane GIF-ove. Za naš primjer, kompromitirali smo s kašnjenjem od 0,05, koje također možete koristiti. Ako želite koristiti različit broj sličica u sekundi, jednostavno podijelite 1 s brojem okvira kako biste dobili odgovarajuće vrijeme odgode. (Na primjer, 1 sekunda podijeljeno s 25 okvira jednako je 0,04 vremena kašnjenja.)

Ideja je premjestiti sloj očiju mali koraci i usput snimajte. Koristit ćemo alat za pomicanje (tipka prečaca "V") i guramo naš sloj pomoću Tipke sa strelicama. U našem primjeru snimili smo snimku nakon guranja svakog dva piksela.

Klikom na na ploči možete vidjeti nove okvire stvorene u animaciji. Uzimaju vremensko kašnjenje okvira prije njih, pa ćete možda htjeti izabrati pravo kašnjenje, tako da ne morate mijenjati mnoštvo okvira kad završite s snimanjem slika.

(Napomena autora: Ako ste nešto slično meni, ionako ćete mijenjati kašnjenje zillion puta. Stvari ne uspijevaju uvijek točno kako želite!)

Postavite svoje okvire dok idete zajedno, koristeći ploče slojeva kako biste premjestili svoj objekt (u našem primjeru, oči) kako god vam je stalo, i uzmite puno i puno snimaka. Zapamtite, 25-tak će biti jednako jednoj sekundi, stoga uzmite svoje snimke u skladu s tim.

Također možete urediti odgodu višestrukih okvira odjednom pomoću tipke shift i odabirom mnogih ili svih okvira i promjenom kašnjenja. Primijetite da odgodu možete postaviti na "Ostalo ..." pri dnu kako biste koristili naše prilagođeno kašnjenje od 0,05.

Dođite do Datoteka> Spremi za web i uređaje da biste otvorili alat s istim imenom.

Ovaj alat će vam omogućiti da stvorite animirani GIF preglednik, kao i da ga testirate unutar alata (kao što je prikazano gore, gdje se nalazi strelica). Pobrinite se da postavite vrstu datoteke na GIF i koristite bilo koju od postavki Perceptual, Selective ili Adaptive. One mogu promijeniti vašu sliku na različite načine, ali će mnogi od vas dati gotovo identične rezultate. Da biste smanjili veličinu datoteke, možete promijeniti Veličina slike (prema dnu) i broju boje (s desne strane). Također možete smanjiti veličinu datoteke tako da ne uključujete transparentnost, iako nismo u našem primjeru (Joj!).

I naš animirani GIF spreman je staviti na web kako bi oduševio, šokirao i stvorio strahopoštovanje.

A to je da se to završi za animaciju. Misli ili pitanja o našoj metodi? Imate bolju metodu ili neke jednostavnije tehnike? Želite li vidjeti nešto naprednije? Recite nam nešto o njima u komentarima ili nam pošaljite svoja razmišljanja na [email protected], a mi ih možemo uključiti u nadolazeći članak o grafici.