U InVisionu, GIF animacije se ne koriste za maženje - one igraju važnu ulogu sa marketinške i trening tačke gledišta. Stoga smo čak pokušali da ih koristimo na našoj početnoj stranici umjesto kodiranih animacija.
Na kraju su nas ljudi počeli pitati: "Kako kreirate GIF animacije?" Vrijeme je da otkrijemo tajnu.
GIF dizajn slike
1. Tajni sastojak
Evo moje male tajne: sve moje GIF animacije su počele kao video datoteke. Obično koristim ScreenFlow, koji također koristim za kreiranje videa naših proizvoda. Ovo je jednostavan program koji u isto vrijeme sadrži mnogo korisnih alata za animaciju.Nakon što sačuvam animaciju kao video datoteku, uvozim je u Photoshop preko Datoteka > Uvoz > Video okviri kao slojevi.
savjet: Ako ScreenFlow ili After Effects nisu vaša stvar, kreirajte animaciju u Keynoteu i izvezite je kao video. Konačno neka upotreba ove funkcije u Keynoteu.
2. Manje boja = više zabave
Ako želite napraviti cool GIF animacije, onda morate s posebnom pažnjom pristupiti izboru boje. Ovo ne samo da će uticati na veličinu fajla, već će vam takođe omogućiti da kreirate duže animacije sa manjom veličinom datoteke. (Za mene mali je manji od 1MB)3. Koristite zamućenje pokreta ako je moguće
Programi kao što su ScreenFlow i After Effects omogućavaju vam da izvezete video sa primijenjenim zamućenjem pokreta. Ne samo da će to vašoj animaciji dati profesionalni izgled, već će vam olakšati i smanjenje veličine datoteke u Photoshopu.
4. Budite (pomalo) lijeni
Zamislite koje bih druge elemente mogao dodati GIF animaciji na početku ovog posta. Mali opisi sa korisničkim imenima, kursor koji klikne na dugme plus i tako dalje. Ljudi ne moraju da vide sve da bi stekli opšte razumevanje onoga što vide, pa pokažite samo ono što vam je potrebno – ograničeni ste vremenom i veličinom datoteke.Izvezite GIF animacije
Prije nego što se brinete o savjetima u nastavku, pokušajte da izvezete svoju GIF animaciju. Ako je razumne veličine, odličan posao! Nastavite u istom duhu. U suprotnom, isprobajte sljedeće metode.5. Uklonite duple okvire
Najvjerovatnije se vaša animacija zaustavlja ili ostaje nepomična neko vrijeme. Ako bolje pogledate, primijetit ćete da se ovaj trenutak sastoji od nekoliko identičnih okvira. Ako postoji 10 takvih okvira, obrišite ih 9 i postavite trajanje preostalog kadra na, na primjer, 1 sekundu.
Ako to ne pomogne, pokušajte ponovo uvesti video, ali ovaj put odaberite opciju Ograničenje na svaka 2 okvira. Ovo bi trebalo značajno smanjiti veličinu datoteke.
savjet: Ako se vaša animacija sastoji od više od 150 kadrova, naići ćete na probleme kada pokušate smanjiti veličinu datoteke.
6. Manje boja
Kada sačuvate GIF animaciju u Photoshopu, vidjet ćete padajući meni pored opcije Boje. Eksperimentirajte sa vrijednostima, isprobajte najmanji mogući broj boja koje neće pretvoriti cijeli fajl u smeće.
7. Promijenite parametar Lossy*
Da budem iskren, ne znam ni šta ovaj parametar znači. Ali ja upravo Znam da ako ga postavite na nivo između 1 i 10, riješit ćete se dodatnih kilobajta bez gubitka kvalitete.
* „Gubitak“ - prihvatljiv nivo gubitka grafičkih informacija u rasterskoj datoteci, što vam omogućava da smanjite veličinu datoteke slike
Ništa se nije promijenilo! Upomoć!
Ako ste isprobali sve što je gore spomenuto i još uvijek ne možete smanjiti veličinu vaše GIF animacije, morate se vratiti korak unazad. Možda želite nemoguće? Postoji li drugi način da postignete ono što želite? Da li je moguće podijeliti datoteku na dvije GIF animacije? Biće bolje ako se vaša GIF animacija fokusira na jedan aspekt.Od prevodioca. Za sve Vaše želje i komentare u vezi prijevoda javite mi se u ličnu poruku. Hvala ti!
Zdravo, prijatelji! U ovom članku ćemo razumjeti kako napraviti GIF animaciju Različiti putevi. Od jednostavnih slika i videa, korištenjem online usluga i korištenjem raznih besplatnih programa.
S razvojem animacije pojavili su se crtani filmovi koje su skoro svi gledali, gledaju i gledat će i dalje. Dalji razvoj doveo je do pojave filmova uz animaciju. Sjajan primjer za to je Tko je podmetnuo zecu Rogeru. Razvojem tehnologije pojavila se kompjuterska animacija koja je filmove i crtane filmove podigla na potpuno novi nivo. U ovom članku ćemo naučiti kako napraviti jednostavne GIF animacije.
Dobra stvar kod ove metode je da ne morate preuzimati i/ili instalirati dodatne programe.
Postoji mnogo usluga za kreiranje GIF animacije. Isprobala sam ih tri na sebi i od ove tri mi se svidjelo http://gifovina.ru/
Idite na web stranicu usluge i koristite dugme Dodaj okvire da otpremite slike.
Ako ste dodali nekoliko slika odjednom, možda su pogrešnim redoslijedom. Da biste to popravili, postavite pokazivač miša preko slike koju želite premjestiti. U gornjem lijevom kutu slike pojavljuje se ikona; klikom miša možete postaviti sliku na drugo mjesto u redu čekanja.
U gornjem desnom uglu slike se takođe pojavljuje krst, koji vam omogućava da izbrišete sliku.
Ispod svake slike nalazi se polje sa brojem. Ovo je trajanje kadra u sekundama. Zadana vrijednost je 1 sekunda. Trajanje se može promijeniti klikom na ovo polje i korištenjem klizača za postavljanje potrebnog vremena ili korištenjem tipkovnice za postavljanje potrebnog trajanja.
Možete prilagoditi efekte prijelaza između okvira. Da biste to učinili, kliknite na ikonu precrtanog kruga između slika i odaberite željeni efekat u meniju koji se otvori.
Nakon odabira efekta, bit će dostupno trajanje ovog efekta, koje se također može konfigurirati.
U sredini možete urediti odabrani okvir. Mogućnosti uređivanja uključuju dodavanje različitih oblika slikama. Možete postaviti natpis unutar ovih oblika. Na raspolaganju su vam dva fonta. Potonje se može odabrati u bilo kojoj veličini, podebljano i/ili kurzivom.
Možete postaviti boje za pozadinu, tekst i ivice oblika.
Sljedeće opcije su dostupne na desnoj strani prozora za uređivanje animacije.
Veličina. Moguće je podesiti veličinu animacije. Sa padajuće liste izaberite onaj koji vam je potreban ili izaberite Prilagodi... i u iskačućem prozoru postavite potrebnu veličinu.
Što je veća veličina animacije, veća je težina GIF datoteke.
Kreirana GIF animacija.
Iz videa
Da biste napravili GIF animaciju iz videozapisa, morat ćete instalirati neki softver. sviđa mi se iWisoft besplatni video konverter. Ovaj besplatni program možete preuzeti sa službene web stranice http://www.iwisoft.com/videoconverter/.
Preuzmite, instalirajte i pokrenite.
U prozoru koji se otvori, vidite originalni video sa leve strane, a ono što dobijete biće na desnoj strani. Koristeći skalu ispod vremenske linije, možete ograničiti trajanje svoje animacije. Treba mi mali komad iz videa koji je odabran na slici.
Koristeći okvir u originalnom video prozoru, možete odabrati dio kadra koji želite vidjeti u svojoj animaciji. Po potrebi možete konfigurirati gomilu efekata.
Odmah se otvara fascikla sa našom animacijom. Dobio sam GIF fajl veličine 33 MB, uprkos činjenici da je originalni video težak< 19 МБ).
Iz online videa
Zalijepite link do YouTube videa u polje i kliknite Prikaži video.
Možete odabrati bilo kojih 10 sekundi u videu da kreirate GIF animaciju. Ovo se postavlja povlačenjem klizača na skali ispod videa.
Vrijeme početka i završetka animacije može se precizno odrediti ručno. Da biste to učinili, kliknite na link “ ručno unesite vrijeme“I pitamo.
Ako odaberete Napredni način rada kreirajući GIF, možete dodatno postaviti širinu animacije pomicanjem klizača.
Kada je sve spremno, kliknite Nastavi.
Ovako je lako kreirati Gif animaciju na mreži iz YouTube videa.
GifCam.exe
Postoji jednostavan program koji vam omogućava da kreirate GIF animacije. Možete ga preuzeti sa linka
Glavne karakteristike uslužnog programa su tamo opisane na engleskom.
Program ne zahtijeva instalaciju. Preuzmite arhivu, raspakujte je i pokrenite GifCam.exe
Otvara se prozor programa koji će snimiti ono što želite da vidite u vašoj GIF animaciji.
je kombinacija slika i animacije. Vrlo ga je lako napraviti sami. Sada ćemo pogledati cijeli proces korak po korak.
Da bismo to učinili, koristit ćemo posebnu uslugu u Odnoklassniki. Zove se Magisto. Da biste kreirali GIF, fotografije na vašoj stranici moraju biti postavljene, preokrenute i distribuirane.
VAŽNO: mora biti najmanje 7 fotografija u albumu da biste napravili gif animaciju u Magistu.
Pravljenje GIF-a:
Koristili smo besplatne funkcije ove usluge. Istovremeno, broj fotografija koje će Magisto postaviti u gif nije veći od 15 i preuzimanje je nemoguće bez kupovine plaćenog premium računa.
Kako napraviti GIF koristeći online uslugu
Postoji mnogo online servisa za kreiranje GIF-ova, ali mi ćemo koristiti jedan kao primjer. Zove se Gifovina. U adresnoj traci pretraživača pišemo "gifovina.ru" i idemo na web stranicu.
Kreiranje gif animacije:
GIF kreiran. Sada preuzmite i sačuvajte video na svom računaru.
Kako napraviti GIF koristeći Photoshop
Metoda nije laka, jer zahtijeva vještinu rada u Photoshopu. U ovom uređivaču možete napraviti GIF od jedne ili više fotografija.
Više o kreiranju GIF-a od jedne slike možete saznati u videu: https://www.youtube.com/watch?v=y2UTWJjUtic.
Kao što vidite, postoji mnogo načina za pravljenje GIF animacije, od kojih smo glavne raspravljali. Prva dva se odnose na kreiranje GIF-ova na mreži. Jednostavnije su i brže, ali ako pokažete upornost i utrošite vrijeme na učenje, Photoshop će vam pružiti mnogo više mogućnosti.
Mnogi korisnici će možda trebati kreirati kratak GIF video koji se može koristiti kao avatar na raznim forumima kako bi demonstrirali okvire koji su značajni za osobu, kao i druge slične zadatke. Da biste kreirali GIF od postojećih slika, možete se obratiti mogućnostima specijalnih alata (kako stacionarnih tako i mrežnih), koji mogu pomoći u kreiranju GIF datoteke veličine i kvaliteta koji su nam potrebni. Nakon nekoliko sedmica rada s gif formatom, reći ću vam o najboljim načinima da napravite gif od fotografija (), i koji će nam alati pomoći u tome.
Trenutno postoje tri glavna načina da napravite GIF fajl od fotografija koje imamo. One su sljedeće:
Pogledajmo detaljnije svaku od ovih metoda.
Najbolji servisi za pravljenje prekrasnih GIF-ova na mreži
- Toolson.net je resurs na ruskom jeziku u kojem je instalacija gifova zasnovana na predlošcima standardnim za takve usluge. Odete na ovaj resurs, otpremite fotografije na njega u ispravnom redoslijedu. Zatim odredite interval između kadrova u milisekundama, dimenzije piksela GIF animacije po visini i širini, mogućnost petlje video zapisa i odabir različitih efekata. Zatim kliknite na dugme "Kreiraj" i preuzmite rezultirajući gif na svoj računar;
- Gifius.ru je još jedan resurs na ruskom jeziku, rad s kojim se temelji na obrascima predložaka za resurse ovog tipa. Učitavate slike kako biste kreirali gif animaciju, postavljate postavke animacije, zatim kliknite na “Preuzmi GIF” i snimite rezultat;
- Picasion.com je izvor na engleskom jeziku za kreiranje GIF videa. Rad s njim se ne razlikuje od analognih - prenesite fotografiju (ako je potrebno, kliknite na "Dodaj još jednu sliku" da biste učitali više fotografija), odaberite veličinu videa (Veličina), brzinu prikaza slike (Brzina) i kliknite na "Kreiraj Animacija”, a zatim sačuvajte rezultat na računaru;
Stacionarni programi za kreiranje GIF-ova
Među kompjuterskim programima koji će vam omogućiti da sastavite GIF od visokokvalitetnih fotografija, možete primijetiti popularne alate kao što su "Photoshop" i "Gimp". Sastavljanje GIF datoteke pomoću ovih profesionalnih rješenja zahtijeva dobro poznavanje funkcionalnosti ovih programa (rad sa slojevima, promjena veličine slika, itd.).
Također možete primijetiti jednostavnija softverska rješenja poput “Unfreez”, “Easy GIF Animator”, “GIF Movie Gear” i drugih analoga koje možete pretraživati na internetu. Specifičnosti njihovog rada ne razlikuju se mnogo od funkcionalnosti gore opisanih mobilnih usluga - fotografije koje su vam potrebne učitavate u takav program, određujete parametre budućeg GIF-a i kreirate ga klikom na odgovarajuće dugme.
Program Easy GIF Animator će vam omogućiti da kreirate GIF od fotografija koje imate.
Mobilni programi za montiranje GIF-ova
Drugi način za pravljenje GIF-ova od fotografija je korištenje mobilnih aplikacija, nivoa “GifBoom”, “5Second App”, “GIF Camera”, “GIF Camera” i drugih analoga za Android, iOS, Windows Phone.
Postavljanje GIF postavki u aplikaciji GIF kamera
Rad s njima obično uključuje odabir nekoliko fotografija za GIF koje su već u memoriji telefona ili snimanje fotografije za GIF pomoću kamere telefona (snimanje). Nakon učitavanja potrebnih slika u aplikaciju, ostaje samo odrediti niz parametara za pretvaranje gif-a (dimenzije, broj kadrova, petljanje videa i tako dalje), a zatim izvršiti sam proces konverzije i dobiti rezultat .
Zaključak
U ovom članku osvrnuo sam se na izradu animiranih gifova od fotografija, te alate koji nam mogu pomoći u tome. Najjednostavnija i najprikladnija opcija je korištenje mrežnih servisa koji će kreirati GIF koji vam je potreban u nekoliko klikova, a zatim ga spremiti na svoj PC. Upotreba desktop i mobilnih programa je opravdana ukoliko je potrebna opsežnija obrada osnovnih fotografija i formiranje gif datoteke, što u većini slučajeva nije potrebno.
U kontaktu sa
GIF-ovi su posvuda. Nekada skromne animirane slike sada su nezvanični jezik interneta. GIF animacija je najbrži način da izrazimo emocije na Twitteru, a možemo i satima da je gledamo dok skrolujemo kroz 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 nije bolje od GIF animacije koju ste sami napravili. Mislite da je ovo težak proces? Grešite, prilično je jednostavno. Možete brzo kreirati GIF animaciju u Photoshop grafičkom uređivaču, 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.
Kako napraviti GIF animaciju iz videa
Prvo morate pokrenuti Photoshop, idite na “File” > “Import” > “Video Frames to Layers” i odaberite željeni video zapis.
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 za pregled da biste postavili početnu i krajnju točku. 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. Kada se uvoz završi, otvorit će se radna oblast u kojoj će svaki kadar videa 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:
- 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.
- 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 zadati 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 rezultirajuć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.
Kliknite na dugme za reprodukciju da pregledate efekat.
Čuvanje animacije
Kada završite, prvo sačuvajte datoteku kao ".PSD" datoteku. Ovo će sačuvati sve informacije o slojevima i animacijama tako da možete kasnije urediti svoju animaciju ako je potrebno. Nakon toga možete nastaviti direktno na spremanje.
Da sačuvate kreiranu animaciju, idite na "Datoteka" > "Izvoz" > "Sačuvaj za Web (stara verzija)...". U prozoru koji se otvori odaberite GIF format i u polje “Boje” unesite 256. Da biste smanjili ukupnu veličinu datoteke, smanjite veličinu u polju “Veličina slike”.
Veličinu animacije možete vidjeti u donjem lijevom kutu prozora za pregled. Ako je prevelik, povucite klizač Otpad udesno. To će utjecati na kvalitetu, ali će značajno smanjiti veličinu datoteke.
