Ako Animovať svoj vlastný GIF s Photoshopom

Obsah:

Ako Animovať svoj vlastný GIF s Photoshopom
Ako Animovať svoj vlastný GIF s Photoshopom

Video: Ako Animovať svoj vlastný GIF s Photoshopom

Video: Ako Animovať svoj vlastný GIF s Photoshopom
Video: DIY Pop-Up Flash Diffusers Challenge - YouTube 2024, Apríl
Anonim
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!
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

Image
Image
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í.
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.

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
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!
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.)

Image
Image

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
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.
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.
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.
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.
Ak chcete otvoriť nástroj s rovnakým názvom, prejdite na položku Súbor> Uložiť pre web a zariadenia.
Image
Image

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 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.

Odporúča: