Animovaný GIF - banner
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama

Animovaný GIF - bannerAnimovaný GIF - banner

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno

Animovaný GIF - banner

Google       Google       16. 9. 2006       51 512×

Pokud vás zajímá, jak vyvořit animovaný GIF, čtěte dál.

Reklama
Reklama

1) Vytvořte nový dokument s rozměry 88×31 (standardní baner).

2) Nakreslete si nějaký zajimavý podklad.

3) nyní si vložte nějaké texty (místo textu můžete použít i obrázky).

4) Když máte vytvořeny vrstvy, můžete spustit program, který je součástí Photoshopu a umožňuje vytvářet animace. Program se jmenuje ImageReady a spustíte ho tlačítkem Přepnout na ImageReady v panelu nástrojů [Ctrl + Shift + M].

Pracovní plocha ImageReady je velmi podobná s plochou Photoshupu

My zaměříme pozornost na paletku Animace (Animation). Zde můžeme vidět jednotlivé snímky (framy). V pořadí jak jsou za sebou se budou postupně zobrazovat.

Nyní byste měli mít v paletce Animace jen jeden snímek (frame). Jediná vrstva, která je viditelná, je zatím podklad.

5) Nyní zviditelněte textovou vrstvu Recenze. Změna se ihned projevý i v náhledu Snímku, poté stiskněte tlačítko Duplikovat platní snímek. Vytvoří se kopie snímku. V tomto snímku jen změňte viditelnost vrstev. Tedy textovou vrstvu Rezence zneviditelněte a zviditelněte vrstvu Games. Tu opět duplikujte na platný snímek, změňte opět viditelnost vrstev a tak pokračujte dokud nebudete mít všechny snímky připraveny.

Takto to bude vypadat až budete mít všechny snímky připraveny:

6) Pod každým snímkem je zobrazen čas v sekundách. Číslo ukazuje, jak dlouho bude snímek vidět, než se zobrazí následující snímek.

Nyní u každého snímku můžete nastavit čas. Pokud chcete mít u všech snímků stejný čas, držte klávesu Ctrl a vyberte všechny snímky kliknutím myší.

7) Pokud chcete, aby se vaše animace přehrála více než jednou, tak v palatce Animace vyberte Volby přehrávání a z nabídky Stále.

8) Nyní si můžete prohlédnout, jak bude vypadat animace. Klikněte na tlačítko Spustit/zastavit animaci v paletce Animace.

9) Nyní stačí už jen animaci uložit Soubor → Uložit optimalizovaný (Save Optimized) [Ctrl + Alt + S]. Obrázek musíte uložit ve formátu GIF.

PS: Pokud provedete ve Photoshopu nějaké změny, ty se poté projeví i v ImageReady

Teď už jen výsledná animace.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
(fotka) Jan MalýAutor programuje ve VB, HTML, CSS. Zajímá se o grafiku, fotografování
Web     Twitter     Facebook    

Nové články

Reklama
Reklama
Obrázek ke článku Jak fungoval internet ve vlaku během Train Hackathonu Kiwi.com?

Jak fungoval internet ve vlaku během Train Hackathonu Kiwi.com?

“Hackathon bez internetu?” posmívala se v komentářích pod pozvánkami na loňský #kiwicomtrainhack IT komunita napříč weby i sociálními sítěmi. Poznámky se zdály oprávněné, internetové připojení v českých vlacích má různou kvalitu a pořádat hackathon, na kterém je kvalitní internetové připojení základním požadavkem na organizátory, se zdálo být troufalé.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032018 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý