GIF-ovi su posvuda. Nekada skromne animirane slike sada su nezvanični jezik interneta. GIF animacija je najviše brz način izražavajte emocije na Tviteru, a možemo i satima da ga gledamo, listajući vesti na VK, Facebook ili Odnoklassniki.

Postoji prilično veliki broj stranica na kojima možete pronaći gotove GIF-ove na različite teme. Ali ništa se ne može porediti sa GIF animacijom koja je napravljena u kući vlastitim rukama. Mislite da je ovo težak proces? Grešite, prilično je jednostavno. Brzo kreirajte GIF animacija Možete koristiti Photoshop grafički uređivač, pretvarajući postojeći video ili koristeći seriju statičnih slika. Pogledajmo bliže kako se to radi.

Bilješka: U svim primjerima u ovom članku koristim Photoshop CC 2017.

Prvo morate pokrenuti Photoshop, idite na “File” > “Import” > “Video Frames to Layers” i odaberite željeni video snimak.

U dijaloškom okviru koji se otvori možete uvesti cijeli video snimak ili odabrati samo određeni dio. Ako odaberete drugu opciju, povucite ručke ispod prozora preview za postavljanje početne i krajnje tačke. Dio videa između ovih ručica će biti uvezen.

Bilješka: Imajte na umu da što više video zapisa uvezete, veći će biti vaš GIF. Također, ako uvozite video koji je predugačak, odabir Zadrži svaka 2 kadra (ili više) je jednostavan način da smanjite veličinu bez previše utjecaja na kvalitetu.

Provjerite je li potvrđen izbor u polju za potvrdu Kreiraj animaciju okvir po kadar, a zatim kliknite na OK. Proces uvoza videa će započeti. Ovo može potrajati, ovisno o veličini klipa. Nakon što se uvoz završi, otvorit će se Radni prostor, u kojem će svaki video okvir biti postavljen na vlastiti sloj.

Na dnu ekrana nalazi se paleta vremenske skale. Prikazuje sve okvire koji će činiti vašu GIF animaciju.

Možete dodavati i uklanjati okvire po želji ili uređivati ​​bilo koji od postojećih slojeva kao što biste uređivali slojeve na bilo kojoj drugoj slici. Da biste pregledali svoju GIF animaciju, jednostavno kliknite na dugme Reproduciraj na dnu vremenske linije.

Krajnji rezultat bi trebao biti otprilike ovako:

Kreiranje GIF animacije iz serije statičnih slika

Ako nemate video snimak koji biste koristili kao osnovu za svoju GIF animaciju, možete ga kreirati ručno od niza statičnih slika. Malo je komplikovanije, pogotovo ako želite da napravite nešto cool, ali osnovni proces je jednostavan.

Svoj GIF kreirate iz jedne slikovne datoteke koja sadrži više slojeva. Svaki sloj je zaseban okvir vaše buduće animacije. Postoje dva načina za početak:

1. Ako ste već kreirali slike za svoju animaciju, uvezite ih odabirom Datoteka > Skripte > Učitaj datoteke u stog.... Kliknite na Browse i odaberite svoje slike, a zatim kliknite na OK. Svaka slika će biti postavljena na poseban sloj unutar iste datoteke.
2. Ako još niste kreirali slike, učinite to sada. Zapamtite da je svaka pojedinačna slika dio buduće animacije.

Sada ste spremni za početak kreiranja animacije.

Animiranje statičnih slika

Evo kako to funkcionira. Kada ručno kreirate okvir animacije, svaki vidljivi sloj je uključen u njega. Slojevi koji su onemogućeni neće biti uključeni u generirani okvir.

Da biste kreirali prvi okvir, učinite prvi sloj vidljivim i isključite sve ostale. Zatim, kada kreirate drugi okvir, učinite vidljivim drugi sloj, a zatim treći sloj na trećem okviru i tako dalje. Kada počnete, sve će vam biti jasnije.

Da započnete kreiranje animacije, otvorite vremensku liniju ako vam se ne otvori automatski. Da biste to učinili, kliknite na "Prozor" na gornjoj ploči i odaberite "Vremenska linija" u meniju koji se otvori. U sredini panela koji se otvori kliknite na "Kreiraj animaciju okvira". Ova akcija će kreirati prvi kadar vaše animacije. U paleti slojeva sakrijte slojeve za koje ne želite da budu dio okvira.

Sada kliknite na dugme "Novi okvir", koji će duplirati prethodni okvir. Još jednom sakrijte dodatne slojeve i učinite vidljivim one koji bi trebali biti uključeni u okvir.

Ponavljajte ovaj postupak dok ne dodate sve okvire potrebne za animaciju.

Završetak

Na kraju, podesite vrijeme prikaza za svaki kadar. Odaberite prvi okvir, a zatim Shift-kliknite na posljednji da biste ih sve odabrali. Sada kliknite na strelicu prema dolje ispod jednog od okvira i odaberite odgodu. Bez kašnjenja znači da će se animacija pokrenuti brzo, dok će postavljeni broj sekundi uzrokovati da okviri ostanu na ekranu u određenom vremenskom periodu.

Na kraju, postavite opcije petlje, koje ćete pronaći na dnu panela Timeline. Ovaj parametar kontrolira koliko će se puta vaša animacija reproducirati. U većini slučajeva ćete odabrati opciju "Uvijek".

Sada kliknite na dugme Play na dnu ekrana da vidite rezultujuću animaciju. Trebali biste vidjeti nešto ovako:

Možete uređivati ​​okvire jednostavnim odabirom i promjenom vidljivosti slojeva (također možete promijeniti neprozirnost ili napraviti druge složenije postavke). Dodajte dodatne slojeve ako su vam potrebni ili kliknite na ikonu kante za smeće da ih izbrišete.

Kada ste zadovoljni rezultatom, možete prijeći na odjeljak "Spremanje animacije" ili čitati dalje kako biste poboljšali rezultirajuću animaciju.

Poboljšanje animacije dodavanjem srednjih kadrova

Photoshop podržava moćnu funkciju animacije. Ovo vam omogućava da kreirate glatkije animacije automatskim generisanjem prelaznih okvira između dva postojeća okvira. U ovom primjeru, proći ću kroz sve kadrove kako bih zvjezdanom nebu dao svjetlucavi efekat.

Za početak, odaberite prvi okvir i kliknite na dugme Kreiraj podešavanja na alatnoj traci na dnu vremenske linije.

U dijaloškom okviru koji se otvori postavite stavku „Međuramovi“ na vrijednost „Sljedeći okvir“, a za stavku „Dodaj okvire“ odredite vrijednost po vlastitom nahođenju. Veća vrijednost znači glatkiju, ali sporiju tranziciju. Kliknite na "OK" da kreirate srednje okvire.

Sada ponovite ovaj proces za druge izvorne okvire koje ste dodali. Kada dođete do posljednjeg, postavite "Inbetween Frames" na "First Frame". Ovo će pomoći u stvaranju glatkog prijelaza na početak vaše animacijske petlje.

Photoshop sigurno neće otvoriti video snimljen digitalnim fotoaparatom. Ovo se odnosi na telefonski video, video sa web kamera, itd. Odgovor se nameće sam od sebe. Moramo se preobratiti. Postoji mnogo konvertera, plaćenih i besplatnih, i, u osnovi, dizajnirani su da konvertuju određeni format u drugi određeni format, o čemu nam programeri konvertera, iz očiglednih razloga, ne govore.

I ovdje nam u pomoć dolazi besplatni video konverter XviD4PSP 5.0, možete ga preuzeti ili na službenoj web stranici programera. Da bi ovaj konverter radio, potreban vam je uslužni program AviSynth 2.5.7, koji se može preuzeti.

Ova dva programa instaliramo na uobičajen način.

Evo sučelja ovog divnog pretvarača:

Otvorite program. Kliknite na Datoteka-->Otvori i odaberite datoteku. U glavnom prozoru programa morate odabrati sljedeće postavke:

• Format - AVI DV PAL
• Korekcija boje i filtracija - Onemogućeno
• Video kodiranje - DV-Video
• Audio kodiranje - nije briga

I kliknite na dugme "Encode". Program će od vas tražiti da odaberete mapu za spremanje, odaberite je, OK. Primamo datoteku sa dvsd DVC/DV Video kodekom u DV Type 2 AVI Multipart OpenDML AVI kontejneru. Sa vjerovatnoćom od 90%, Photoshop će pojesti video zapise sa ovim parametrima.

Pređimo na sljedeći problem. Ovo je veličina datoteke. Činjenica je da Photoshop, kada otvara video u slojevima, koristi RAM kompjuter Ako imate x64, onda nema pitanja, možete instalirati pločice do 128 GB. Ali iz raznih razloga ljudi ne mogu da pređu na x64 i nažalost sjede na x86, ne zato što ne mogu da se prebace ili religija ne dozvoljava, već iz drugih, potpuno objektivnih razloga. Na primjer, autor ovih redova, uz svu svoju veliku želju za lijepim i novim, ne koristi x64 zbog nedostatka warez dodataka za 3ds max za njega. Međutim, skrećemo pažnju.

Naravno, za zadatke koji se izvode pomoću Photoshopa, dugi video zapisi nisu potrebni, već je potrebno najviše nekoliko desetina kadrova. Ali ih treba nekako izrezati. Normalni video uređivači poput Adobe Premiere Pro zahtijevaju znanje i iskustvo, a također zauzimaju značajne resurse iz RAM-a i procesora. Jednostavno mi je neugodno reći da su plaćeni (i puno koštaju). Ukratko, za rijetku upotrebu nema smisla petljati se s takvim programima. Jednostavni uređivači poput standardnih Movie Maker da ne komentarišem.

Ali postoji odličan lagani program pod nazivom VirtualDub, iako s jednim nedostatkom. Radi sa vrlo ograničenim skupom AVI kodeka. I ovdje se opet prisjećamo XviD4PSP pretvarača. Sa gore navedenim postavkama, video će raditi s njim. Odaberemo potrebne dijelove videa, izrežemo ih, spremimo i otvorimo u Photoshopu. Možete to učiniti drugačije, sačuvati pojedinačne video okvire koristeći VirtualDub, a zatim sastaviti animaciju od njih u Photoshopu. Na primjer, stavite naučene datoteke u jednu mapu i otvorite ih u paketima u Photoshopu u jednom dokumentu na različitim slojevima, ali, u pravilu, to traje više vremena, ali, u svakom slučaju, ne možemo bez XviD4PSP pretvarača.

Ranije smo na stranici pogledali one trećih strana, ali većina njih može lako zamijeniti obični Photoshop. Animirani GIF fajlovi mogu se kreirati prilično lako i brzo uz njegovu pomoć. Obično se sastoje od nekoliko slika (ramova), koji, kada se mijenjaju korak po korak, formiraju konačni rezultat. Danas ćemo pokušati da razmotrimo ovo pitanje od A do Z što je detaljnije moguće:

Snimke ekrana ispod su iz Photoshopa CC, ali rad sa GIF animacijom u CS6 i drugim verzijama programa je sličan, plus ili minus. Možda će se vizualni alati malo razlikovati, ali općenito, princip i algoritam radnji su slični. Kao primjer, razmotrite trivijalni zadatak kako napraviti GIF animaciju u Photoshopu od fotografija koje zamjenjuju jedna drugu. Nedavno sam, koristeći ovaj vodič, napravio gif o svojim avanturama za završni post za 2016. na svom ličnom blogu.

Proces je trajao bukvalno 5-10 minuta. Ovdje je važno samo pažljivo pratiti sve korake. Na kraju posta ćete naći video tutorijal na engleskom na ovu temu.

Dodavanje GIF animacijskih slika u Photoshopu

Prije svega, morate učitati grafički uređivač sve slike/fotografije koje će učestvovati u animaciji. Dodajte ih jednom projektu u različite slojeve - ovo će biti okviri za rezultirajuću GIF datoteku. Provjerite veličinu slika i njihov prikaz da sve bude kako vam treba. Slojevi se mogu sakriti (koristeći ikonu oka lijevo od sloja) kako biste vidjeli sve objekte.

U sredini ovog panela nalazi se padajuća lista na kojoj treba da izaberete opciju „Kreiraj animaciju okvira“ i kliknete na dugme. Kao rezultat ove akcije, vremenska linija će se malo promijeniti i trebali biste vidjeti sliku iz najvišeg sloja kao prvi okvir.

U sljedećem koraku odaberite sve slojeve u projektu (kliknite na njih dok držite Ctrl taster). Nakon toga otvorite kontekstni meni u gornjem desnom uglu prozora Timeline i izaberite „Napravi okvire iz slojeva“.

Od svih vidljivih i odabranih Adobe slojevi Photoshop će kreirati animirane GIF okvire. Kao rezultat toga, vidjet ćete ih na panelu Timeline.

Postavke GIF animacije u Photoshopu

Ovdje ćete morati navesti 2 stvari: trajanje prikaza različitih okvira + broj ponavljanja gif-a. Počnimo s prvim. Ispod svakog slikovnog objekta na vremenskoj liniji naći ćete vrijeme prikaza i strelicu prema dolje. Kliknite na njih i odaberite trajanje kartice u iskačućem meniju.

Možete odrediti različita vremena za elemente ili postaviti parametar za nekoliko njih istovremeno (zajednička selekcija kao u slojevima - pomoću Ctrl).

Da biste "petljali" GIF u Photoshopu prilikom kreiranja animacije, odaberite vrijednost Zauvijek u odgovarajućoj postavci kao što je prikazano na slici ispod.

Tu također možete odrediti bilo koji broj ponavljanja koji vam je potreban. U blizini se nalazi dugme Play, koje vam omogućava da pustite animirani GIF i vidite kako će izgledati konačni rezultat.

Čuvanje GIF animacije u Photoshopu

U završnom dijelu našeg vodiča, pogledat ćemo kako pravilno spremiti GIF animaciju u Photoshopu. U tu svrhu koristi se poznati alat Save for Web, ali u najnovije verzije Adobe Photoshop CC nalazi se na novoj lokaciji menija (Datoteka - Izvoz). Srećom Alt + Shift + Ctrl + S i dalje radi.

U prozoru postavki koji se otvori potrebno je da odaberete GIF format, a također se uvjerite da je postavka Looping Options postavljena na Zauvijek. U donjem desnom uglu prozora postoji opcija da pokrenete animirani GIF koji ste kreirali u Photoshopu za pregled.

Ako sve radi kako je očekivano, kliknite na Spremi i spremite datoteku u lokalni računar. Da biste provjerili funkcionalnost GIF-a, morate ga otvoriti u pretraživaču, jer... Ugrađeni Windows preglednik ne reproducira animaciju.

Usput, također možete lako izvesti svoj projekt u video format. Procedura je ista kao kod spremanja GIF animacije, ali u Photoshop meniju izaberite File - Export - Render Video.

U prozoru koji se otvori biće različite postavke video, ali ne morate ništa dodatno mijenjati, samo kliknite na dugme Render. Kao rezultat, dobićete mp4 fajl sa projekcijom slajdova fotografija/slika.

Na kraju, predlažemo da pogledate video tutorijal na engleskom jeziku o stvaranju animiranih GIF-ova u Photoshopu. Algoritam za rad tamo je isti kao u članku, ali možda će vam biti lakše da percipirate informacije iz videa.

Ako i dalje imate pitanja o tome kako napraviti GIF animaciju u Photoshopu ili imate bilo kakve dodatke, pišite u komentarima.

GIF format je veoma čest na Internetu. Razlozi za tako veliku popularnost su jednostavni: GIF datoteke imaju vrlo dobar algoritam kompresije, podržavaju transparentnost i omogućavaju kreiranje jednostavnih i složenih animacija i reklamnih banera.

Ali u isto vrijeme, postoji nekoliko problema, a glavni je potreba za promjenom veličine GIF-a. Ovo postavlja pitanje: kako smanjiti ili povećati veličinu GIF-a? Kako urediti GIF? Na primjer, da li da izrežem datoteku? U slučaju da radimo sa običnim JPG fajl, takvi problemi ne nastaju - uostalom, u bilo kojem, pa i najjednostavnijem uređivaču, s nekoliko klikova možemo promijeniti veličinu slike ili izrezati nepotreban dio. Kako urediti GIF? Na kraju krajeva, većina uređivača vam dozvoljava rad samo sa fotografijama.

Da biste riješili ovaj problem, nudimo vam naš jedinstveni uređivač - GIF Resizer. Uz njegovu pomoć možemo brzo i jednostavno promijeniti veličinu GIF datoteke - smanjiti ili povećati po potrebi. Da biste to učinili, slijedite nekoliko jednostavnih koraka:

• Kliknite na dugme "Promeni veličinu".
• Dodajte GIF pomoću dugmeta za pretraživanje.
• Unesite visinu i širinu koja vam je potrebna.
• Kliknite na Apply.

Nekoliko sekundi - i veličina GIF animacije postala je veličina koju ste željeli!

Kako pretvoriti GIF u JPG i podijeliti ga u okvire?

Još jedna nijansa koju mnogi korisnici imaju kada rade sa GIF-om je potreba da ga razdvoje na okvire. Osim toga, pravljenje GIF-a iz JPG-a nije tako težak zadatak. Ali kako pretvoriti GIF u JPG? Ili pretvoriti u PNG?

Kada se suočite s takvim zadatkom, možete se ponovo obratiti GIF Resizeru. Koristeći ga za promjenu veličine, smanjivanje ili povećanje GIF-a, možete odmah razložiti GIF u okvire i tako pretvoriti animaciju koja vam je potrebna u JPG.Redoslijed radnji se ne mijenja - sve se događa brzo i jednostavno:

• Odaberiteželjenu animaciju.
• Kliknite na dugme "Razloži u okvire".
• Uživajte u rezultatima!

Uređivač GIF Resizer vam pruža odličnu priliku da uštedite vrijeme i trud kada radite s GIF datotekama. Što god vam je potrebno - promijenite veličinu, izrežite, smanjite ili povećajte, razložite GIF u okvire, pretvorite u JPG, JPEG, pretvorite u PNG - naša aplikacija vam je uvijek na usluzi! Uređivač GIF Resizer vam omogućava da riješite sljedeće probleme:

• Kako promijeniti veličinu animiranog gifa?
• U kom programu možete promijeniti veličinu animirane slike?
• Kako smanjiti veličinu GIF slike?
• Kako smanjiti veličinu animirane slike?
• Kako promijeniti format animiranih slika?
• Kako ukloniti logo sa animirane slike?

Da biste dobili mnogo više opcija uz besplatni online proizvođač animacija Gif slike Resizer – samo se registrirajte na našoj web stranici!

Možete nastaviti da kreirate Gif animaciju, čak i ako ste morali da prekinete svoj rad tokom prethodne posete resursu. Uostalom, sve svoje kreacije uvijek možete pronaći na stranici! I najbolje GIF animacije koje ste mogli kreirati koristeći naše besplatne onlajn programi Gif Resizer će završiti u galeriji stranice i moći će postati izvor vašeg ličnog ponosa.

Mislim da niko nije imao želju s vremena na vreme ponovi / završi / malo promijeni pronađena gif slika.

Sigurno je da su mnogi ljudi upoznati sa situacijama kao što su:
- izgleda kao lijep gotov animirani avatar, ali volio bih da ga mogu malo usporiti...
- Voleo bih da mogu nešto napisati na animiranoj slici...
- bilo bi lijepo imati gif veličinu – smanjite slike...
- itd. i tako dalje.

Zato ćemo danas razmotriti ova pitanja.

Prošli put hoćemo, danas hoćemo modificirati gotov animirani GIF da odgovara vašim potrebama.

Suočen s ovim „problemom“, ali već znajući kako napraviti animirani GIF, predložio sam gdje i kako je moguće promijeniti GIF. Odmah sam pronašao par gifova na internetu i provjerio svoju pretpostavku - ispostavilo se da je tačno. Ali počnimo redom.

Dakle, imate gotovu animiranu sliku. Razmotrimo 3 opcije za njegovu modifikaciju (po mom mišljenju, ovo su najpopularniji slučajevi):
1. Usporimo animaciju.
2. Hajde da napišemo nešto na slici.
3. Promijenite veličinu slike.

Promjena brzine animacije u GIF slici.
(promijenite brzinu bljeskanja slika)

Često mi se dešavalo da mi se dopadne, na primjer, neka vrsta animiranog avatara, ali bilo je previše pokreta i htio sam ga barem malo usporiti. Ovo ćemo sada uraditi. Iako je opcija sa povećanje brzine animacije su potpuno isti slučaj.

Otvorite gif fajl koji nas zanima Adobe ImageReady: File(Datoteka) – Otvori(Otvoreno) - …

Pogledajmo sada panel Animacije

Pažljivo gledamo ovaj svitak i vidimo ga ispod svima“frame” je vrijeme (u ovom slučaju je postavljeno na 0,17 sekundi).

Ovo je indikator koji moramo promijeniti, kliknemo na potvrdni okvir i pojavljuje se padajući popis gdje možemo podesiti trajanje prikaza koje nam je potrebno svima okviri pojedinačno (ili sve odjednom, odabirom svih okvira dok držite pritisnutu tipku Shift na tastaturi).

Evo i odmah možemo vidjeti šta se dogodilo - ima više u nastavku dugmad za plejer– pogledajte animaciju u glavnom prozoru otvori datoteku(nije u ovom svitku).

Ako ste zadovoljni sa svime, onda sačuvajte rezultat: File - Sačuvaj optimizovano kao…- I vidi šta se desilo.

uredu

uredu

Ako ne, nastavite mijenjati trajanje kadrova dok ne dobijete ono što želite.

To je sve!

Ako ste primijetili, u novom GIF-u potpis je uklonjen u donjem desnom uglu. Ovo ćemo sada uraditi, samo što ćemo dodati natpis na sliku, a ne ukloniti ga.

Na animiranom avataru (sliku) pišemo riječi.

Otvori u Adobe ImageReady animirani avatar: File(Datoteka) – Otvori(Otvoreno) - …

Ovaj gif ima samo 2 okvira(i 2 sloja). I sve što treba da uradimo je da dodamo natpis. Ovo se radi veoma brzo.

Pomoću alata pišemo "prave riječi" na slici na pravom mjestu Tekst(kao u Photoshopu) novi sloj se kreira automatski na listi slojeva.

Napravimo ga od teksta rasterska slika: u meniju Layer - kliknite desnim tasterom miša na sloj sa tekstom i sa padajuće liste izaberite Rasterizuj sloj - i tekst je prestao da bude tekst, sada je to samo grafički element koji ima jednu (!) boju, što je veoma važno za težinu fajla.

Pogledajmo sada panel Animacije(Animacija) u donjem lijevom uglu prozora programa (podrazumevano se pojavljuje tamo). Ako ga nema, onda morate dobiti ovaj „scroll“ (panel): u izborniku Prozor odaberite Animacija.

Pošto postoje samo dva okvira, bolje je da ih kreiramo iznova:

Otvorite padajuću listu skrolovanja Animacija i odaberite Izbriši okvir(Izbriši okvir).

Ostao nam je samo jedan okvir od njih. Hajde da ga “postavimo” - želimo da vidimo prvu sliku (Layer 1) i natpis - ostavite ih uključene (oko pored sloja je uključeno), a "nepotrebni" sloj za sada isključite (kliknite levim tasterom miša).

Prvi okvir je spreman.

Napravite njegovu kopiju (odabirom Kopiraj okvir na padajućoj listi ili odgovarajućem dugmetu desno od „playera“).

Pojavio se drugi kadar– postavite ga:
- natpis je uključen
- Sloj 1 onemogućen
- Sloj 2 je omogućen

Pa, to je u osnovi to. Pokrenite plejer i vidjet ćete da se natpis sada pojavljuje na vašem animiranom avataru.

Ako ste zadovoljni sa svime, onda sačuvajte rezultat: Datoteka - SačuvajOptimizirano kao…

Možete isključiti riječ u drugom kadru - tada će i ona "treperiti".

I ako želim da slika "treperi" slova riječi su postepeno dodavana?

Rečemo reč na zasebna slova (kopirajte sloj sa rečju i na svakom sledećem sloju brišemo jedno slovo manje - prvi sloj - prvo slovo reči je ostavljeno, drugi sloj - 2 slova itd. za ceo sloj). Da biste to učinili, zgrabite sloj sa riječju i prevucite ga na ikonu na dnu liste slojeva - sloj se kopira i pojavljuje na listi.

Sve promjene na sloju se vrše kada je sloj koji se mijenja aktivan, tj. nalazite se na njemu (kliknite lijevom tipkom miša na sloj i on će biti označen tamnijom bojom).

Sada ostaje samo da kreirate nove okvire i na svaki sledeći uključite sloj sa dodatim slovom. Istovremeno, naizmjenično uključite/isključite sloj 1 i sloj 2 (tako da se ne mijenja samo riječ, već i slika).

Evo šta smo dobili: