7. Animace

7.1.
Předěly

Součástí vizuální identity je také motion design, tedy animace, které dělíme do třech kategorií:
1) Předěly
2) Lišta se jménem
3) Animace loga
Vše se nachází ve sbalené složce s šablonou programu Adobe AfterEffects s názvem „SZIF_jingly_predely“.

Mezi logem nebo titulkem videa a samotným videem je možné použít předěly, které jsou tvořeny rastrem diagonál z loga. Předěly je možné použít jak na začátku videa, tak na konci, ale i mezi jednotlivými videostopami. Používáme dva základní typy – symetrický (Predel1) a asymetrický (Predel2). Oba je možné pouštět tam i zpět. Je také možné použít je jako masku (Predel_maska). Důležité však je zachování stanovené rychlosti a dynamiky z přiložené šablony.

V šabloně se připravené předěly objevují jako samostatné kompozice pod názvy „jingly“, „jingly2“ a „jingly_odkrejvacky“ viz obrázek „Predely_navod_1“. Je možné je použít zabarvené do bílé, do černé, do základní zelené a nebo s použitím masky při přechodu do jiné videostopy. V animaci předělů používáme základní barvu společnosti SZIF, zelenou Pantone 7482 C v systému RGB (2.3.) Maska je tvořena přes funkci „Track Matte“ viz obrázek „Predely_navod_2“ ze šablony ke stažení zde:
http://manual.hmsdesign.cz/media/download/szif/SZIF_sablona_zdroje.zip

Předěl 1 – ukázka 1

Předěl 1 – ukázka 2

Předěl 1 – ukázka 3

Předěl 2 – ukázka 1

Předěl 2 – ukázka 2

Předěl 2 – ukázka 3

7.2.
Lišta se jménem

U některých videí je potřeba zobrazit lištu se jménem nebo s textem. Šablona obsahuje tuto lištu, která opět vychází z diagonály a objevuje se v levém spodním rohu obrazu. Směrem doprava se rozjíždí až na požadovanou velikost, určenou délkou jména nebo textového sdělení. Při dojíždění lišty se objevuje text. Preferuje se zobrazení vlevo a rozjíždění doprava. Je však povolené i opačné užití (zprava doleva). Je důležité zachovat dostatečný čas na přečtení jména nebo textu. Poté se lišta opět „sbalí“. V animaci používáme vždy základní barvu společnosti SZIF, zelenou Pantone 7482 C v systému RGB (2.3.)

V šabloně se lišta objevuje v kompozici „jingly“ a je tvořena modrou vrstvou „Shape object“. Rozjíždění se tvoří za pomocí potažení třech bodů objektu, při zapnuté vlastnosti „path“ viz obrázek „Lista_navod“ ze šablony ke stažení zde:
http://manual.hmsdesign.cz/media/download/szif/SZIF_sablona_zdroje.zip

Lišta se jménem – ukázka 1

Lišta se jménem – ukázka 2 

Lišta se jménem – ukázka 3

7.3.
Animace značky

Společnost SZIF se prezentuje nejen tištěnými materiály, ale také videoreportážemi a jinými videovstupy především na sociílních sítích. K jednotné prezentaci přispívá také animace značky. Může se umístit buď na začátek videoreportáže nebo na konec. Značka se může ve videu jednoduše objevit, vylnout (opacity 0–100%) nebo je možné použít animaci značky. Ta začíná tečkou (obdélníčkem) ve středu formátu, která se rozšíří do diagonály (šablona obsahuje i rychlejší variantu, kde se začíná rovnou u diagonály). Poté se na obě strany odkrývají horizontály tvořící s diagonálou písmeno „Z“ a dále se odkývají zbylé litery z loga. Nakonec se odkrývá i text (název společnosti) a současně s ním se celá značka posouvá na střed. Animaci lze také použít i pozpátku (z plného loga do tečky). Je možné použít již hotové animace loga v mp4 formátu, bez nutnosti otevírání šablony v programu After Effects. Hotové animace jsou také součástí dat „SZIF_sablona_zdroje“ ke stažení zde:
http://manual.hmsdesign.cz/media/download/szif/SZIF_sablona_zdroje.zip

Tuto animaci značky je možné používat v pozitivu (zelená na bílé) i v negativu (bílá na zelené). V animaci značky používáme základní barvu společnosti SZIF, zelenou Pantone 7482 C v systému RGB (2.3.)

Animace loga – ukázka jednotlivých fází