Kako narediti GIF animacijo v Photoshopu

Anonim

Kako ustvariti GIF animacijo v Adobe Photoshopu

Metoda 1: Ročna animacija predmetov

Prva metoda je primerna za tiste uporabnike, ki želijo uporabiti Adobe Photoshop za ročno animacijo, dodano na platnene plasti. To je lahko samovoljna geometrijska figura, pripravljena slika ali besedilo. Čeprav ta grafični urejevalnik ni povsem primeren za opravljanje take naloge, z ustvarjanjem preprostega GIF, se bo spopadel, in lahko ločite ta postopek za več korakov.

1. korak: Vklop "lestvice časa"

Animacija v Adobe Photoshop se pojavi z uporabo lokacije in urejanja predmetov na "časovni lestvici". Privzeto je to okno skrito v programu, ker se ne uporablja v standardnem delovnem okolju. Če ga želite aktivirati, odprite meni »Okno« in kliknite »časovno lestvico«.

Vklop časovne lestvice za ustvarjanje animacije v Adobe Photoshopu

Spodaj se bo pojavil nov seznam, na katerega se bomo nadaljevali. Po delu z GIF ga lahko ponovno skrijete z istim gumbom v omenjenem meniju.

Uspešna časovna lestvica vključitev za ustvarjanje animacije v Adobe Photoshopu

2. korak: Priprava elementov za GIF

Kot že omenjeno, Photoshop vam omogoča, da nadzorujete vse plasti, vključno z besedilom, slikami in ustvarili geometrijske oblike. Za začetek je treba elemente dodati v platno, ustvariti nov projekt. Vsak od njih postavite v ločeno plast, da ne boste imeli težav z nadaljnjim urejanjem. Takoj, ko je pripravljalno delo končano, pojdite na naslednji korak.

Priprava predmetov pred ustvarjanjem animacije v Adobe Photoshopu

3. korak: Nastavitev učinka videza

Obstaja več osnovnih animacijskih ukrepov, ki jih je mogoče izvesti v grafičnem urejevalniku, tukaj se pojavi učinek katerega koli elementa. Predlaga se, da ga najprej upoštevamo, da bi se spopasti s tem, kako sodelovati z "lestvico časa" in kako ključne točke so povezane z njo.

  1. Pojdite na delovanje z mojstrsko ploščo in kliknite tja na gumb »Ustvari časovno lestvico za video«.
  2. Ustvarjanje novih animiranih skladb v grafičnem urejevalniku Adobe Photoshop

  3. Vsaka plast se bo prilegala na ločeno skladbo, kar pomeni, da lahko izberete katero od njih in nadaljujete z urejanjem.
  4. Lokacija vsake plasti na animacijski poti v Adobe Photoshopu

  5. V našem primeru razmislite o majhnem logotipu. Razširite svoj sloj, da si ogledate vse razpoložljive animacijske ukrepe.
  6. Izbor plasti za ustvarjanje animacije v Adobe Photoshopu

  7. V primeru, smo vzpostavili učinek videza, ki se izvaja z uporabo funkcije "motnosti". Kliknite na to vrstico, da ustvarite prvo ključno točko, in se spomnite, katero stanje je trenutno predmet.
  8. Ustvarjanje prve ključne točke pri delu z animacijo v Adobe Photoshopu

  9. Biti na tej kontrolni točki, spremeniti njegovo motnost na 0%, da se popolnoma skrije iz delovnega prostora.
  10. Spremenite motnost predmeta, ko delate z animacijo v Adobe Photoshopu

  11. Slide drsnik za nekaj sekund in ustvarite še eno točko, nato pa odvijte motnost nazaj za 100%.
  12. Ustvarjanje druge ključne točke in spremembo motnosti predmeta v Adobe Photoshopu

  13. Igrajte animacijo in si oglejte okno predogleda, da se seznanite s rezultatom. Dve ključni točki smo dosegli učinek videza s spremembo funkcije motnosti predmeta v vsakem od njih.
  14. Igranje animacije za gledanje med urejanjem v Adobe Photoshopu

Na enak način lahko spremenite kateri koli parameter predmeta, vključno z barvo, položaj, prekrivnimi učinki in vsega drugega, kar je v Adobe Photoshopu. To je vredno razmisliti o posebnosti dela ključev. Izberite katerokoli skladbo, ne glede na to, ali je "položaj", "motnost" ali "slog", in da nekaj sprememb tam. Še vedno se bo uporabljal ne glede na vrsto dejanja, s katerim se bomo prepričali v naslednjem koraku.

4. korak: Animacija objekta

Osnova animacije je gibanje, zato predlagamo razstavljanje nastavitev tega ukrepa na primeru več ključev in osnovnega tipa gibanja.

  1. Kot premikajočo se objekt uporabljamo besedilo, hkrati pa preverite informacije opisane informacije. Razširite blok s svojo plastjo za videz pomožnih poti.
  2. Izberite drugo plast za ustvarjanje animacije v Adobe Photoshopu

  3. Vidimo je, da program ni opredelil funkcije "položaja", zato morate izbrati drugo možnost.
  4. Izbira novega tira za animacijsko gibanje v Adobe Photoshopu

  5. Če ste povsem prepričani, da se "perspektiva" v tej animaciji ne bo uporabljena, to pomeni, da lahko ta niz uporabljate, da spremenite položaj besedila. Ustvarite prvi ključ in postavite napis v začetni položaj skozi orodje "Gibanje".
  6. Ustvarjanje prve ključne točke za animacijo gibanja v Adobe Photoshopu

  7. Ustvarite zaporedne ključne točke, malo s premikanjem besedila na končni položaj, da se zagotovi gladkost gibanja.
  8. Ustvarjanje drugih ključnih točk pri animaciji prometa v Adobe Photoshopu

  9. Periodično reproduciramo animacijo in prilagodite ključe, da izboljšate gladkost.
  10. Reprodukcija animacije pri delu s premiki v Adobe Photoshopu

  11. Če so ključi neprimerljivi za delo v trenutnem prikazu časovne premice, spremenite svojo lestvico ali povečajte cikel, da dodate nove točke.
  12. Urejanje animacijskega območja v Adobe Photoshopu

  13. Če morate zamenjati ali dodati predmet, pritisnite gumb v obliki Plus.
  14. Dodajanje elementov za animacijo na časovni meri v Adobe Photoshopu

5. korak: Shranjevanje GIF-ON računalnika

Takoj, ko je animacija končana, bi morali nadaljevati, da shranite projekt v obliki datoteke GIF bi objavili omrežja ali igrajo na lokalnem računalniku. Če želite to narediti, Adobe Photoshop ima dve različni funkciji.

  1. Odprite meni File, premaknite kazalec na "izvoz" in izberite "Shrani za splet" možnost. Če ne potrebujete dodatne nastavitve animacije, uporabo "Shrani kot" in navesti pravilno obliko v spustnem meniju.
  2. Prehod k ohranjanju končnega animacije v Adobe Photoshop

  3. Pri izvozu, našli format GIF.
  4. Izbira oblike animacije, preden ga je ohranila v Adobe Photoshop

  5. Spremenite barvo podlage, če to ni bilo storjeno prej.
  6. pred varčevanjem v Adobe Photoshop Izberite barvo animacije substrata

  7. Uredite velikost slike in število ponovitev.
  8. preden ga ohranja v Adobe Photoshop Izberite velikost animacije

  9. Pred klikom na gumb »Shrani« še enkrat preverite pravilnost izbranih parametrov.
  10. Potrditev ohranjanju animacije v Adobe Photoshop

  11. Določite ime datoteke, določite prihranite pot za njo in potrdite dejanje.
  12. Izbira mesta za shranjevanje animacije v Adobe Photoshop

Odprite GIF prek brskalnika ali katero koli drugo priročno orodje za preverjanje pravilnosti predvajanja, po katerem se je proces ustvarjanja lahko štejejo za končana.

Metoda 2: Ustvarjanje GIF iz fotografije

Adobe Photoshop omogoča ustvarjanje GIF iz obstoječih fotografij. To je lahko, kot je na primer striženje okvirji iz video in posebej ustvarjene zaporednih slik. Proces oblikovanja animacijo v tem primeru, je veliko lažje od prejšnjega, saj ne zahteva ročno ustvarjanje ključnih točk.

  1. Na "rokovnik" tem času sprememb način, da "Ustvarjanje okvirja animacijo" z izbiro te možnosti v spustnem meniju.
  2. Izberite drugi način za ustvarjanje animacije v Adobe Photoshop

  3. Odprite "File", premaknite kazalec nad "scenarijev" in kliknite na "Prenos datoteke na Stack" točko.
  4. Prehod na dodajanje slik za ustvarjanje animacije v Adobe Photoshop

  5. V oknu, ki se prikaže, kliknite "Pregled".
  6. Z orodjem za hitro dodajanje slik za ustvarjanje animacije v Adobe Photoshop

  7. Takoj prenesti vse fotografije, ki jih je treba vključiti v animaciji.
  8. Dodajanje več slik za ustvarjanje animacije v Adobe Photoshop

  9. Če jih želite uskladiti, vključite to funkcijo pred dodajanjem.
  10. Uporaba možnost slike poravnave pri ustvarjanju animacije v Adobe Photoshop

  11. Uporabite gumb »Ustvari Animation okvirja", da tvorijo animacijo.
  12. Začetek ustvarjanje animacije iz slik v Adobe Photoshop

  13. Razširi menija dejanj in našli postavko »Ustvari okvirji iz plasti" je za dodajanje drugih slik.
  14. Dodajanje vse slike so okvirji za animacijo v Adobe Photoshop

  15. Uredite njihovo zaporedje s spreminjanjem posnetke po mestih, če je pojavila potreba.
  16. Uspešen dodajanje slik kot okvirjev za animacijo v Adobe Photoshopu

  17. Za podaljšanje predvajanja okvirja uporabite zakasnitev ali konfigurirajte, če je hitrost predvajanja zadovoljna z vami.
  18. Urejanje hitrosti razmnoževanja animacije v Adobe Photoshopu

  19. Pred shranjevanjem preverite predvajanje in ustvarite GIF, kot je bilo prikazano v zadnji fazi prejšnje metode.
  20. Uspešno ustvarjanje animacije v Adobe Photoshopu iz posameznih okvirjev

Če se po branju navodil odločite, da Adobe Photoshop ni primeren za izvajanje nameravane animacije, vam svetujemo, da se seznanite z drugimi programi, ki so namenjene delu z GIF. Podroben pregled o priljubljenih predstavnikih take programske opreme je v ločenem članku na naši spletni strani.

Preberite več: Najboljša programska oprema za ustvarjanje animacije

Preberi več