pzeleny@kurzygrafiky.cz        Tel.: 724 810 701

Košík je prázdný

Tvorba jednoduché animace ve Photoshopu CS4

V době internetu je dobré umět vytvořit online reklamní banner. Photoshop kromě statických obrázků umožňuje i tvorbu jednoduchých animovaných GIFů. V následujícím příkladu se naučíte jak takový banner připravit.

1, Ve Photoshopu vytvořte nový dokument
Zvolte nabídku Soubor - Nový. U bannerů na web je velmi důležitá jeho velikost - rozměry v pixelech. Obvykle je pevně daný rozměr, který musíte dodržet. Popřípadě můžete otevřít fotografii a zmenšit (oříznout ji) na požadovanou velikost.


 

2, Zapněte si okno Animace
V nabídce Okna - Animace otevřete panel, který ve Photoshopu slouží pro tvorbu snímků animace. V novějších verzích  vybíráte Okna - Časová osa.

animace Photoshop


 

3, Vytvořte nové vrstvy, které budeme animovat
V tomto příkladu duplikujeme vrstvu pozadí. Ideálně kliknout na vrstvu pravým tlačítkem myši, vybrat volbu Duplikovat vrstvu a následný dialog potvrdit tlačítkem OK.

animace Photoshop


 

4, Použijte Filtry
My budeme chtít rozsvítit světla u auta. V hlavní nabídce vyberte položku Filtr - Vykreslit - Odlesk objektivu. V dialogovém okně filtru nastavte požadovaný typ a umístění - u našeho auta jsem kliknul na pravý světlomet, nastavil jas na 99% a zvolil typ objektivu 105mm.

animace Photoshop


 

5, V okně Animace vytvořte nový snímek
Nový snímek vytvoříte kliknutím na ikonu bílého lístku (nalevo od ikony Koše). Snímků můžete vytvořit libovolné množství, nejlépe podle počtu scén, které budete chtít v animaci střídat.

animace Photoshop


 

6, V jednotlivých snímcích animace zobrazte, nebo skryjte vrstvy
Princip animace ve Photoshopu je založen na zobrazených vrstvách. Pokud vrstvu skryjete (ikona oka nalevo u dané vrstvy) v okně Vrstvy, nebude s daném snímku animace zobrazovat.

animace Photoshop


 

7, Nastavte časy jednotlivých snímků
Každé políčko animace by mělo mít nastavenou dobu trvání. Speciálně pokud použijete text, je potřebné aby snímek měl dostatečnou dobu zobrazení pro čtení textu.

animace Photoshop


 

8, Otestujte a uložte animaci
Vyzkoušejte si, zda-li délka animace vyhovuje tlačítkem Přehrát (Play) v okně Animace. Pokud chcete výsledek uložit pro web používejte nabídku Soubor - Uložit pro web... V dialogu pro ukládání vyberte formát GIF, je to jediný bitmapový formát, který podporuje animace. To je velmi důležité, jinak Vám animace na webu nebude fungovat.


 

 

Kombinace vrstev, snímků a efektů již záleží na Vaší fantazii. Výsledek může vypadat například takto:

animace Photoshop

 


 

Kompletní obrazovka a stavy Historie k uvedené animaci:

animace Photoshop

------ © 2015 KURZY GRAFIKY ------ Všechna práva vyhrazena. Kopírovat obsah bez souhlasu autora je zakázáno.

Icons made by Freepik from www.flaticon.com is licensed by
CC BY 3.0

Soubory cookie nám pomáhají poskytovat, chránit a zlepšovat naše služby. Pokud budete náš web používat i nadále, vyjádříte tím svůj souhlas s našimi zásadami týkajícími se souborů cookie.

 

OBCHODNÍ PODMÍNKY

KURZYGRAFIKY.CZ

Prokop Zelený, DiS.
Veronské nám. 331
Praha 10  10900

pzeleny@kurzygrafiky.cz
tel.: 724 810 701

Soubory cookie nám pomáhají poskytovat, chránit a zlepšovat naše služby. Pokud budete náš web používat i nadále, vyjádříte tím svůj souhlas s našimi zásadami týkajícími se souborů cookie. Informace o cookies ZDE.

  
EU Cookie Directive Module Information