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

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

Animovaný GIF - banner

Google       Google       16. 9. 2006       50 940×

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 NopCommerce – datová vrstva a přístup k datům – 2. díl

NopCommerce – datová vrstva a přístup k datům – 2. díl

V minulém článku jsme si představili platformu NopCommerce z globálního pohledu. V dnešním díle se již zaměříme na konkrétní část systému, a to datovou vrstvu. Představíme si základní stavební kameny systému v podobě doménových objektů. Ukážeme si, jakým způsobem rozšířit doménové objekty a jakým způsobem přistupuje NopCommerce k nastavení systému a modulů.

Obrázek ke článku Seznamte se s open source platformou NopCommerce – 1. díl

Seznamte se s open source platformou NopCommerce – 1. díl

Hledáte e-commerce řešení, které si dokážete přizpůsobit podle vašich požadavků? Chcete čistý a srozumitelný kód, se kterým bude radost pracovat? Prozkoumejte s námi možnosti open source projektu NopCommerce. Seriál programování pod NopCommerce vám pomůže překonat první kroky nejistoty a úspěšně zvládnout vývoj pod platformou NopCommerce.

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