Lottie animace vytvořené morfováním tvarů vypadají skvěle. Stejně tak jsou ale dokonalé i co do způsobu vytvoření, protože obsahují jen nezbytný počet vektorových tvarů a animace je provedena jen nezbytným počtem keyframů a zcela bez expressions, které by musely být průběžně vypočítávány. Objednejte si pro svůj web vytvoření animace, která jej zaručeně oživí.
MOŽNOSTI PROVEDENÍ
Systém morfování je připravený pro přeměnu 2 a více grafik mezi sebou, a to pomocí změny pozic tvarů, které je tvoří. Morfování může probíhat mezi texty, ale i jakýmikoli dalšími grafikami, které mohou být rozeznatelně zobrazeny pomocí jednobarevných tvarů. Tvary mohou být čtverec, kruh nebo i složitější vektorové obrazce. Systém je připravený pro různé alternativy, s volbou mnoha nastavení, umožňující dosahovat jedinečných výsledků. Systém využívá 3 propracovaných technik:
Pozice tvarů mohou být získány různými technikami v Adobe Illustratoru (návod si můžete prohlédnout zde) nebo spočítány přímo v After Effects. Metoda v Adobe Illustratoru je náročnější na přípravu, ale skýtá možnost manuálního doladění designu výsledného grafického podkladu. V současné době pracuji na scriptu, který umožní rychlejší dosažení výsledků.
Výpočet přímo v After Effects byl náročnější na přípravu, ale je rychlejší. Plná automatizace neumožňuje jakékoli manuálního doladění, ale jsou možné volby velikosti tvaru a velikosti mezer mezi tvary.
U Lottie animací hraje velikost souboru významnou roli, proto jsem nově vyvinul i způsob výpočtu, který dokáže zkombinovat tvary více velikostí a tím snížit celkový počet tvarů pro každou grafiku. Grafika přitom zůstane stále dobře rozeznatelná. Výpočet dokáže také automaticky reagovat na plochy s různou barvou. Možnosti přepočtu jsou následující:
U samotného morfování je možné si zvolit z mnoha možností:
Základní volbou je, zdali všechny prolnutí mezi grafikami budou probíhat ve stejném směru. Další volbou si můžete vybrat, zdali při konkrétním prolnutí mezi 2 grafikami začne odběh z 1.grafiky ve stejném směru jako náběh 2.grafiky. Tato volba je především výhodná, když máte např. 1.grafiku umístěnou nad druhou a chcete, aby odběh z 1.grafiky začal zespoda a náběh na 2.grafiku shora. Připravené směry prolnutí jsou následující:
Pro nejmenší velikost Lottie jsou připraveny tyto možnosti:
Způsoby přiřazení barev mohou být také následující:
Volby časů ovlivňují celkovou dynamiku Lottie animace (ale nikoli velikost souboru). Lze si zvolit:
Všechny změny jsou provedeny nelineárně.
Způsoby přiřazení barev mohou být také následující:
Lottie animace připravená systémem morfování tvarů vždy zaujme a i díky jediné takové Lottie animaci se váš web stane nápaditým a zapamatovatelným. Na míru vytvořenou Lottie animaci si můžete prohlédnout na webu společnosti MESSAG s.r.o.
Ukázky fungování systému a možností přizpůsobení naleznete také v tomto videu:
