Jak vytvořit animovaný banner?

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

Náhled 1

    • 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:

Náhled 2

    • 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.

Výsledek:

Animovaný banner


Můžete zanechat odpověď, or trackback z vašich vlastních stránek.

2 Komentáře do “Jak vytvořit animovaný banner?”

  1. Souky napsal:

    Díky , super stránky a srozumitelný návod , ale potřeboval bych jak nastavit aby ten banner fungoval jako hypertextový odkaz

Zanechat Komentář

Powered by WordPress | Get Cheap or Free T-MobileCell Phones Online. | Thanks to Best Savings Accounts, Credit Cards and Reverse lookup