Vytvořím z vašich textů Lottie animaci rotující v 3D prostoru

Lottie animace rotující v 3D prostoru zaručeně přitáhnou pozornost návštěvníků vašich stránek a snadno jimi předáte hlavní informace. Připravím vám animaci, kterou můžete začít ihned používat a u které máte jistotu, že bude obsahovat jen nezbytný počet vektorových tvarů, pouze s nezbytným počtem keyframů a zcela bez expressions, které by musely být průběžně vypočítávány. Vyberte si z připravených možností nebo sdělte své požadavky na výsledek.

PŘIPRAVENÉ MOŽNOSTI

Lottie animace obsahu rozděleného na části rotující v 3D prostoru

Logo VideoSlideshow
VS191LO

Komplexní systém pro tvorbu tohoto typu Lottie animací umožňuje kombinovat mnoho nastavení a tímto způsobem připravovat jedinečné animace pro vaše webové stránky.

Základní možností přizpůsobení je volba počtu textů a jejich délka. Mohou tak rotovat minimálně 2 a maximálně teoreticky mnoho desítek textů. Z hlediska velikosti animace a její zajímavosti ale doporučuji připravovat podklady pro 3-8 textů. Co se týká jejich délky, je vhodné si připravit texty podobné délky s tím, že délka nejdelšího textu definuje počet rotujících skupin. Pro texty je možná volba fontu z připravených možností, ale lze je připravit téměř z jakéhokoli fontu.

Texty lze číst vodorovně nebo svisle. Svislé animace mohou decentním způsobem doplňovat téměř jakýkoli obsah na webové stránce. Připravil jsem podrobný přehled možností animace, se kterým se můžete seznámit na této stránce. Vzhledem k tomu, že se jedná o mnoho informací, připravil jsem i nabídku několika předem definovaných kombinací nastavení, ze kterých si můžete rychle zvolit to, které by pro vaši Lottie animaci bylo nejvhodnější.

Aktuálně je animace připravena pro zobrazování textů, ale systém plánuji postupně rozšiřovat, protože jeho využití může být i pro zobrazování dalšího obsahu, jako jsou především vektorové tvary nebo rastrové obrázky či fotky.  

Přehled možností animace

Pro přehlednost budou možnosti animace prezentovány na ukázkových příkladech. Základními pojmy jsou kromě "textů" také "skupiny", což jsou písmena z různých textů, které se otáčí společně, a "bočnice", což jsou tvary, které zakrývají skupiny z obou stran.

3 způsoby rotace

Můžete si vybrat způsob, jakým probíhá rotace. Buď může obsah postupně nabíhat nebo postupně nabíhat i s menší stálou rotací a nebo všechny skupiny rotují stejnou rychlostí společně.

Směr rotace může být u vodorovné sestavy skupin nahoru či dolů a u svislé sestavy skupin doleva či doprava.

Časování těchto způsobů se liší. Pro stálou rotaci se volí čas 1 otočení. Pro postupný náběh se volí celková doba náběhu textu (od startu náběhu písmene v 1. skupině po start náběhu písmene v poslední skupině), čas náběhu dalšího písmene ve skupině a čas zobrazení textu.

Postupný náběh
Postupný náběh se stálou rotací
Stálá rotace

Směr otáčení

Při vertikálním otáčení skupin si lze zvolit směr otáčení nahoru nebo dolů. Při horizontálním otáčení skupin si lze zvolit směr otáčení doleva nebo doprava. V obou případech je této volbě správně přizpůsobeno pořadí textů.

Doleva
Doprava

Barvy písmen a pozadí

Lze si zvolit barvu písmen, která je stejná pro všechny texty. Pozadí všech textů může být stejné, střídat se 2 barvy nebo si lze zvolit různou barvu pozadí pro každý text. Pro 3D efekt lze zvolit základní barvu pozadí, do které se barvy pozadí mění, ale je doporučeno nechat tmavě šedou pro tmavé barvy pozadí a světle šedou pro světlé. Při volbě barev je důležité zvolit barvy, které budou mít dobrou čitelnost (např. bílá barva písmen na tmavých barvách pozadí v ukázkách).

Střídání barev pozadí pro sudé a liché texty
Různé barvy pozadí pro každý text

Relativní pozice skupin

Je možné staticky nastavit pozice skupin. Především si zvolit, jak velké mezery budou mezi skupinami, ale k dispozici je i rozestavení v rámci sinusoidy a vlny. Lze ale i měnit pozice skupin v průběhu celkového času trvání animace. A také mezery, sinusoidu a vlnu animovat společně, což může přinést velice netradiční zajímavé výsledky.

Animace mezer
Sinusoida
Sinusoida
Vlna
Animace mezer + sinusoida
Animace mezer + vlna
Sinusoida + vlna
Animace mezer + sinusoida + vlna

Zvětšování pozadí písmen

Při zvětšení pozadí písmen dochází i ke zvětšení celých skupin, ale velikost písmen zůstává beze změny. Jsou k dispozici animované verze, ale velikosti mohou být nastaveny i staticky. Na výběr je svah (různé velikosti ze strany na stranu), balón (největší velikost uprostřed) a U (největší velikost na stranách). Lze si zvolit míru zvětšení.

Animovaný svah
Animovaný balón
Animované U
U - balón (pouze animované)

Natočení skupin

Natočení může být statické nebo animované. Míra natočení je pro každou skupiny stanovena relativně dle její vzdálenosti od středu. Lze si zvolit max. natočení. Společná rotace skupin nebo jejich individuální rotace přináší odlišné výsledky. Pro postupný náběh písmen je možné využít i animaci natočení při každé změně (předpokládá se sudý počet textů).

Statické s individuální rotací skupin
Statické se společnou rotací
Animované s individuální rotací skupin
Animované se společnou rotací
Animované při každé změně

Barva bočnic

Lze si zvolit základní barvu bočnic a pro 3D efekt také změnu světlosti této barvy (tj. zesvětlení nebo ztmavení) směrem ze středu, do středu nebo postupně dle pořadí skupin.

Zesvětlení bočnic směrem ze středu
Zesvětlení ze středu
Zesvětlení bočnic směrem do středu
Zesvětlení do středu
Zesvětlení bočnic směrem dolů/doprava
Zesvětlení dolů
Zesvětlení bočnic směrem nahoru/doleva
Zesvětlení nahoru

Rozmístění skupin na kruhové výseči

Skupiny mohou být rozmístěny na různě velké kruhové výseči. Teoreticky max. na polokružnici, kde by ale nebyly vidět krajní skupiny, protože by byly umístěny kolmo ke kameře. Proto je vhodné skupiny umístit na menší výseč, např. čtvrtkružnici.

Rozmístění skupin na vnitřní čtvrtkružnici
Rozmístění skupin na vnější čtvrtkružnici

Vaše texty v připravených fontech

Vaše texty v Lottie animaci mohou být napsány vhodným fontem, vždy ve formě velkých písmen, nejpoužívanějších znaků a číslic. Zde jsou ukázky připravených fontů, ze kterých si můžete vybrat.

Příprava znaků fontu pro využití v této Lottie animaci je časově náročná. Máte-li zájem o jiný font, neváhejte mě kontaktovat.

Náhled fontu Agenda One MediumNáhled fontu Bely Display RegularNáhled fontu Inter RegularNáhled fontu Proxima Nova RegularNáhled fontu Proxima Nova BoldNáhled fontu Street Cred Regular

Připravené kombinace nastavení

Systém umožňuje nastavení mnoha vlastností na míru a tyto nastavení společně kombinovat. Pro rychlé objednání je možné využít připravené kombinace nastavení. U všech máte možnost získat výsledný design na míru díky nabídce mnoha vlastností, které lze nastavit podle vás.

Vyberte si připravenou možnost z nabídky, připravte si své texty a volby vlastností, které jsou u dané animace k dispozici. Po objednání obdržíte nejprve vykreslené video, jak bude Lottie animace vypadat. V ceně je 1 revize, takže ještě můžete své volby (především časování) upravit. Po zaplacení obdržíte svou Lottie animaci ve formátu JSON a LOTTIE.

Pokud si z nabízených možností nevyberete, neváhejte mě kontaktovat se svými požadavky na výsledek, který byste potřebovali vytvořit.

OBJEDNÁVEJTE ZDE

VS191LOd1v1H

Základní možnost animace postupným náběhem s horizontálním otáčením skupin.

Více informací

VS191LOd1v1H

Na míru si lze zvolit tyto vlastnosti:

  • směr otáčení: doleva / doprava
  • vlastní texty: 3-8 textů
  • výběr fontu z nabídky připravených možností
  • barvu písmen
  • barvu pozadí při zobrazení: 1 / 2, které se budou střídat / pro každý text jinou
  • barvu pozadí mimo zobrazení
  • celkovou dobu náběhu textu, dobu náběhu dalšího písmene ve skupině a dobu zobrazení textu

Co si lze přiobjednat:

  • zvolit si jiný font (můžete vybírat i z prémiových fontů na Adobe Fonts)
  • větší počet textů

VS191LOd1v1V

Základní možnost animace postupným náběhem s vertikálním otáčením skupin.

Více informací

VS191LOd1v1V

Na míru si lze zvolit tyto vlastnosti:

  • směr otáčení: nahoru / dolů
  • vlastní texty: 3-8 textů
  • výběr fontu z nabídky připravených možností
  • barvu písmen
  • barvu pozadí při zobrazení: 1 / 2, které se budou střídat / pro každý text jinou
  • barvu pozadí mimo zobrazení
  • celkovou dobu náběhu textu, dobu náběhu dalšího písmene ve skupině a dobu zobrazení textu

Co si lze přiobjednat:

  • zvolit si jiný font (můžete vybírat i z prémiových fontů na Adobe Fonts)
  • větší počet textů

VS191LOd2v1H

Základní možnost animace postupným náběhem se stálou rotací s horizontálním otáčením skupin.

Více informací

VS191LOd2v1H

Na míru si lze zvolit tyto vlastnosti:

  • směr otáčení: doleva / doprava
  • vlastní texty: 3-8 textů
  • výběr fontu z nabídky připravených možností
  • barvu písmen
  • barvu pozadí při zobrazení: 1 / 2, které se budou střídat / pro každý text jinou
  • barvu pozadí mimo zobrazení
  • celkovou dobu náběhu textu, dobu náběhu dalšího písmene ve skupině a dobu zobrazení textu

Co si lze přiobjednat:

  • zvolit si jiný font (můžete vybírat i z prémiových fontů na Adobe Fonts)
  • větší počet textů

VS191LOd2v1V

Základní možnost animace postupným náběhem se stálou rotací s vertikálním otáčením skupin.

Více informací

VS191LOd2v1V

Na míru si lze zvolit tyto vlastnosti:

  • směr otáčení: nahoru / dolů
  • vlastní texty: 3-8 textů
  • výběr fontu z nabídky připravených možností
  • barvu písmen
  • barvu pozadí při zobrazení: 1 / 2, které se budou střídat / pro každý text jinou
  • barvu pozadí mimo zobrazení
  • celkovou dobu náběhu textu, dobu náběhu dalšího písmene ve skupině a dobu zobrazení textu

Co si lze přiobjednat:

  • zvolit si jiný font (můžete vybírat i z prémiových fontů na Adobe Fonts)
  • větší počet textů

VS191LOd3v1H

Základní možnost animace stálou rotací s horizontálním otáčením skupin.

Více informací

VS191LOd3v1H

Na míru si lze zvolit tyto vlastnosti:

  • směr otáčení: doleva / doprava
  • vlastní texty: 3-8 textů
  • výběr fontu z nabídky připravených možností
  • barvu písmen
  • barvu pozadí při zobrazení: 1 / 2, které se budou střídat / pro každý text jinou
  • barvu pozadí mimo zobrazení
  • dobu 1 otočení

Co si lze přiobjednat:

  • zvolit si jiný font (můžete vybírat i z prémiových fontů na Adobe Fonts)
  • větší počet textů

VS191LOd3v1V

Základní možnost animace stálou rotací s vertikálním otáčením skupin.

Více informací

VS191LOd3v1V

Na míru si lze zvolit tyto vlastnosti:

  • směr otáčení: nahoru / dolů
  • vlastní texty: 3-8 textů
  • výběr fontu z nabídky připravených možností
  • barvu písmen
  • barvu pozadí při zobrazení: 1 / 2, které se budou střídat / pro každý text jinou
  • barvu pozadí mimo zobrazení
  • dobu 1 otočení

Co si lze přiobjednat:

  • zvolit si jiný font (můžete vybírat i z prémiových fontů na Adobe Fonts)
  • větší počet textů