Kako napraviti gif u Photoshopu. Kako napraviti gif - animacija u Photoshopu: Potpuni vodič

Kako napraviti GIF animaciju u Photoshopu?

Uz pomoć uređivača "Adobe Photoshop" možete lako napraviti gif animaciju koristeći standardne alate. U ovom vodiču ćemo vam pokazati kako to učiniti.

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

U novom dijaloškom okviru koji se pojavi, odredite veličinu novog dokumenta unosom deset piksela u okvire širine i visine.

Nakon što unesete veličinu slike, kliknite na "OK".

Zumirajte sliku na veličinu koja je potrebna za udobno gledanje.

Zatim morate kreirati još tri kopije ovog sloja. Da biste kreirali duplikate, držite pritisnutu lijevu tipku miša na sličici sloja i prevucite je do ikone "Kreiraj novi sloj" koja se nalazi na dnu palete slojeva.

Ova četiri sloja će biti četiri kadra naše buduće animacije. Sada je najvažnija stvar koju treba da kreiramo "GIF-animacije" je radni prostor sa pravim alatima. Idite na karticu Prozor i izaberite naredbu Pokret sa liste Radni prostor.

Ovaj radni prostor je skup raznovrsnih alata za kreiranje animacije. Ostavite samo donji sloj vidljivim i aktivnim klikom na ikone oka pored slojeva.

Odaberite alat Pencil i na traci Atributi postavite veličinu na tri piksela.

Sada, koristeći olovku, nacrtajte kvadrat u donjem lijevom kutu slike.

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

Isto tako, nacrtajte kvadrate na svakom od slojeva, obilazeći njihove uglove u smjeru kazaljke na satu.

Ovo će nam dati četiri okvira za našu buduću animaciju. Sada idemo na kreiranje animacije. Da biste to učinili, na ploči "animacija" kliknite na dugme Pretvorite u animaciju okvir po kadar.

Jedan okvir će se pojaviti u panelu "Animacija", sada kliknite na okvir desnom tipkom miša i u kontekstnom izborniku koji se pojavi odaberite interval jednak jednoj sekundi.

Sada kliknite tri puta na dugme "Kreiraj kopiju odabranih kadrova" koje se nalazi na dnu istog panela da dodate još tri okvira animaciji.

Odaberite prvi okvir na panelu Animacija i učinite vidljivim i aktivnim samo prvi sloj slike u 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 samo potrebni sloj aktivnim i vidljivim.

Sada imamo animaciju koja se sastoji od četiri različita okvira. Da vidite rezultat, kliknite na dugme "Pokreni reprodukciju animacije" koji se nalazi na dnu panela Animacija.

Tako možete lako koristiti alate Photoshop editora napravi "Gif-animaciju".

Odlučio sam da napišem ovu lekciju u vezi sa čestim zahtjevima prijatelja da nacrtaju korisničku traku na forumu. U ovom vodiču ćemo pogledati tehnike kreiranja animacije u Photoshopu koristeći primjer korisničke trake.

Pa počnimo!

Moram odmah reći da je lekcija namijenjena početnicima. Photoshop gurui mogu stajati, pušiti i baciti pogled (šta ako su propustili nešto zanimljivo =))

Kreiranje korisničke trake

Prvo morate kreirati prazninu za kreiranje animacije.

Korak 1. Kreirajte dokument

Kreirajte novi dokument. Uzeo sam dimenzije 350x20.

Korak 2. Gradijent.

Mi uzimamo Alat za gradijent (G) i ispunimo našu buduću korisničku traku gradijentom.

rezultat:

Korak 3. Tekstura

Kako obojiti karbonsku teksturu

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

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

rezultat:

Korak 4. Tekst.

Ostaje dodati malo teksta. 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 koristeći Alat za pravokutni okvir. Idi Uredi -> Stroke i stavi tamo:

rezultat:

Animacija korisničke trake u Photoshopu

Korak 1. Dodavanje ikone animaciji.

Sada dodajmo ikonu i prijeđimo na animaciju.

Korak 2. Razumijevanje palete animacije.

Hajde da je pomerimo.

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

Pređimo na režim animacije okvir po kadar.

Hajde da shvatimo paletu animacije.

Korak 3. Animirajte korisničku traku.

U slučaju grešaka, okvir koji vam se nije dopao možete izbrisati dugmetom za brisanje (korpa).

Također ćemo postaviti željeno odlaganje. Postavio sam 0,1 sekundu na sve okvire osim posljednjeg. Ima kašnjenje od 2 sekunde.

Korak 4. Pohranjivanje u Gif - animacija.

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

Zaključak

Dakle, kreirali smo elegantnu korisničku traku. Zatim smo na osnovu toga kreirali gif - animaciju. I sve to uz pomoć velikog i moćnog Photoshopa. Nije li to kul?

3. Tražimo naš folder sa pripremljenim fotografijama i kliknemo levim tasterom miša na prvu fotografiju, držimo pritisnut taster Shift i kliknemo na poslednju, tada su sve odabrane. Pritisnemo OPEN.

4. Sve fotografije se otvaraju u vašem photoshopu. Počinjemo kreirati slojeve koji su nam potrebni za animaciju, ili kreirajte gif slike... Otvorio sam posebno široku fotografiju. I to će biti prvi sloj.

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

5. Da kreiramo drugi sloj, potrebno je da kliknemo na ikonu na koju pokazuje strelica. Na drugi sloj ćemo postaviti još jednu fotografiju.

6. Ugazimo u naše fotografije koje su otvorene pored prve i biramo usku fotografiju. Podsjećam da to nije potrebno... Lakše je raditi sa istim fotografijama. Dakle, pronađemo željenu fotografiju, idite na meni - odabir - odaberite SVE.

7. Nakon toga, male crtice će početi trčati oko slike, ovo je odabir. Sada idite na meni - uredi - kopiraj.

8. Vratite se na našu prvu fotografiju, koja je već sa slojevima, idite na meni - uredi - ubaci. I naša uska fotografija je umetnuta na novi sloj. Ali ne može ostati tako usko. Ispod njega moramo dodati pozadinu. Da biste to uradili, kliknite na ikonu (1), prevucite sloj ispod uske fotografije, a zatim pomoću kapaljke (2) izaberite bilo koju boju koja vam se sviđa klikom na fotografiju. Izabrao sam svetlo zelenu. I ispunite novi sloj, za koji aktiviramo alatku za popunjavanje (3) i zatim lijevom tipkom miša kliknemo na radno polje fotografije. Imajte na umu da bi nova prozirna pozadina trebala biti aktivna u ovom trenutku. Aktivni slojevi su označeni plavom bojom. Nakon vaših radnji, prozirni sloj će biti obojen.

9. Sada moramo spojiti dva sloja (usku fotografiju i pozadinu). Koračamo lijevom tipkom miša na prvi sloj. Držite pritisnut taster Shift i kliknite na drugi sloj. Naglašene su plavom bojom. Idite na meni - slojevi - spojite slojeve.

10. Dobijamo takvu sliku.

11. Ponovite korake 6 - 10 moje lekcije da kreirate sloj sa još jednom uskom fotografijom. Imam ga na sloju 2. I kreirajte još jedan novi transparentni sloj da postavite posljednju široku fotografiju tamo (sloj 3).

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

13. Možete početi animirati sa svojim slojevima, ali ja sam odlučio napraviti pozadinu za našu sliku. Da bismo to učinili, kucamo u izborniku - slika - veličina platna. Povećajte naše platno za 50px u širinu i visinu. Kliknite OK.

14. Imamo to ovako.

15. Kreirajte novi sloj (imam sloj 4), povucite ga do samog dna ispod svih fotografija, možete napraviti pozadinu iste boje kao pozadina na vašim uskim fotografijama. Ja sam odabrala malo tamniju mat boju.

Ukrasite svoju podlogu na bilo koji način. Nadam se da znate kako postaviti parametre sloja, ali ako ne, lako je. Zakoračite na željeni sloj i dvaput kliknite na njega levim tasterom miša i videćete prozor sa parametrima vašeg sloja, gde otvarate svaki pojedinačni parametar posebno i primenjujete ili menjate njegove postavke. Efekt sam primijenio u parametrima sloja Inner Shadow i Inner Glow sa parametrom sloja Multiply... Boja sjene je nešto tamnija od mat tona. Ali ovdje neću da vam namećem svoje mišljenje. Imate svoju viziju. Probajte, promijenite postavke. Nije strašno. Uvijek se možete vratiti na originalni rezultat, za koji idete u meni - uređivanje - povratak.

Inače, na mojoj posljednjoj fotografiji je grm glicinije, ima ga dosta u Francuskoj i vrijeme njenog cvjetanja je kraj aprila - početak maja. Fotografisao sam ovaj grm u bašti roditelja mog prijatelja. U mom bugarskom dvorištu ima i grmova glicinije i mislim da će nas uskoro oduševiti svojim cvećem koje liči na lila oblake.

16. Sada je vrijeme da postavite svoj logo, ovo je posebno važno ako će se vaša slika nalaziti na vašoj web stranici. Za obične korisnike ovo se možda ne odnosi. Da vas podsjetim da sam radio lekciju o Photoshopu. Preći ću ukratko: idite na meni - datoteka - mjesto. Tražimo našu PSD datoteku sa unaprijed pripremljenim logotipom, zakoračite na njega i kliknite na dugme Place.

17. Povucite sloj logotipa na sam vrh, kao moj. Po potrebi uvećavamo logo na potrebnu veličinu, za šta idemo u meni - uređivanje - skaliranje. Držite pritisnut tipku Shift i rastegnite ili smanjite logotip. Aktivirajte alat "pomicanje" (najviši alat sa strelicom i + na traci s alatima) i pomaknite logo na željenu lokaciju.

Sve je pripremljeno uz izradu animacije.

17. U samom prvom kadru animacije, trebali biste imati otvorenu vidljivost sa slojem pozadine, prvim slojem sa vašom fotografijom (u mom slučaju sloj 0) i logotipom (pozicija 1). Za dobar pregled vaše fotografije, podesite vrijeme odgode 5 sek(pozicija 2). Nakon određivanja vremena kašnjenja i postavljanja u prvi okvir, svi sljedeći okviri će biti sa navedenim vremenom od 1 okvira, tj. 5 sekundi u mom slučaju. Da biste kreirali drugi okvir, kliknite na ikonu prikazanu na poziciji 3.

18. U drugom kadru promijenite vidljivost sloja sa prve slike na drugu, baš kao što je prikazano na mom screenshotu.

Vrlo često na internetu postoje smiješni ili tužni video isječci. Oni kruže od komentara do komentara, dopunjujući zanimljiv post ili ukratko opisuju situaciju. Svaki trenutak koji vas zanima u filmu, TV seriji ili YouTube videu možete pretvoriti u Gif animaciju. Sve što treba da uradite je da imate Photoshop CS3 ili noviji. Starije verzije ne podržavaju animaciju. Za najudobniji rad preporučuje se korištenje Photoshopa CS5, CS6, CC 2014 ili novijeg.

Prije svega, trebate preuzeti video, čiji fragment trebate napraviti animaciju. Bilo bi bolje da prethodno izrežete potrebnih nekoliko sekundi iz cijelog snimka. Međutim, to se 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, potrebno je da je učitate u Photoshop. Kako uraditi:

• U gornjem meniju pronađite odjeljak "Datoteka".
• Kliknite na njega i u padajućem izborniku pomaknite kursor na red "Uvoz".
• U odeljku menija koji se pojavljuje na desnoj strani kliknite na "Video okviri u slojeve...".
• Program se može malo zamrznuti. Ne požuri je. Trebao bi se otvoriti novi prozor u kojem trebate pronaći datoteku s video fragmentom i odabrati je.

Nakon toga, video će se učitati i pojavit će se novi prozor u kojem ćete morati odabrati koji dio snimka ćete obraditi. Ako je fragment već unaprijed izrezan, možete odabrati stavku "Od početka do kraja", a ako se učita cijeli video, morat ćete sami odabrati željeni raspon. Da biste to učinili, koristite klizače odmah ispod učitanog zapisa. Nakon završetka odabira, pritisnite "OK" i pričekajte malo - program obrađuje fragment i stavlja svaki okvir u poseban sloj.

Program može uvesti samo 500 kadrova odjednom. Ako je vaš fragment duži od ove količine, morat ćete ga podijeliti na nekoliko datoteka i preuzeti jedan po jedan.

Oznaka za potvrdu u polju "zadrži svaki * okvir" će ukloniti iz snimanja svaki kadar, čiji će redni broj biti naveden. Ovo će učiniti animaciju "lakšom", ali na račun diskontinuiteta.

Kada Photoshop obradi video, okviri iz njega će se pojaviti na panelu slojeva. Podrazumevano će biti prikazan samo jedan, prvi. On će takođe biti najniži od svih.

Sada se svaki sloj može obraditi zasebno - dodati tekst, neku vrstu dodatka ili efekta. Ako primijenite bilo koji efekat na najviši sloj, on će biti prikazan kroz cijeli video. Isto tako, svi slojevi koji nisu okviri će biti prikazani. Ako vam je potrebno da bilo koji objekt nestane u pravom trenutku, postavite sloj sa njim iznad okvira, nakon čega bi trebao nestati. A ako trebate da se pojavi samo na nekim zasebnim okvirima, samo duplicirajte ovaj objekt nekoliko puta i spojite sloj sa njim i svaki potreban video sloj posebno (jedna kopija - jedan sloj).

Da biste duplicirali bilo koji sloj, potrebno je da kliknete desnim tasterom miša na njih i pronađete redak "Duplicate layer".

A sada malo o montaži animacije. Na vremenskoj liniji koja se pojavljuje na dnu radnog prostora, nalazi se padajući meni u gornjem desnom uglu. Preporučljivo je pogledati tamo i provjeriti neke postavke. Posebno bi mogli biti zainteresovani za:

Nakon što uredite učitane okvire i dodate nešto svoje, po želji možete podesiti broj ponavljanja. Ako želite da se fragment potpuno zapetlja, tada ispod vremenske linije pronađite padajući izbornik s brojem ponavljanja i odaberite stavku "Neprekidno".

Sljedeća četiri dugmeta nakon padajućeg menija vam omogućavaju da pregledate animaciju sa svim napravljenim izmenama. Zatim tu je dugme "Dodaj međuslojeve" (ista funkcija kao u sličnom delu menija) i dugme "Kreiraj kopiju odabranih slojeva". Ovo može uvelike pojednostaviti stvaranje bilo kakvih radnji koje se ponavljaju. Dovoljno je odabrati nekoliko okvira na vremenskoj liniji (držati pritisnutu tipku Ctrl i kliknuti mišem na svaki okvir), a zatim kliknuti na ovo dugme.

Zasebno, ispod svakog okvira nalaze se brojevi i strelica. Ako kliknete na strelicu, pojavit će se padajući meni u kojem možete postaviti kašnjenje za određeni okvir. Tako možete usporiti ili malo ubrzati pojedinačne fragmente rezultirajućeg Gif-a. A da biste odabrali cijelu animaciju odjednom, odaberite njen prvi kadar, prijeđite na posljednji i držite pritisnut tipku Shift i kliknite na nju. Bez otpuštanja Shift, promijenite brzinu posljednjeg kadra. Nakon njega, ovaj parametar će se promijeniti za sve prethodne.

Nakon konačnog podešavanja svih parametara animacije, mora se sačuvati. Odaberite odjeljak "Datoteka" u izborniku i u njemu pronađite "Sačuvaj za Web...".

Otvoriće se novi prozor u kojem treba da konfigurišete postavke za čuvanje Gif-a koji ste kreirali. Obavezno postavite format spremanja na "Gif", inače više neće biti animacija.

Ovdje također možete podesiti konačne dimenzije animacije (širina i visina), broj boja koje se koriste u njoj i vidjeti kakav je rezultat. Ako vam sve odgovara potrebno je da kliknete na dugme "Sačuvaj...". Nakon toga, ostaje 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 prostora na virtuelnim zidovima, forumima, u memoriji kompjutera, gadgeta i srca. Moda za kreiranje gif animacije nikada neće proći.

Želite sami kreirati gif animaciju? Nije tako teško ako imate grafički uređivač i barem početno razumijevanje kako on funkcionira. Upravo sada ćete naučiti kako napraviti GIF iz videa u Photoshopu CS5.

Korak 1: odabir i priprema video zapisa

Ako želite dobiti pristojan rezultat, bolje je odabrati kvalitetan video. Za početak, preporučljivo je snimiti kratak video, na ovaj način će biti lakše raditi. Iako je ovo opcioni uslov. Da biste napravili gif-animaciju, na primjer, iz kadra filma ili crtića, preporučljivo je prvo izrezati željeni fragment pomoću posebnih programa. Na primjer, Windows Move Maker... Ali to nije neophodno, možete koristiti samo Photoshop.

Korak 2: otpremite video i odaberite okvire

1. Otvorite Photoshop.

2. U meniju " Fajl" izabrati "uvoz" i .

3. Preuzmite video.

4. Otvoriće se prozor u kojem treba da konfigurišete parametre za uvoz. Ako ste prethodno izrezali fragment za gif, označite okvir pored "Od početka do kraja", a ako ćete birati okvire u Photoshopu, onda naprotiv. Da biste ga odabrali, prvo označite početnu tačku na skali ispod pregleda filma, a zatim, držeći SHIFT, označite kraj fragmenta.

Nakon što se na skali pojavi označeno tamno sivo područje, možete pritisnuti Igraj i provjerite koji će okviri biti uključeni u animaciju. Nemojte odabrati preveliki raspon, inače će biti puno slojeva i GIF će biti "teška"... Najbolje je napraviti set od 5-20 slojeva.

Sljedeća važna postavka je broj okvira za čuvanje. Brojka ovisi o brzini kretanja objekata u videu: što je niža, više kadrova možete preskočiti. Koristićemo video sa lemurom, polako se kreće pa ćemo staviti Ostavite svaki 3. kadar, inače može postojati mnogo identičnih okvira.

Budite sigurni da je suprotno "Kreiraj animaciju okvir po kadar" postoji kvačica. Sada možete pritisnuti "UREDU".

5. Gledanje 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 kantu za smeće u donjem desnom kutu prozora. Ako postoji nekoliko desetina slojeva, tada je lakše zatvoriti datoteku i početi ispočetka odabirom manjeg segmenta na videu. Ovako će biti brže.

Korak 3: pravljenje animacije

1. Uvjerite se da su svi slojevi osim prvog (donjeg) nevidljivi - oko pored pregleda sloja je neaktivno.

2. Otvorite meni "prozor" i odaberite

3. Nakon toga, na radnom području će se pojaviti skala sa okvirima.

4. Kliknite na Igraj i vidi šta će se desiti. Već možete obrisati okvire u gotovoj animaciji (odabrati pomoću miša i premjestiti na ikonu za smeće) ili ih zamijeniti istim mišem.

5. Ako trebate promijeniti vrijeme reprodukcije kadra, kliknite na strelicu pored broja ispod pregleda i odredite potrebni vremenski interval u sekundama. Da bi razmak za sve okvire bio isti, kliknite na ikonu postavki u gornjem desnom uglu prozora animacije i odaberite Odaberite Svi okviri, zatim promijenite vrijeme na jednom od njih - ova postavka će se primijeniti na sve okvire.

6. Ako niste zadovoljni rezultatom, idite na podešavanja i kliknite Ukloni animaciju... Da biste kreirali novi, morate kliknuti tamo. Kreirajte okvire iz slojeva... Sada znate kako napraviti GIF-ove od videozapisa, ali to nije sve. Važno je da ga ispravno sačuvate kako bi se otvorio u pretraživačima.

Korak 4: spremite gif animaciju

Ne morate to da radite preko kartice. "Sačuvaj kao", i biranje iz menija "File"- otvoriće se prozor sa postavkama. Bolje je ostaviti zadane postavke, mijenjajući samo veličinu slike, čineći je manjom, kao što je uobičajeno za gifove. Postavljamo širinu na 350, visina se izračunava automatski.

Animacija je sačuvana u gif formatu. Da biste ga otvorili i vidjeli kako će izgledati u pretraživaču, kliknite desnim tasterom miša "Za otvaranje sa" i izaberite pretraživač.