Avatar je důležitý atribut pro uživatele fóra nebo online hry. A pokud bude ten samý avatar animovaný a hlavně originální, tak prestiž uživatele fóra přirozeně vzroste.

Na konci článku je video natočené na základě materiálů z lekce v Adode Photoshop CS6. Pro lepší pochopení lekce si také pomocí odkazů na konci článku stáhněte soubor PSD pro vytvoření animovaného avatara.

Po přečtení tohoto animačního tutoriálu si snadno vytvoříte svého vlastního avatara, ve kterém se obrázek postupně vynořuje z bílého pozadí.

Nyní vytvoříme animovaného avatara, ve kterém se obrázek postupně vynořuje z bílého pozadí. Podívejte se na konečný výsledek:

Takže si ve Photoshopu otevřete obrázek, ze kterého chceme udělat animaci. Vzhled samotného obrázku uděláme pomocí nástroje Pattern Stamp Tool, proto nadefinujeme celý obrázek jako vzor. Přejděte na kartu hlavního menu Upravit ->Definovat vzor (Upravit ->Definovat vzor), v okně, které se otevře, zadejte nějaký název, i když můžete ponechat výchozí, klikněte na OK.

Na nástrojové liště vyberte "Pattern stamp" , v horní části pracovního okna programu, na nástrojové liště klikněte na tlačítko pro otevření palety vzorů a vyberte náš nový vzor. Nezapomeňte zaškrtnout volbu "Zarovnání" !

Nyní si vytvoříme štětec, kterým vytvoříme vzor.

K vytvoření štětce potřebujeme novou vrstvu. Vytvořte novou vrstvu stisknutím kombinace kláves Ctrl + Shift + N a poté vypněte viditelnost vrstvy s obrázkem.Nová prázdná vrstva by nyní měla být aktivní. Pomocí nástroje Recangular Marquee Tool vytvořte výběr o velikosti přibližně 8 x 80 pixelů (velikost není důležitá, důležité jsou proporce) a vyplňte výběr černou barvou stisknutím klávesy D a poté Alt+Delete

Teď musíme uložit výběr jako štětec. Přejděte na kartu Úpravy ->Definovat štětec (Upravit ->Definovat přednastavení štětce), v okně, které se otevře, klikněte na OK.

Znovu si vezměte nástroj Razítko vzoru. Nyní musíme upřesnit nastavení štětce razítka, pro které klikneme na tlačítko:

Otevře se obvyklá paleta nastavení štětce. Nejprve zadejte parametry tisku štětce:

Poté nastavení rozptylu štětcem:

A teď ta animace!

Nejprve si připravte vrstvy animace.

Vrstvu, kde jsme vytvořili obdélníkový výběr, vyplňte bílou barvou stisknutím Ctrl+Delete, předtím ji nezapomeňte zrušit stisknutím Ctrl+D. Toto bude pozadí naší animace.

Poté vytvořte novou vrstvu kliknutím na ikonu pro vytvoření nové vrstvy ve spodní části panelu vrstev, nebo můžete stisknout kombinaci kláves Ctrl+Shift+N. Toto bude náš druhý animační snímek. První tahy na něj dáme vzorovaným razítkem, mělo by to dopadnout nějak takto:

Vytvořte novou vrstvu. Nakreslete další fragmenty razítkem:

Opakoval jsem akci vytvoření vrstvy a kreslení na ni razítkem několikrát, osmkrát, dokud jsem nedostal tento obrázek:

Nyní změňme nastavení štětce na razítka. Nyní snižte parametr Scattering na cca 120%.

Vytvářím opět pár nových vrstev, do nich maluji štětcem.

Nyní se opět vyplatí změnit nastavení štětce, tentokrát v sekci "Tvar špičky štětce" snižuji hodnotu "Intervaly" na cca 170 procent. A znovu opakuji kroky vytváření vrstev a kreslení, dokud není obrázek v dokumentu téměř sestaven:

Teď začněme animovat avatara. Vypněte viditelnost všech vrstev kromě bílého pozadí. Otevřete panel animace Okno ->Animace (Okno ->Animace) nebo Okno ->Časová osa (Okno ->Časová osa) ve verzi Photoshopu CS6. První a zatím jediný snímek animace bude mít bílé pozadí. Ponecháme výchozí dobu zobrazení snímku 0,5 sekundy.Vytvořte druhý snímek animace kliknutím na tlačítko „Duplikuje vybrané snímky“ ve spodní části panelu animace. Pro nový snímek nastavte čas zobrazení na 0,1 s. V panelu vrstev zapněte viditelnost první vrstvy tahy vzorovaného razítka, nachází se bezprostředně nad bílou vrstvou. Věnujte pozornost druhému snímku v panelu Animace, nyní zobrazuje vrstvu právě zahrnutou v paletě Vrstvy.

Poté vytvořte další snímek animace a zapněte viditelnost vrstvy umístěné výše v panelu vrstev. A opakujte kroky pro vytvoření rámečků animace a zapnutí vrstev, dokud se nedostaneme na vrchol palety vrstev.

Zbývá dokončit vzhled obrázku. Chcete-li to provést, vytvořte další snímek na měřítku animace a vypněte viditelnost všech vrstev kromě spodní vrstvy s obrázkem. Všechno.

Uložte soubor jako GIF přes Soubor ->Uložit pro web a zařízení.

Návod na animaci avatara:

Stáhněte si soubor PDS na základě materiálů lekce:Stáhnout z Depositfiles.com

Kategorie: