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

Animovaný GIF - bannerAnimovaný GIF - banner

 

Animovaný GIF - banner

Google       Google       16. 9. 2006       49 303×

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

Obrázek ke článku Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres HCPP16 pořádá od 30. září do 2. října nezisková organizace Paralelní Polis již potřetí, a to ve stejnojmenném bitcoinovém prostoru v pražských Holešovicích. Letos přiveze na třídenní konferenci přes 40 většinou zahraničních speakerů – lídrů z oblastí technologií, decentralizované ekonomiky, politických umění a aktivismu. Náměty jejich přednášek budou také hacking, kryptoměny, věda, svoboda nebo kryptoanarchie.

Reklama
Reklama
Obrázek ke článku ICT PRO školení zaměřené nejenom na ICT

ICT PRO školení zaměřené nejenom na ICT

Dovolte, abychom se představili. Jsme zaměstnanci společnosti ICT Pro, profesionálové v oblasti poskytování komplexních ICT služeb. Neboli služeb spojených s informačními a komunikačními technologiemi, které dnes - ve 21. století - tvoří  nedílnou součást běžného provozu všech moderních firem.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý