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

Animovaný GIF - bannerAnimovaný GIF - banner

 

Animovaný GIF - banner

Google       Google       16. 9. 2006       49 758×

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 RAD Studio a Windows Store

RAD Studio a Windows Store

RAD Studio je první vývojové prostředí se zabudovanou podporou balení aplikací typu Win32 a Win64 pro jejich umístění a šíření prostřednictvím Windows 10 Store.

Reklama
Reklama
Obrázek ke článku Testujte na 2 400+ Android a iOS zařízení

Testujte na 2 400+ Android a iOS zařízení

V dnešní době, kdy většina softwaru pro mobilní aplikace je tvořena a distribuována průběžně, mnohdy do celého světa je třeba zajistit také průběžnou automatizaci testování mobilního softwaru. V případě mobilních aplikací pro Android a iOS začíná být problém, jak testovat na obrovském množství kombinací HW variant, rozměrů, edic operačních systémů různých výrobců v různých částech světa na reálných zařízení. Simulátory a emulátory nejsou většinou to pravé. Pokud již testuji, jak si udělat vlastní beta distribuci opravdovým reálným testerům napříč platformami?

Obrázek ke článku Funkcie main vo Windows API

Funkcie main vo Windows API

V tretej časti seriálu o Windows API budeme hovoriť o funkčných prototypoch main. Funkčný prototyp je tvorený názvom funkcie a typom signatúry, pričom sa vynecháva telo funkcie. 

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 © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý