Kód kurzu: BANN1« Krok zpět

Tvorba animovaných bannerů – přechod od technologie Flash k HTML5 + CSS3 + JavaScript

Potřebujete vytvářet reklamní bannery kompatibilní s mobilními zařízeními? Řešíte situaci, kdy máte již vytvořen animovaný banner technologií Flash, ale potřebujete ho mít ve formátu HTML5 + CSS3 + JavaScript? Jste grafik nebo manažer mající na starosti reklamu na internetu a potřebujete správně připravit reklamní banner splňující specifikace adWords, Seznam.cz apod.? Přesně pro vás je určen tento kurz.
Na různých verzích Adobe Animate (Flash Professiona) si ukážeme přípravu banneru s následným exportem do HTML5 + CSS3 + JavaScript nejrychlejší a nejefektivnější cestou. Později se pustíme do tvorby HTML5 + CSS3 + JavaScript banneru „na zelené louce“. Na závěr se podíváme na přípravu videopřehrávače a připomeneme si práci s videem ve formátu Flash, současně se naučíme pracovat s videem v HTML5 a vytvoříme si vlastní videopřehrávač.

Kurz lze realizovat na platformě Mac OS X Kurz lze realizovat na platformě MS Windows
 DatumDnůCena kurzuCena materiálůJazyk výukyLokalita 
13.2.2017 1 3 700 CZK v ceně kurzu Český jazyk GOPAS Praha
 
29.5.2017 1 3 700 CZK v ceně kurzu Český jazyk GOPAS Praha
 
8.3.2017 1 3 300 CZK v ceně kurzu Český jazyk GOPAS Brno
 
15.3.2017 1 125,00 EUR v ceně kurzu Slovenský jazyk GOPAS Bratislava
 
28.6.2017 1 125,00 EUR v ceně kurzu Slovenský jazyk GOPAS Bratislava
 

PobočkaDnůCena kurzuCena materiálůITB
Praha1 3 700 CZK v ceně kurzu 0
Brno1 3 300 CZK v ceně kurzu 0
Bratislava1 125,00 EUR v ceně kurzu 0

Pro koho je kurz určen

  • grafik pracující v reklamní či mediální agentuře, který musí rychle a efektivně řešit problematiku zpracování bannerů a jejich výstupů
  • programátor rozšiřující si povědomí o možnostech exportu dat z Adobe Animate (Flash) do HTML5 + CSS3 + JavaScript

Co Vás naučíme

  • převést již hotový animovaný banner z Adobe Animate (Flash) do HTML5 + CSS3 + JavaScript
  • vytvořit animovaný banner v HTML5 + CSS3 + JavaScript od začátku
  • vyhovět specifikacím SPIR, adWords, Seznam.cz
  • vytvořit videobanner

Požadované vstupní znalosti

Základní znalost Adobe Animate (Flash) (v rozsahu kurzu INTFL1), základní znalost HTML a CSS (v rozsahu kurzu INTHTML). Výhodou je základní znalost JavaScriptu.

Metody výuky

Odborný výklad s praktickými ukázkami a příklady, praktická cvičení na počítačích.

Osnova kurzu

Adobe Flash CS6 – využití externích nástrojů pro převod *.swf do HTML5
  • Swiffy (Google online nástroj / plugin do Adobe Flash CS6)
  • výstup v HTML5 a CSS3, grafický obsah generovaný v Base64, JavaScript
  • Toolkit CreateJS
  • EaseJS – interakce s myší, filter efekty, zobrazeni veškeré grafiky
  • TweenJS – zpracovaní animaci
  • SoundJS – knihovna pracující se zvuky
  • výstup v HTML5 Canvas
  • základní scriptování prokliku bannerů pomoci JavaScriptu v Adobe Flash
Adobe Animate (Flash) CC
  • nastavení exportu (publish settings)
  • (ne)podporované součásti obsahu při exportu
  • výstup v HTML5 Canvas za pomoci vestavěné knihovny CreateJS
Příprava bannerů v čistém HTML5 + CSS3 + JavaScript
  • typy bannerů (Skyscraper, iLayer, video-rollband atd.)
  • příprava a validace grafických podkladů
  • animace pomocí CSS3 vlastností animation a transition
  • vytvořeni cyklického banneru za pomoci JavaScriptu
  • příprava bannerů dle specifikací SPIR, adWords, Seznam.cz
Příprava videobannerů – Flash
  • video vložené na časovou osu
  • streamované video versus pseudostream
  • použiti přednastavené šablony přehrávače
Příprava videobannerů – HTML5
  • formáty videa pro web
  • konverze videa v Adobe Media Encoder
  • tvorba videopřehrávače s přednastavenými ovládacími prvky
Tištěné nebo elektronické studijní materiály GOPAS

Cena:
v ceně kurzu
Uvedené ceny jsou bez DPH.