Kako napraviti GIF animaciju u Photoshopu

Anonim

Kako stvoriti GIF animaciju u Adobe Photoshop

Metoda 1: Ručna animacija objekata

Prva metoda je pogodna za one korisnike koji žele primijeniti Adobe Photoshop za ručnu animaciju dodanu na platneno slojeve. To može biti proizvoljna geometrijska slika, spremna slika ili tekst. Iako ovaj grafički urednik nije u potpunosti prikladan za obavljanje takvog zadatka, s izradom jednostavnog GIF-a će se nositi, a taj proces možete razdvojiti za nekoliko koraka.

Korak 1: Uključivanje "Skala vremena"

Animacija u Adobe Photoshopu pojavljuje se pomoću mjesta i uređivanje objekata na "vremenskoj skali". Prema zadanim postavkama, ovaj prozor je skriven u programu jer se ne koristi u standardnom radnom okruženju. Da biste je aktivirali, otvorite izbornik "Window" i kliknite na "vremensku skalu".

Uključivanje vremenske skale za stvaranje animacije u Adobe Photoshopu

U nastavku će se pojaviti nova ploča na koju ćemo se dalje odnositi. Nakon rada s GIF-om možete ga ponovno sakriti koristeći isti gumb u izborniku.

Uspješna inkluzija vremenske skale za stvaranje animacije u Adobe Photoshopu

Korak 2: Priprema elemenata za gif

Kao što je ranije spomenuto, Photoshop vam omogućuje kontrolu bilo koje slojeve, uključujući tekst, slike i stvorene geometrijske oblike. Za početak, elementi trebaju dodati platnu, stvarajući novi projekt. Stavite svaku od njih u zasebni sloj kako ne biste imali problema s daljnjim uređivanjem. Čim je pripremni rad dovršen, idite na sljedeći korak.

Priprema objekata prije stvaranja animacije u Adobe Photoshopu

Korak 3: Postavljanje efekta izgleda

Postoji nekoliko osnovnih animacijskih animacija koje se mogu provesti u grafičkom uređivaču, a efekt bilo kojeg elementa se ovdje pojavljuje. Predlaže se da ga prvo razmotrite u isto vrijeme kako bi se nosili s time kako u interakciji s "skalom vremena" i kako su ključne točke povezane s njom.

  1. Idite na rad s majstorskim ploče i kliknite tamo na "Stvori vremensku skalu za video".
  2. Stvaranje novih animiranih zapisa u Adobe Photoshop grafičkom uređivaču

  3. Svaki sloj će se uklopiti na zasebnu pjesmu, što znači da možete odabrati bilo koji od njih i nastavite uređivati.
  4. Mjesto svakog sloja na animacijskoj pjesmi u Adobe Photoshopu

  5. U našem slučaju razmislite o malom logotipu. Proširite svoj sloj za pregled svih dostupnih animacijskih akcija.
  6. Odabir sloja za stvaranje animacije u programu Adobe Photoshop

  7. U primjeru, postavili smo učinak izglede koji se provodi pomoću funkcije "neprozirnosti". Kliknite na ovu liniju da biste stvorili prvu ključnu točku i sjećat će se što je stanje trenutno objekt.
  8. Stvaranje prve točke kada radite s animacijom u Adobe Photoshopu

  9. Biti na ovoj kontrolnoj točki, promijenite neprozirnost na 0% kako biste se potpuno sakrili od radnog prostora.
  10. Promijenite neprozirnost objekta pri radu s animacijom u Adobe Photoshopu

  11. Gurnite klizač nekoliko sekundi i stvorite drugu točku, a zatim odvrnite neprozirnost za 100%.
  12. Stvaranje druge ključne točke i promjenu neprozirnosti objekta u Adobe Photoshopu

  13. Igrajte animaciju i pogledajte prozor za pregled kako biste se upoznali s rezultatom. Dvije ključne točke postigli smo učinak pojavljivanja promjenom funkcije neprozirnosti objekta u svakoj od njih.
  14. Reprodukcija animacije za gledanje tijekom uređivanja u programu Adobe Photoshop

Na isti način, možete promijeniti bilo koji parametar objekta, uključujući boju, položaj, učinak preklapanja i sve ostalo što je u Adobe Photoshopu. Važno je s obzirom na posebnost rada ključeva. Odaberite bilo koju od pjesama, bilo da je riječ o "položaju", "neprozirnost" ili "stil", i učiniti neke promjene tamo. I dalje će se primjenjivati ​​bez obzira na vrstu djelovanja, s kojim ćemo se uvjeriti u sljedećem koraku.

Korak 4: Anizacija objekta objekta

Osnova animacije je pokret, tako da predlažemo rastavljanje postavke ove akcije na primjeru nekoliko ključeva i osnovne vrste kretanja.

  1. Kao pokretni objekt, koristimo tekst, istovremeno provjerite podatke opisane ranije. Proširite blok sa svojim slojem za izgled pomoćnih zapisa.
  2. Odaberite drugi sloj za stvaranje animacije u programu Adobe Photoshop

  3. Može se vidjeti da program nije definirao funkciju "pozicije", tako da morate odabrati drugu opciju.
  4. Odabir novog staza za animaciju u Adobe Photoshopu

  5. Ako ste točno sigurni da se "perspektiva" u ovoj animaciji neće koristiti, to znači da možete koristiti ovaj niz za promjenu položaja teksta. Stvorite prvi ključ i postavite natpis u početni položaj kroz "pokret" alat.
  6. Stvaranje prve ključne točke za animaciju pokreta u Adobe Photoshopu

  7. Stvorite uzastopne ključne točke, malo pomicanjem teksta do konačnog položaja kako biste osigurali glatkoću pokreta.
  8. Stvaranje drugih ključnih točaka prilikom animiranja prometa u programu Adobe Photoshop

  9. Povremeno reproducirajte animaciju i podesite tipke za poboljšanje glatkoće.
  10. Reprodukcija animacije pri radu s pokretima u programu Adobe Photoshop

  11. Ako su ključevi nezgodni za rad u trenutnom prikazu vremenskog okvira, promijenite njegovu skalu ili povećajte ciklus za dodavanje novih točaka.
  12. Uređivanje područja animacije u programu Adobe Photoshop

  13. Ako trebate zamijeniti ili dodati objekt, pritisnite gumb u obliku plus.
  14. Dodavanje elemenata za animaciju na vremenskoj skali u Adobe Photoshopu

Korak 5: Spremanje GIF-na računalu

Čim je animacija završena, trebate nastaviti spremiti projekt u obliku GIF datoteke da biste postavili mrežu ili reproducirali na lokalnom računalu. Da biste to učinili, Adobe Photoshop ima dvije različite funkcije.

  1. Otvorite izbornik Datoteka, pomaknite pokazivač na "Izvoz" i odaberite opciju "Spremi za web". Ako ne trebate dodatne postavke animacije, koristite "spremanje kao" i navedite ispravan format u padajućem izborniku.
  2. Prijelaz na očuvanje gotove animacije u Adobe Photoshopu

  3. Kada izvozite, pronađite GIF format.
  4. Odabir formata animacije prije održavanja u Adobe Photoshopu

  5. Promijenite boju supstrata ako to nije učinjeno ranije.
  6. Odaberite boju animacijskog podloga prije spremanja u programu Adobe Photoshop

  7. Uredite veličinu slike i broj ponavljanja.
  8. Odaberite veličinu animacije prije očuvanja u programu Adobe Photoshop

  9. Prije nego što ponovno kliknete na gumb "Spremi", provjerite ispravnost odabranih parametara.
  10. Potvrda očuvanja animacije u Adobe Photoshopu

  11. Postavite naziv datoteke, navedite put spremanja i potvrdite ovu radnju.
  12. Odabir mjesta za spremanje animacije u Adobe Photoshopu

Otvorite GIF putem preglednika ili bilo kojeg drugog praktičnog alata za provjeru ispravnosti reprodukcije, nakon čega se proces stvaranja može smatrati završenim.

Metoda 2: Stvaranje gif s fotografije

Adobe Photoshop vam omogućuje da stvorite GIF iz postojećih fotografija. To može biti poput okvira za izrezivanje video i posebno stvorenih sekvencijalnih slika. Proces formiranja animacije u ovom slučaju je mnogo lakši od prethodnog, jer ne zahtijeva ručno stvaranje ključnih točaka.

  1. U "vremenskoj skali" ovaj put promijenite način rada "Napravite animaciju okvira" odabirom ove opcije u padajućem izborniku.
  2. Odaberite drugi način stvaranja animacije u Adobe Photoshopu

  3. Otvorite "Datoteka", pomaknite kursor preko "skripti" i kliknite na stavku "Preuzimanje datoteka na stack".
  4. Prijelaz na dodavanje slika za stvaranje animacije u Adobe Photoshopu

  5. U prozoru koji se pojavljuje, kliknite "Pregled".
  6. Korištenje alata za brzo dodavanje slike za stvaranje animacije u programu Adobe Photoshop

  7. Odmah preuzmite sve fotografije koje bi trebale biti uključene u animaciju.
  8. Dodavanje više slika za stvaranje animacije u Adobe Photoshopu

  9. Ako ih želite uskladiti, aktivirajte ovu značajku prije dodavanja.
  10. Korištenje opcije poravnanja slike prilikom stvaranja animacije u programu Adobe Photoshop

  11. Upotrijebite gumb "Stvori okvir Animacije" kako biste formirali animaciju.
  12. Početi stvarati animaciju s slika u programu Adobe Photoshop

  13. Proširite izbornik Akcija i pronađite "Izradi okvira iz stavke slojeva" da biste dodali druge slike.
  14. Dodavanje svih slika kao okviri za animaciju u programu Adobe Photoshop

  15. Uredite njihov slijed mijenjanjem snimke po mjestima, ako se pojavi potreba.
  16. Uspješno dodavanje slika kao okviri za animaciju u Adobe Photoshopu

  17. Da biste proširili svaku reprodukciju okvira, koristite kašnjenje ili konfigurirajte ga ako je brzina reprodukcije zadovoljna s vama.
  18. Uređivanje brzine reprodukcije animacije u Adobe Photoshopu

  19. Prije spremanja provjerite reprodukciju i stvorite GIF kao što je prikazano u završnoj fazi prethodne metode.
  20. Uspješno stvaranje animacije u programu Adobe Photoshop iz pojedinačnih okvira

Ako, nakon čitanja uputa odlučite da Adobe Photoshop nije prikladan za implementaciju namjene animacije, savjetujemo vam da se upoznate s drugim programima dizajniran za rad s GIF-om. Detaljan pregled o popularnim predstavnicima takvog softvera je u zasebnom članku na našoj web stranici.

Opširnije: Najbolji softver za stvaranje animacije

Čitaj više