Kako napraviti GIF u Photoshopu. Kako napraviti Gif animaciju u Photoshopu: potpuni vodič

Kako napraviti GIF animaciju u Photoshopu?

Uz pomoć Adobe Photoshop editora možete jednostavno napraviti GIF animaciju pomoću standardnih alata. U ovom vodiču ćemo vam reći kako to učiniti.

Prvo, napravimo dokument dimenzija deset puta deset piksela. Da biste to učinili, idite na karticu "Datoteka" i odaberite naredbu "Novo".

U dijaloškom okviru Novi koji se pojavi, postavite dimenzije za novi dokument unosom deset vrijednosti piksela u polja Širina i Visina.

Nakon unosa dimenzija slike kliknite OK.

Zumirajte sliku na veličinu potrebnu za udoban rad.

Zatim trebate izraditi još tri kopije ovog sloja. Za stvaranje duplikata, držite lijevu tipku miša na ikoni sloja i povucite je na ikonu "Create New Layer" koja se nalazi na dnu palete slojeva.

Ova četiri sloja bit će četiri okvira naše buduće animacije. Sada ono najvažnije što moramo stvoriti "GIF animacije" je radni prostor s potrebnim alatima. Idite na karticu Prozor i odaberite Kretanje s popisa Radni prostor.

Ovo radno okruženje skup je univerzalnih alata za izradu animacije. Neka samo donji sloj ostane vidljiv i aktivan klikom na ikone očiju pokraj slojeva.

Odaberite alat Olovka i na ploči Atributi postavite njegovu veličinu na tri piksela.

Sada olovkom nacrtajte kvadrat u donjem lijevom kutu slike.

Zatim učinite vidljivim i aktivnim samo sljedeći gornji sloj i nacrtajte kvadrat u gornjem lijevom kutu slike.

Slično, nacrtajte kvadrate na svakom od slojeva, idući u smjeru kazaljke na satu oko njihovih uglova.

Tako ćemo dobiti četiri okvira za našu buduću animaciju. Sada prijeđimo na stvaranje animacije. Da biste to učinili, na ploči "Animacija" kliknite na gumb "Pretvori u okvirnu animaciju".

Jedan okvir pojavit će se na ploči Animation, sada desnom tipkom miša kliknite okvir i u kontekstnom izborniku koji se pojavi odaberite interval jednak jednoj sekundi.

Sada kliknite tri puta na gumb "Stvori kopiju odabranih okvira" koji se nalazi na dnu iste ploče kako biste animaciji dodali još tri okvira.

Odaberite prvi okvir na ploči Animation i učinite samo prvi sloj slike vidljivim i aktivnim na paleti slojeva. Kao što vidite, prvom okviru su dodijeljeni atributi prvog sloja.

Isto tako, odaberite okvire jedan po jedan i dodijelite im jedan po jedan sloj slike, čineći aktivnim i vidljivim samo željeni sloj.

Sada imamo animaciju koja se sastoji od četiri različita okvira. Za pregled rezultata kliknite na gumb "Pokreni reprodukciju animacije" koji se nalazi na dnu ploče Animacija.

Dakle, pomoću alata Photoshop editora možete jednostavno napraviti GIF animaciju.

Odlučio sam napisati ovu lekciju zbog čestih zahtjeva prijatelja da nacrtam korisničku traku za forum. U ovoj lekciji ćemo pogledati tehnike za stvaranje animacije u Photoshopu na primjeru korisničke trake.

Pa počnimo!

Odmah ću reći da je lekcija namijenjena početnicima. Photoshop gurui mogu stajati, pušiti i kratko pogledati (u slučaju da su propustili nešto zanimljivo =))

Izrada korisničke trake

Prvo morate izraditi predložak za izradu animacije.

Korak 1: Izradite dokument

Kreirajmo novi dokument. Uzeo sam dimenzije 350x20.

Korak 2. Gradijent.

Idemo uzeti Alat za gradijent (G) i ispunite našu buduću korisničku traku s gradijentom.

Proizlaziti:

Korak 3: Tekstura

Crtanje karbonske teksture

Da bismo to učinili, nacrtajmo karbonsku teksturu koju možemo koristiti u budućnosti.

Napravite novi dokument veličine 8x8 piksela i obojite ga na sljedeći način. Možete uzeti proizvoljne nijanse sive. Ovdje je glavna stvar red.

Proizlaziti:

Korak 4. Tekst.

Ostaje samo dodati tekst. Za ovo nam je potreban font.

Uzmite Visitor TT1 BRK i postavite veličinu na 10 bodova. Napisao sam "Korisnik Adobe Photoshop CS4".

Korak 5. Okvir.

Dodajmo okvir. Da biste to učinili, odaberite cijelu korisničku traku pomoću Alat za pravokutni okvir. Idemo Uredi -> Potez i stavi to tamo:

Proizlaziti:

Animacija korisničke trake u Photoshopu

Korak 1. Dodavanje ikone animaciji.

Dodajmo sada ikonu i prijeđimo na animaciju.

Korak 2. Razumimo paletu animacija.

Natjerajmo je da se pomakne.

Da bismo to učinili, prvo postavimo naše radno mjesto odabirom Prozor > Radni prostor > Video ili jednostavno uključivanjem palete Animation.

Prijeđimo na način animacije okvir po kadar.

Pogledajmo paletu animacija.

Korak 3. Animirajte korisničku traku.

Ako pogriješite, okvir koji vam se ne sviđa možete izbrisati pomoću gumba za brisanje (smeće).

Također ćemo postaviti potrebnu odgodu. Postavio sam 0,1 sekundu za sve okvire osim za posljednji. Ima kašnjenje od 2 sekunde.

Korak 4. Spremi kao Gif - animacija.

Ako vam pravila foruma ne dopuštaju učitavanje korisničke trake veće od određene težine ili rezolucije, onda možete koristiti članak o tome.

Zaključak

Dakle, stvorili smo elegantnu korisničku traku. Zatim smo na temelju toga izradili gif animaciju. I sve to pomoću velikog i moćnog Photoshopa. Nije li to super?

3. Tražimo svoju mapu s pripremljenim fotografijama i lijevom tipkom miša kliknemo na prvu fotografiju, držimo tipku Shift i kliknemo na zadnju, tada će sve biti odabrane. Pritisnite OTVORI.

4. Sve fotografije se otvaraju u vašem Photoshopu. Počnimo stvarati slojeve koji će nam trebati za animaciju ili stvaranje gif slika. Otvorio sam posebno široku fotografiju. I to će biti 1. sloj.

Da biste fotografiju pretvorili u sloj, dvaput kliknite na nju lijevom tipkom miša.

5. Za izradu drugog sloja moramo kliknuti na ikonu na koju pokazuje strelica. Na drugom sloju postavit ćemo još jednu fotografiju.

6. Uđemo u naše fotografije koje su otvorene pored prve i izaberemo usku fotografiju. Podsjećam da to nije potrebno... Lakše je raditi s identičnim fotografijama. Dakle, nalazimo željenu fotografiju, idemo na izbornik - odabir - odabir SVE.

7. Nakon ovoga, male crtice će početi trčati po slici, to je odabir. Sada idite na izbornik - uređivanje - kopiranje.

8. Vraćamo se na našu prvu fotografiju, koja već ima slojeve, idite na izbornik - uređivanje - zalijepite. I naša uska fotografija umetnuta je na novi sloj. Ali ne može ostati tako uzak. Moramo dodati pozadinu ispod njega. Da biste to učinili, kliknite na ikonu (1), povucite sloj ispod uske fotografije, zatim pomoću kapaljke (2) odaberite bilo koju boju klikom na fotografiju. Izabrala sam svijetlozelenu. I ispunimo novi sloj, za što aktiviramo alat za ispunu (3) i zatim kliknemo lijevom tipkom miša na radno polje fotografije. Imajte na umu da nova prozirna pozadina mora biti aktivna u ovom trenutku. Aktivni slojevi označeni su plavom bojom. Nakon vaših radnji, prozirni sloj će biti obojen.

9. Sada trebamo spojiti dva sloja (usku fotografiju i pozadinu). Koračamo lijevom tipkom miša na prvi sloj. Držite pritisnutu tipku Shift i kliknite na drugi sloj. Istaknuti su plavom bojom. Idite na izbornik - slojevi - spojite slojeve.

10. Dobili smo ovu sliku.

11. Ponovite korake 6 - 10 mog vodiča za stvaranje sloja s drugom uskom fotografijom. Imam ga na sloju 2. I stvorite još jedan novi prozirni sloj da tamo postavite posljednju široku fotografiju (sloj 3).

12. Da biste to učinili, slijedite točke lekcije 6, 7, 8. To je to. Spreman. Slojevi za naše gif slike stvorili smo.

13. Možete početi animirati sa svojim slojevima, ali ja sam odlučio stvoriti pozadinu za našu sliku. Da biste to učinili, idite na izbornik - slika - veličina platna. Naše platno povećavamo za 50 kom u širinu i visinu. Pritisnite OK.

14. Dobili smo ovako.

15. Napravite novi sloj (imam sloj 4), povucite ga na samo dno ispod svih fotografija, možete napraviti pozadinu iste boje kao pozadina na vašim uskim fotografijama. Odabrala sam malo tamniju baznu boju.

Podlogu možete ukrasiti na bilo koji način. Nadam se da znate kako postaviti parametre sloja, ali ako ne znate, jednostavno je. Stanete na željeni sloj i dva puta kliknete lijevom tipkom miša na njega i otvori vam se prozor s parametrima vašeg sloja i tu otvorite svaki pojedini parametar zasebno i primijenite ili promijenite njegove postavke. Primijenio sam efekt u parametrima sloja Inner Shadow i Inner Glow s parametrom sloja Multiply... Boja sjene je malo tamnija od tona pozadine. Ali ovdje se ne obvezujem da vam namećem svoje mišljenje. Vi imate svoju viziju. Pokušajte, promijenite postavke. Nije strašno. Uvijek se možete vratiti na izvorni rezultat, za što idete na izbornik - uređivanje - povratak.

Usput, na mojoj posljednjoj fotografiji nalazi se grm glicinije, ima ga puno u Francuskoj i vrijeme cvatnje je kraj travnja - početak svibnja. Fotografirao sam ovaj grm u vrtu roditelja moje prijateljice. U mom bugarskom dvorištu ima i grmova glicinije i mislim da će nas uskoro razveseliti svojim cvjetovima koji liče na oblake jorgovana.

16. Sada je vrijeme da stavite svoj logo, ovo je posebno važno ako će se vaša slika nalaziti na vašoj web stranici. Za obične korisnike ovo možda neće vrijediti. Dopustite mi da vas podsjetim da sam držao lekciju o photoshopu. Ukratko ću to proći: idite na izbornik - datoteka - mjesto. Tražimo našu PSD datoteku s unaprijed pripremljenim logotipom, stajemo na nju i kliknemo na gumb Place.

17. Povucite sloj s logom na sam vrh, kao moj. Po potrebi povećajte logotip na željenu veličinu, za što idemo na izbornik - uređivanje - skaliranje. Dok držite pritisnutu tipku Shift, razvucite ili smanjite logotip. Aktivirajte alat “pomakni” (najgornji alat sa strelicom i + na alatnoj traci) i pomaknite logo na željeno mjesto.

Sve je pripremljeno uz izradu animacije.

17. U prvom kadru animacije trebao bi biti vidljiv pozadinski sloj, prvi sloj s tvojom fotografijom (u mom slučaju sloj 0) i logo (pozicija 1). Za dobar pregled vaše fotografije, postavite vrijeme odgode 5 sek(pozicija 2). Nakon određivanja vremena odgode i postavljanja istog u prvom okviru, svi sljedeći okviri će biti sa zadanim vremenom od 1 okvira, tj. 5 sekundi u mom slučaju. Za izradu drugog okvira kliknite na ikonu prikazanu na poziciji 3.

18. U drugom okviru promijenite vidljivost sloja s prve slike na drugu, baš kao što je prikazano na mojoj snimci zaslona.

Vrlo često na Internetu postoje smiješni ili tužni isječci iz videa. Oni kruže od komentara do komentara, nadopunjujući zanimljivu objavu ili ukratko karakterizirajući situaciju. Svaki trenutak koji vas zanima u filmu, TV seriji ili YouTube videu može se pretvoriti u GIF animaciju. Da biste to učinili, samo trebate imati Photoshop verziju CS3 ili noviju. Starije verzije ne podržavaju animaciju. Za što ugodniji rad preporučuje se korištenje Photoshopa CS5, CS6, CC 2014 ili novijeg.

Prije svega, morate preuzeti video, fragment iz kojeg želite napraviti animaciju. Bit će bolje da prvo iz cijele snimke izrežete potrebnih nekoliko sekundi. Međutim, to se također može učiniti pomoću samog Photoshopa. Važno je zapamtiti da program podržava samo određene video formate: *.mov, *.mpeg, *.mpg, *.avi i *.mp4.

Dakle, da biste napravili animaciju od željenog segmenta videa, morat ćete ga uploadati u Photoshop. Kako to učiniti:

• U gornjem izborniku pronađite odjeljak "Datoteka".
• Kliknite na njega i u padajućem izborniku zadržite pokazivač iznad retka "Uvoz".
• U odjeljku izbornika koji se pojavi s desne strane kliknite na "Video okviri u slojeve...".
• Možda će se program malo zamrznuti. Nema potrebe da je požurujete. Trebao bi se otvoriti novi prozor u kojem trebate pronaći datoteku s video fragmentom i odabrati je.

