Jak vytvořit animovaný banner?
Úkolem bannerů a reklamy, je návštěvníka upoutat a přimět, k tomu aby klik na odkaz a byl přesměrován na vaše stránky. Bohužel lidské oko většinou. již funguje, jako “ firewall“ na reklamy a tak si většinou u obyčejné reklamy nikdo nevšimne, že tam vůbec ne. Animovaný banner, je ale opak toho si člověk všimne hned protože se v něm „něco“ pohybuje a to upoutá pozornost. Proto jsou dnes preferovány raději animované bannery.
Jak vytvořit animovaný banner?
- Spusťte si Adobe Photoshop (Nejlépe CS5)
- Vyberte si rozměr banneru. Rozměry jsou ZDE (Já budu vytvářet základní banner o rozměrech 468×60.)
- Vytvořte si pozadí banneru, dle libosti.
Pozor, každou pohyblivou část musíte dát na novou vrstvu
- Pomocí textového nástroje vytvořte název banneru př: Svět webu
- Nyní se vrhneme na části, které budou vytvářet animaci.
- Může se jednat o obrázky, text cokoliv. Já využiji textu.
- Bez animace by vypadal banner takto:
- Nyní klikněte v horním menu Okna> Animace
- Objevilo se vám okno, kde jsou dvě možnost Animace(Časová osa),Záznam měření
- Teď je třeba upravit v Animace(časová osa) trvání jednotlivých vrstev.
- Vrstvu s pozadím banneru nechtě po celou dobu a text s názvem banneru ( v mém případě Svět webu)
- První text dejte kousek začátku, ale ukončete například na 2s, další text začněte od 2s a ukončete na 4 atd.
Pozor na ukládání nestačí dát uložit jako a .gif !
Ukládání:
- Soubor > Uložit pro web a zařízení
- Zde nastavte formát GIF
- Důležité je vpravo dole nad Hotovo: Opakování zde si můžete nastavit opakování ( Já dal stále)
- Už stačí jen kliknout Uložit.
Díky , super stránky a srozumitelný návod , ale potřeboval bych jak nastavit aby ten banner fungoval jako hypertextový odkaz
Jednoduše tag img s adresou obrázku obalíš tagem na odkaz příklad: