Možete li napraviti GIF u Adobe Illustratoru?

Istina je, ne možete sami napraviti GIF u Adobe Illustratoru . Da, početni koraci se mogu uraditi u Adobe Illustratoru. To znači da možete pripremiti umjetničke ploče za animirani GIF u Adobe Illustratoru, ali ćete morati izvesti grafičke ploče u GIF maker ili koristiti Photoshop da napravite stvarni GIF.

U ovom vodiču ćete naučiti kako kreirati animirane GIF-ove u Adobe Illustratoru i Photoshopu. Podijelit ću tutorijale na dva dijela.

Prvi dio će uvesti korake koje je potrebno uraditi u Adobe Illustratoru, a drugi dio će vam pokazati kako pretvoriti umjetničke ploče u animirane GIF-ove u Photoshopu. Ako niste korisnik Photoshopa, bez brige, pokazat ću vam i kako napraviti GIF koristeći online GIF makere.

Napomena: slike ekrana u ovom vodiču su preuzete iz Adobe Illustrator CC 2022 Mac verzije i Photoshop CC 2022 Mac verzije. Windows ili druge verzije mogu izgledati drugačije.

1. dio: Pravljenje GIF-a u Adobe Illustratoru

Ako Adobe Illustrator ne animira, zašto ga koristimo za pravljenje GIF-a? Jednostavan odgovor: Zato što morate da kreirate vektore za GIF u Adobe Illustratoru i ključ je da imate različite okvire/akcije razdvojene u različite table.

Koliko god zbunjujuće zvučalo, shvatit ćete dok vam ovdje pokažem primjer s detaljnim koracima.

Korak 1: Kreirajte novi AdobeIllustrator datoteku i postavite veličinu montažne ploče na 400 x 400px (Samo moj prijedlog, slobodno postavite bilo koju drugu veličinu koju želite).

Budući da će to biti GIF, ne preporučujem da imate veliku datoteku i najbolje je da je artboard kvadrat.

Korak 2: Kreirajte ikonu ili ilustraciju koju želite animirati. Na primjer, napravit ću GIF za kišu, pa ću napraviti oblik oblaka i nekoliko kapi kiše.

Svi oblici su trenutno na istoj montažnoj ploči, tako da je sljedeći korak da ih podijelite na različite ploče za kreiranje okvira animacije.

Korak 3: Kreirajte nove ploče. Ove ploče će biti okviri kasnije u Photoshopu, tako da broj grafičkih ploča ovisi o broju okvira/akcija koje želite da GIF ima.

Na primjer, dodao sam pet dodatnih artboarda tako da sada imam ukupno šest artboarda.

Ne brinite ako trenutno niste sigurni, uvijek možete kasnije dodajte ili izbrišite montažne ploče.

4. korak: Kopirajte i zalijepite oblike na nove ploče. Ako uređujete na istom obliku, možete kopirati oblik na sve grafičke ploče i izvršiti izmjene na svakoj montažnoj ploči.

Napomena: vrlo je važno postaviti oblike na svoje mjesto na novim pločama kada pravite GIF. Prečica na tastaturi za postavljanje kopiranog objekta na isto mjesto je Command + F ( Ctrl + F za Windows korisnike).

Elementi nagrafičke ploče bi trebale slijediti slijed kako će se GIF prikazati.

Na primjer, oblik oblaka će biti prikazan na GIF-u cijelo vrijeme, pa kopirajte oblik oblaka na sve nove ploče. Također možete dodavati elemente u svoju novu artboard jedan po jedan. Na vama je.

Odlučite koji će se dio prikazati sljedeći i organizirajte grafičke ploče prateći slijed okvira koji će se prikazati na GIF-u.

U mom slučaju, želim da se srednja kap kiše prikaže prva, pa ću je spojiti sa oblikom oblaka na Artboard 2. Zatim ću na sljedećim okvirima (artboards) dodati kapi kiše sa strane jedan po jedan.

Kada sam postavio sve grafičke ploče, odlučio sam da uklonim kapi kiše sa prve ploče, tako da sada moje ploče izgledaju ovako i spremne su za rad.

Korak 5: Imenujte grafičke ploče i stavite ih u slijed kako želite da izgledaju na GIF-u. Nazvat ću ih od okvira 1 do okvira 6 kako bih ih kasnije lakše prepoznao u Photoshopu.

Korak 6: Izvezite montažne ploče. Idite na gornji meni Datoteka > Izvoz > Izvoz za ekrane i odaberite Izvezi montažne ploče .

Trebali biste vidjeti svoje grafičke ploče spremljene kao pojedinačne slike s imenima.

Završili ste posao u Adobe Illustratoru, nastavimo proces animacije u Photoshopu.

2. dio: Pravljenje GIF-a u Photoshopu

Kada ste pripremili sve okvire, samopotrebno je nekoliko minuta za kreiranje animiranog GIF-a u Photoshopu.

Korak 1: Kreirajte novi dokument u Photoshopu, iste veličine kao datoteka Adobe Illustrator iz 1. dijela. U mom slučaju, to bi bilo 400 x 400px.

Korak 2: Prevucite slike koje ste izvezli iz Adobe Illustrator u Photoshop i one će se prikazati kao slojevi.

Korak 3: Idite na gornji meni Prozor > Vremenska linija , ili možete direktno promijeniti radni prostor u Pokret .

Trebali biste vidjeti radni prostor Timeline na dnu prozora Photoshopa.

Korak 4: Kliknite na Kreiraj animaciju okvira na radnom prostoru Timeline i vidjet ćete gornji sloj koji se prikazuje na radnom prostoru Timeline.

Korak 5: Kliknite na gornji desni kut prozora Timeline da otvorite presavijeni meni i odaberite Napravi okvire iz slojeva .

Tada će se svi slojevi prikazati kao okviri.

Kao što vidite, prvi okvir je prazan, jer je kasnije pozadina. Možete izbrisati prvi okvir odabirom okvira i klikom na dugme Izbriši odabrane okvire u prozoru Timeline.

Korak 6: Kliknite na strelicu nadole ispod svakog kadra da u skladu s tim promijenite brzinu svakog kadra. Na primjer, promijenio sam brzinu svih kadrova na 0,2 sekunde.

Možete kliknuti na dugme za reprodukciju da vidite kako GIF izgleda. Kada budete zadovoljni rezultatom. Poslednji korakje da ga izvezete kao GIF.

Korak 7: Idite na gornji meni Datoteka > Izvezi > Sačuvaj za web (naslijeđe) .

Iz menija postavki, najvažnije je odabrati GIF kao tip datoteke i odabrati Zauvijek kao opcije rezanja. U skladu s tim mijenjate i druge postavke.

Kliknite na Sačuvaj i čestitamo! Upravo ste napravili animirani GIF.

Kako napraviti GIF bez Photoshopa

Niste upoznati sa Photoshopom? Svakako možete kreirati GIF i bez Photoshopa. Postoji toliko mnogo online alata koji vam omogućavaju da besplatno napravite GIF.

Na primjer, EZGIF je popularan proizvođač GIF-ova i jednostavan je za korištenje. Sve što trebate učiniti je otpremiti svoje slike, odabrati brzinu reprodukcije i ona će automatski napraviti GIF za vas.

Zaključak

Adobe Illustrator je mjesto gdje kreirate elemente animacije, a Photoshop je mjesto gdje pravite animirani GIF.

Lakša opcija bi bila korištenje online GIF makera. Prednost je u tome što bi vam uštedilo mnogo vremena, posebno ako niste upoznati sa Photoshopom. Međutim, više volim fleksibilnost Photoshopa jer imam više kontrole nad okvirima.