Nakon toga će se video učitati i pojavit će se novi prozor u kojem trebate odabrati koji dio snimke želite obraditi. Ako je fragment već prethodno izrezan, možete odabrati opciju "Od početka do kraja", a ako je učitan cijeli video, morat ćete sami odabrati željeni raspon. Da biste to učinili, koristite klizače odmah ispod učitanog unosa. Nakon dovršetka odabira kliknite "U redu" i pričekajte malo - program obrađuje fragment i stavlja svaki okvir u zaseban sloj.

Program može uvesti samo 500 okvira odjednom. Ako je vaš fragment duži od tog iznosa, morat ćete ga podijeliti u nekoliko datoteka i učitati ih jednu po jednu.

Potvrdni okvir u prozoru "zadrži svaki * okvir" će ukloniti svaki okvir iz snimke, čiji će serijski broj biti naznačen. To će animaciju učiniti "lakšom", ali nauštrb isprekidanosti.

Kada Photoshop obradi video, okviri iz njega pojavit će se na ploči Slojevi. Prema zadanim postavkama bit će prikazan samo jedan, onaj prvi. On će biti najniži od svih.

Sada se svaki sloj može zasebno obraditi - dodati tekst, neku vrstu dodatka ili efekta. Ako primijenite bilo koji efekt na najviši sloj, on će biti prikazan kroz cijeli video. Svi slojevi koji ne pripadaju okvirima bit će prikazani na isti način. Ako želite da objekt nestane u pravom trenutku, postavite sloj s njim iznad okvira, nakon čega bi trebao nestati. A ako trebate da se pojavi samo na nekim pojedinačnim okvirima, jednostavno duplicirajte ovaj objekt nekoliko puta i kombinirajte sloj s njim i svaki potrebni video sloj zasebno (jedna kopija - jedan sloj).

Da biste duplicirali bilo koji sloj, trebate desnom tipkom miša kliknuti na njih i pronaći redak "Stvori duplikat sloja".

A sada malo o uređivanju animacije. Na vremenskoj traci, koja se pojavljuje na dnu radnog polja, nalazi se padajući izbornik u gornjem desnom kutu. Preporučljivo je pogledati tamo i provjeriti neke postavke. Konkretno, moglo bi nas posebno zanimati:

Nakon što uredite učitane okvire i dodate nešto svoje, po želji možete postaviti broj ponavljanja. Ako želite da fragment bude potpuno petljan, tada ispod vremenske ljestvice pronađite padajući izbornik s brojem ponavljanja i odaberite "Konstantno".

Sljedeća četiri gumba nakon padajućeg izbornika omogućuju pregled animacije sa svim učinjenim promjenama. Zatim tu je gumb "Dodaj međuslojeve" (ista funkcija kao i sličan odjeljak u izborniku) i gumb "Stvori kopiju odabranih slojeva". To može znatno olakšati stvaranje radnji koje se ponavljaju. Dovoljno je odabrati nekoliko okvira na vremenskoj traci (držite pritisnutu tipku Ctrl i kliknite mišem na svaki okvir), a zatim kliknite na ovaj gumb.

Zasebno ispod svakog okvira nalaze se brojevi i strelica. Ako kliknete na strelicu, pojavit će se padajući izbornik u kojem možete postaviti odgodu za određeni okvir. Na taj način možete usporiti ili malo ubrzati pojedine fragmente dobivenog Gifa. A da biste odabrali cijelu animaciju odjednom, odaberite njezin prvi okvir, pomaknite se na posljednji i, držeći pritisnutu tipku Shift, kliknite na njega. Bez otpuštanja tipke Shift promijenite brzinu zadnjeg kadra. Nakon toga, ovaj parametar će se promijeniti za sve prethodne.

Nakon konačnog postavljanja svih parametara animacije, mora se spremiti. Odaberite odjeljak izbornika "Datoteka" iu njemu pronađite "Spremi za web...".

Otvorit će se novi prozor u kojem trebate konfigurirati postavke za spremanje Gif-a koji ste izradili. Definitivno trebate postaviti format spremanja na "Gif", inače to neće biti animacija.

Ovdje također možete konfigurirati konačne dimenzije animacije (širinu i visinu), broj boja korištenih u njoj i vidjeti konačni rezultat. Ako vam sve odgovara, morate kliknuti na gumb "Spremi...". Nakon toga preostaje samo odabrati gdje i pod kojim imenom želite spremiti gotovu datoteku.

A internet je pun gifova, te žive slike nekako magično privlače ljude. Takve animacije zauzimaju sve više mjesta na virtualnim zidovima, forumima, u memoriji računala, gadgeta i u srcima. Moda za stvaranje GIF animacija nikada neće nestati.

Želite sami izraditi GIF animaciju? To nije tako teško ako imate grafički urednik i barem osnovno razumijevanje načela njegova rada. Upravo sada ćete naučiti kako napraviti GIF iz videa u Photoshopu CS5.

Korak 1: odabir i priprema videa

Ako želite dobiti pristojan rezultat, bolje je odabrati kvalitetan video. Za početak, preporučljivo je snimiti kratki video, bit će lakše raditi. Iako to nije nužan uvjet. Da biste napravili gif animaciju, na primjer, iz okvira filma ili crtića, preporučljivo je prvo izrezati željeni fragment pomoću posebnih programa. Na primjer, Windows Move Maker. Ali to nije potrebno, možete koristiti samo Photoshop.

Korak 2: Učitajte video i odaberite okvire

1. Otvorite Photoshop.

2. U izborniku " Datoteka" Izaberi "Uvoz" i .

3. Učitajte video.

4. Otvorit će se prozor u kojem trebate konfigurirati parametre za uvoz. Ako ste prethodno izrezali fragment za GIF, označite okvir pored "Od početka do kraja", a ako ćete odabrati okvire u Photoshopu, onda obrnuto. Da biste ga odabrali, prvo označite početnu točku na ljestvici ispod pregleda videa, zatim, držeći SHIFT, označite kraj fragmenta.

Kada se na ljestvici pojavi istaknuto tamnosivo područje, možete kliknuti igra i provjerite koji će okviri biti uključeni u animaciju. Nemojte odabrati preveliki raspon jer ćete u suprotnom imati puno slojeva, a GIF će biti "teška". Najbolje je napraviti set od 5-20 slojeva.

Sljedeća važna postavka je broj okvira koje treba zadržati. Brojka ovisi o brzini kretanja objekata u videu: što je niža, više okvira možete preskočiti. Koristit ćemo video lemura, kreće se sporo pa ćemo staviti "Ostavi svaki 3. okvir", inače može postojati mnogo identičnih okvira.

Uvjerite se da je suprotno "Stvori animaciju okvir po kadar" postoji krpelj. Sada možete pritisnuti "U REDU".

5. Pogled kroz prozor

6. Ako, ipak, ima puno okvira, onda se neki od njih mogu izbrisati. Da biste uništili nekoliko slojeva odjednom, pritisnite SHIFT i kliknite mišem na nepotrebne slojeve, a zatim ih premjestite u smeće u donjem desnom kutu prozora. Ako postoji nekoliko desetaka slojeva, lakše je zatvoriti datoteku i početi ispočetka, odabirom manjeg dijela videozapisa. Ovako će biti brže.

Korak 3: napravite animaciju

1. Provjerite jesu li svi slojevi osim prvog (donjeg) nevidljivi - oko pored pregleda sloja je neaktivno.

2. Otvorite izbornik "Prozor" i odaberite

3. Nakon čega će se na radnom području pojaviti ljestvica s okvirima.

4. Kliknite na igra i vidi što se dogodilo. U gotovoj animaciji možete brisati okvire (odabrati ih mišem i premjestiti na ikonu kante za smeće) ili ih mišem zamijeniti mjestima.

5. Ako trebate promijeniti vrijeme reprodukcije okvira, kliknite na strelicu pored broja ispod pregleda i odredite željeni vremenski interval u sekundama. Da biste postavili isti razmak za sve okvire, kliknite ikonu postavki u gornjem desnom kutu prozora animacije i odaberite "Odaberi sve okvire", zatim promijenite vrijeme na jednom od njih - ova će se postavka primijeniti na sve okvire.

6. Ako niste zadovoljni rezultatom, idite na postavke i kliknite "Izbriši animaciju". Da biste stvorili novi, morate kliknuti tamo "Stvori okvire iz slojeva". Sada znate kako napraviti GIF-ove od videa, ali to nije sve. Važno ga je pravilno spremiti kako bi se otvarao u preglednicima.

Korak 4: Spremite GIF animaciju

To se ne smije raditi preko kartice "Spremi kao", te odabirom iz izbornika "Datoteka"— otvorit će se prozor s postavkama. Bolje je ostaviti standardne postavke, mijenjajući samo veličinu slike, čineći je manjom, kao što je uobičajeno za GIF-ove. Postavili smo širinu na 350, visina se izračunava automatski.

Animacija je spremljena u gif formatu. Da biste ga otvorili i vidjeli kako će izgledati u pregledniku, kliknite desnom tipkom miša "Otvoriti s" i odaberite svoj preglednik.