Jak Animovat vlastní vlastní GIF s Photoshopem

Vytváření animací od začátku ve Photoshopu může vypadat strašidelně, ale ve skutečnosti jsou velmi jednoduché. Vypálit Photoshop a uchopit některé soubory. Je načase, abyste si oblékli kalhoty z vašich přátel se spoustou animovaných GIF!

Mluvili jsme o některých jednoduchých způsobech, jak přetáhnout video a Youtube do animovaných GIF, ale dnes vám ukážeme, jak vytvořit jednoduchou animaci bez použití jakýchkoli video souborů. Pokračujte v čtení - je to hodně legrace.

Vytváření animací pomocí animačních nástrojů aplikace Photoshop

Pro jednoduchou animaci vytvoříme část obrazu na samostatné vrstvě, kterou můžeme pohybovat. Budeme animovat pouze pohyb očí, ale můžete vytvořit jakoukoli animaci tímto způsobem, včetně skutečných ručně kreslených animačních buněk nebo pohyblivých fotografií.

Bez ohledu na to, co chcete animovat, začněte s minimálně dvěma vrstvami. V našem příkladu používáme logo HTG a my přemisťujeme jeho oči na druhou vrstvu, kterou můžeme použít k oživení pohybu.

Chcete-li začít, stáhněte panel Animace. Najděte ji v okně> Animace.

Panel se objeví v dolní části okna a je velmi jednoduchý k použití. Každý nový "rám" animace je něco jako snímek souboru. Klepněte na tlačítko v animačním panelu, kdykoli chcete vytvořit nový snímek z aktuálního stavu souboru. Ale ještě ne!

Tento panel také umožňuje nastavit "zpoždění" pro každý jednotlivý snímek, což znamená, jak dlouho (v celku nebo zlomek sekundy) se zobrazí na obrazovce, než se posune na další snímek. 25 snímků za sekundu (0,04) je standardní kurz pro animaci, ale možná i trochu rychlý pro animované GIF. Pro náš příklad jsme kompromitovali se zpožděním 0,05, které můžete také použít. Pokud chcete použít jiný počet snímků za sekundu, jednoduše rozdělte 1 o počet snímků, abyste získali správný čas zpoždění. (Například 1 sekundu děleno 25 snímky odpovídá 0,04 zpoždění.)

Cílem je posunout oční vrstvu malé přírůstky a vzít snímky po cestě. Budeme používat přesunout nástroj (klávesová zkratka "V") a nudit naši vrstvu pomocí příkazu šipky. V našem příkladu jsme vzali snímek po zachycení každé dva pixely nebo tak.

Klepnutím na tlačítko v panelu můžete vidět nové rámečky vytvořené v animaci. Oni berou časové zpoždění rámce před nimi, takže možná budete chtít vybrat správné zpoždění na prvním místě, takže nemusíte měnit množství rámců, jakmile jste hotovi zachytit obrázky.

(Autorská poznámka: Jestli jste něco jako já, budete stejně zpomalovat zpoždění o několik desítekkrát. Věci nemusí vždy fungovat přesně tak, jak chcete!)

Umístěte své rámce tak, jak budete jít, pomocí panelu vrstev přemístěte svůj objekt (v našem příkladu oči), nicméně vám to záleží, a vezměte hodně a spoustu snímků. Nezapomeňte, že asi 25 se bude rovnat jedné vteřině, takže si vezměte své snímky podle toho.

Můžete také upravit zpoždění několika snímků najednou pomocí klávesy Shift a výběrem mnoha nebo všech rámců a změnou zpoždění. Všimněte si, že můžete nastavit vaše zpoždění na "Ostatní ..." v dolní části pro použití naše vlastní zpoždění 0,05.

Přejděte na příkaz Soubor> Uložit pro web a zařízení a otevřete nástroj se stejným názvem.

Tento nástroj vám umožní vytvořit animovaný GIF pro prohlížeč, stejně jako jeho testování uvnitř nástroje (jak je uvedeno výše, kde je kurzor šipky). Ujistěte se, že chcete nastavit typ souboru na GIF a použít kterékoli z nastavení Perceptual, Selective nebo Adaptive. Ty mohou změnit váš obraz různými způsoby, ale mnozí z vás dávají téměř identické výsledky. Chcete-li snížit velikost souboru, můžete změnit svůj Velikost obrázku (směrem dolů) a vaše číslo Barvy (vpravo nahoře). Můžete také snížit velikost souboru tím, že nezahrnuje průhlednost, i když jsme v našem příkladu neudělali (Jejda!)..

A naše animované GIF je připraveno dát na web radost, šok a vytvářet úctu.

A to o zábalech pro animaci. Myšlenky nebo otázky o naší metodě? Máte lepší způsob, nebo některé jednoduché techniky? Chcete vidět něco pokročilejšího? Řekni nám o nich v komentářích, nebo nám pošlete své myšlenky na [email protected] a můžeme je zahrnout do nadcházejícího grafického článku.