Photoshop tutoriál: Please Wait animace - Grafika.cz - vše o počítačové grafice

Fotosoutěže
Fotogalerie
Rubriky
Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:

Nabídka práce


Photoshop

Photoshop tutoriál: Please Wait animace

ts_please_wait-nahled3.gif

23. září 2005, 00.00 | Dnes si zkusíme ve Photoshopu nastínit postup při tvoření animované ikonky pro signalizaci zaneprázdnění programu. Výsledkem bude GIFová animace známá například z prohlížeče Firefox, nebo MAC OS X.

Dnes si zkusíme ve Photoshopu nastínit postup při tvoření animované ikonky pro signalizaci zaneprázdnění programu. Výsledkem bude GIFová animace známá například z prohlížeče Firefox, nebo MAC OS X.

Založíme si nový dokument, nejlépe s bílým pozadím. Poměrně důležité je, aby byl čtvercový. Není to nutností, ale může se nám to hodit později.

Nástrojem Shape, konkrétně elipsou, vytvoříme malý kruh v horní části dokumentu. Vybrat si můžeme samozřejmě jakoukoliv barvu než modrou.

Protože potřebujeme více takových kruhů v jedné vrstvě, tak označte náš první kruh pomocí Nástroje pro výběr cesty (A) a zkopírujte jej držením tlačítka ALT a tažením.

Nyní potřebujeme tyto kruhy symetricky zarovnat. Oba označíme Nástrojem pro výběr cesty (A), čímž se nám zvýrazní několik nových voleb v horní nástrojové liště. Použijeme funkci Zarovnat vodorovné středy (Align Horizontal Centers). Poté zvolíme Vrstvu 1 (s bílým pozadím) a svážeme ji s vrstvou s kruhy (u vrstvy z kruhy se objeví ikonka řetězu). Poté zvolíme nástroj Přesunu (V) a opět zvolíme Zarovnání vodorovných středů. Nyní máme kruhy perfektně zarovnané.

Celkem potřebujeme 12 kruhů, ale nyní máme pouze dva. Kopírování je velmi jednoduché. Označíme oba kruhy pomocí Nástroje pro výběr cesty (A), zkopírujeme (CTRL+C), vložíme (CTRL+V) a otočíme (CTRL+T). Po stisknutí CTRL+T se nám v horní liště zobrazí několik parametrů. Zde nalezneme nastavení úhlu a vložíme hodnotu 30.

Neuškodí, pokud aplikujeme efekty vrstvy. Zde můžeme experimentovat dle potřeb.

Nyní potřebujeme efekt vyblednutí, proto založíme novou vrstvu výplně. V menu zvolíme Vrstva -> Nová vrstva výplně -> Přechod.

Zde nastavíme následující:
- přechod z bílé do průhledné
- styl: úhlový
- úhel: 75

S grafikou jsme hotovi, nyní založíme nový dokument, kde bude každá vrstva prezentovat jedno okénko animace. Do nového dokumentu nakopírujeme hotový obrázek pomocí označení (CTRL+A) a kopírování sloučeného výběru (CTRL+SHIFT+C). Přepneme se do nového dokumentu do příslušné vrstvy a obrázek vložíme. Přepneme se zpět a pomocí funkce Vrstva -> Rastrovat -> Obsah vrstvy rastrujeme vrstvu s přechodem. Pomocí CTRL+A a CTRL+T jej pak otočíme o 30 stupňů. Toto opět zkopírujeme do druhého dokumentu do další vrstvy. Takto vytvoříme celkem 12 vrstev s jednotlivými kroky animace.

Naši práci uložíme a přepneme se do ImageReady (CTRL+SHIFT+M). Zde skryjeme všechny vrstvy, kromě té první. Toto bude první okénko animace. Zpoždění nastavíme na 0,1s.

Poté duplikujeme snímek (v dolní liště u animace) a zobrazíme druhou vrstvu. Opět nastavíme zpoždění a takto dále pokračujeme pro všechny okénka animace.

Výsledek si můžeme prohlédnout stisknutím CTRL+ALT+P a uložit jej pomocí CTRL+ALT+SHIFT+S.

Tutoriál je publikován se souhlasem autora - Vlada Gerasimova. Další práce autora můžete najít na jeho webu www.vladstudio.com.

Tématické zařazení:

 » Rubriky  » VSE  

 » Rubriky  » Go verze  

 » Rubriky  » Photoshop  

Poslat článek Diskuse (0) Tisk Přečteno: 1018x

www.grafika.cz/rubriky/photoshop/photoshop-tutorial-please-wait-animace-133726cz

 

 

 

Nejčtenější články
Nejlépe hodnocené články
Nabídka bazar

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: