Skip to main content

Ako Animovať svoj vlastný GIF s Photoshopom

Ako Animovať svoj vlastný GIF s Photoshopom

Geoffrey Carr

Vytváranie animácií od nuly v programe Photoshop sa môže zdať skľučujúce, ale v skutočnosti sú veľmi jednoduché. Zapáliť Photoshop a chytiť niektoré zo svojich súborov. Je čas, aby si oblékli nohavice z vašich priateľov s množstvom animovaných GIFov!

Hovorili sme o niekoľkých jednoduchých spôsoboch, ako premeniť video a Youtube ripy na animované GIF, ale dnes vám ukážeme, ako urobiť jednoduchú animáciu bez použitia akýchkoľvek video súborov. Prečítajte si - toto je veľa zábavy.

Vytváranie animácií pomocou nástrojov animácie aplikácie Photoshop

Pre jednoduchú animáciu vytvoríme časť obrázka na samostatnej vrstve, ktorú môžeme pohybovať. Budeme animovať len pohyb očí, ale môžete vytvoriť akýkoľvek druh animácie týmto spôsobom, vrátane skutočných ručne kreslených animačných buniek alebo pohyblivých fotografií.

Bez ohľadu na to, čo chcete animovať, začnite s aspoň dvoma vrstvami. V našom príklade používame logo HTG a posúvame jeho oči na druhú vrstvu, ktorú môžeme použiť na oživenie pohybu.

Ak chcete začať, vytiahnite panel Animácie. Nájdite to tak, že prejdete na Okno> Animácia.

Panel sa objaví v spodnej časti okna a je veľmi jednoduchý na použitie. Každý nový "rám" animácie je trochu ako snímka súboru. Kliknite na tlačidlo

v animačnom paneli vždy, keď chcete vytvoriť novú snímku z aktuálneho stavu súboru. Ale ešte nie!

Tento panel tiež umožňuje nastaviť "oneskorenie" pre každý jednotlivý snímok, čo znamená, ako dlho (celé alebo zlomky sekundy) sa zobrazí na obrazovke skôr, ako prejdete na nasledujúci rámec. 25 snímok za sekundu (0,04) je štandardnou rýchlosťou pre animáciu, ale možno trochu rýchlo pre animované GIF. Pre náš príklad sme narušili oneskorenie 0,05, ktoré môžete tiež použiť. Ak chcete použiť iný počet snímok za sekundu, jednoducho rozdeľte 1 o počet snímok, aby ste získali správny čas oneskorenia. (Napr. 1 sekcia delené 25 snímkami sa rovná 0,04 oneskorenia.)

Myšlienkou je presunúť vrstvu očí malé prírastky a vziať snímky na ceste. Budeme používať presunúť nástroj (klávesová skratka "V") a posúvať našu vrstvu pomocou šípky, V našom príklade sme urobili snímku po posúvaní každých 2 pixelov alebo tak.

Kliknutím na tlačidlo

v paneli môžete vidieť nové rámce vytvorené v animácii. Zostávajú pred nimi časové oneskorenie rámčeka, takže budete chcieť najskôr vybrať správne oneskorenie, aby ste nemuseli meniť množstvo rámcov po dokončení snímania obrázkov.

(Autorská poznámka: Ak ste niečo ako ja, budete takýto meškanie doladenie oneskorením, tak ako tak.To veci nie vždy fungujú presne tak, ako ich chcete!)

Vytvorte svoje rámčeky tak, ako budete chodiť, pomocou panelu vrstiev presuňte svoj objekt (v našom príklade oči), čo vám záleží a urobte veľa záberov. Pamätajte, 25 alebo tak sa bude rovnať jednej sekundy, takže si vziať svoje snímky zodpovedajúcim spôsobom.

Môžete tiež upraviť oneskorenie viacerých snímok naraz pomocou tlačidla Shift a výberu mnohých alebo všetkých rámcov a zmenu oneskorenia. Všimnite si, že môžete nastaviť oneskorenie na hodnotu "Iné ..." v dolnej časti, aby sme použili vlastné oneskorenie 0,05.

Ak chcete otvoriť nástroj s rovnakým názvom, prejdite na položku Súbor> Uložiť pre web a zariadenia.

Tento nástroj vám umožní vytvoriť prehliadač priateľský animovaný GIF, rovnako ako jeho testovanie vnútri nástroja (ako je uvedené vyššie, kde je kurzor šípka). Uistite sa, že nastavíte typ súboru na GIF a použijete ktorékoľvek z nastavení Perceptual, Selective alebo Adaptive. Tie môžu zmeniť váš obraz rôznymi spôsobmi, ale mnohí z vás poskytnú podobné výsledky. Ak chcete znížiť veľkosť súboru, môžete zmeniť svoju veľkosť Veľkosť obrázku (smerom dole) a vašim počtom farby (v pravej hornej časti). Môžete tiež znížiť veľkosť súboru tým, že nezahrniete priehľadnosť, hoci sme sa v našom príklade nezúčastnili (Och!).

A náš animovaný GIF je pripravený dať na web radosť, šok a vytvoriť úctu.


A to o tom zábal pre animáciu. Myšlienky alebo otázky týkajúce sa našej metódy? Máte lepšiu metódu alebo nejaké jednoduchšie techniky? Chcete vidieť niečo pokročilejšie? Povedzte nám o nich v komentároch, alebo pošlite nám svoje myšlienky na adresu [email protected] a môžeme ich zahrnúť do nadchádzajúceho grafického článku.

Link
Plus
Send
Send
Pin