AI intro pro web: vrstvy, pohyb a oprava překryvů končetin
Jak z jedné ilustrace vyrobit webové intro vrstvením, AI animací a postprodukcí. Vysvětlujeme, proč překryvy rukou neřeší prompt, ale pořadí vrstev.
Postup, který se osvědčil: statická ilustrace po vrstvách
Překryv rukou při AI animaci nevyřešíte spolehlivě pouhým promptem. Skutečné řešení přináší rozdělení ilustrace na samostatné vrstvy: autor tak může přímo určit, co má ležet před čím, a opravit vzájemné pořadí končetin bez nutnosti generovat celý záběr znovu.
V komunitní ukázce vzniklo šestisekundové intro pro web Michalůvbrloh.cz. Autor vycházel ze statického obrázku draka v jeskyni. Nejprve v ChatGPT rozvíjel koncept scény, pak rozdělil ilustraci na jednotlivé pohyblivé části a nakonec nechal AI sestavit střih, zvuk i efekty. Celý proces trval zhruba jedno odpoledne.
Prvním krokem bylo rozdělení ilustrace na vrstvy, aby se jednotlivé části mohly pohybovat nezávisle na sobě.
Rozdělení přímo v ChatGPT sice fungovalo, ale okraje objektů byly nepřesné. Výrazně čistší výsledek nakonec poskytl nástroj Work Astra 6.0 v maximálním režimu.
Nečisté masky se totiž promítají do dalšího pohybu a při překrývání jsou pak chyby ještě nápadnější. Kvalita rozvrstvení tak určuje výsledný dojem víc než samotná animace.
Vrstvení je klíč, nikoli pouhý příkaz „rozhýbej to“
V ukázce se vrstvy staly zároveň nástrojem pro řízení hloubky. Přední končetina přirozeně zakrývá zadní, podobně jako jednotlivé vrstvy v klasické kresbě.
Nejprve však musí vzniknout samostatné vrstvy pro všechny pohyblivé prvky, například:
- přední a zadní končetiny,
- hlava a tělo,
- popředí a pozadí,
- prvky, které mají mít vlastní paralaxu.
Z diskuse vyplynul praktický postup: ještě před generováním pohybu oddělte všechny části, které se mají ocitnout před jiným objektem. Nejde o estetický detail – přesné pořadí vrstev přímo určuje výslednou kompozici.
Pro video generátory je užitečné popsat pohyb konkrétními anglickými výrazy. Klíčové jsou například layered animation, parallax movement, foreground motion, depth separation a consistent character motion. Omezení deformací postavy napomohou také pokyny stable pose, locked camera nebo subtle motion.
Vytvoř krátkou animaci [délka] ze [popis scény] s vrstveným pohybem: [vrstvy] odděl do různých hloubkových vrstev, přední plán se pohybuje rychleji než pozadí. Zachovej anatomii a vzhled postavy, použij [cílový styl] a [locked camera]. Pohyb jednotlivých vrstev kontroluj, vyhněni se [nežádoucí artefakty].
Jak to funguje pod kapotou a kde má postup limity
Difuzní video model nedisponuje trvalou kostrou, klouby ani hloubkovým bufferem. Mezi jednotlivými snímky udržuje vizuální podobnost pouze pomocí časové pozornosti a statistických vzorů, nikoli podle fyzikálních zákonů pohybu. Proto nedokáže stabilně rozlišovat levou a pravou ruku.
Při křížení končetin tak model často zamění jejich vizuální rysy. Okluze se nepočítá ze skutečné 3D geometrie, nýbrž se pouze odhaduje z trénovacích dat. Při delším pohybu se prostorová pozornost rozpadá a nepravděpodobná poloha končetiny se může v dalších snímcích zafixovat.
Prompt typu „ruce se nesmí překrývat“ tento problém z principu nevyřeší. Modelu totiž nedodá chybějící hloubkovou strukturu ani stálou identitu jednotlivých končetin.
Rozdělení na vrstvy proto není jen způsob, jak „rozstříhat obrázek“. Předem jasně určuje, co má ležet před čím. Když je každá končetina v samostatné vrstvě, upravíte jejich vzájemné pořadí přímo, aniž byste museli celý záběr generovat znovu.
Tato přesnost má ovšem své hranice. Samotné vrstvení ještě nezaručuje správnou anatomii, plynulý pohyb ani dokonale čisté okraje masek. Přesné oddělení objektů navíc vyžaduje práci s inpaintingem nebo ruční retuš v místech, kde po vyříznutí vzniknou prázdná místa.
Kdy použít AI video a kdy raději vrstvenou animaci
Generativní video je vhodné tam, kde záleží spíše na celkové atmosféře než na přísné konzistenci postavy. Nástroje jako Kling nebo Runway dokážou dobře pracovat s uzamčeným klíčovým snímkem a přijatelnou mírou stylizace. Luma je zase vhodná pro plynulý pohyb kamery a práci s více klíčovými snímky, pokud není prioritou anatomická stálost postavy.
Pro opakovaně se zobrazující webové intro jsou mnohem vhodnější odlehčená řešení, například Rive nebo Lottie. Výsledek je datově úsporný, vektorový a jeho průběh lze snadno řídit přímo kódem.
Pokud se má postava pohybovat naprosto přesně, představuje nejbezpečnější cestu řízená animace s kostrou a inverzní kinematikou v Blenderu či v nástrojích typu Spine a DragonBones. Případné překrytí končetin se pak řeší přímo změnou pořadí vrstev.
Automatické rozložení ilustrace na průhledné vrstvy mohou usnadnit modely jako SAM 2, Qwen-Image-Layered v ComfyUI nebo ImageToLayers. Vzniklá prázdná místa v pozadí je pak potřeba dopočítat inpaintingem.
Oprava chyby, kterou nešlo opravit promptem
Při kontrole výsledku jeden z diskutujících upozornil, že pravý loket se dostal do popředí před levou ruku. Autor chybu napravil tím, že vyčlenil levou ruku do samostatné vrstvy a upravil pořadí vykreslování.
Na YouTube je veřejně dostupné video s názvem „Intro pro Michalův brloh“ na autorském kanálu. Stránka uvádí stopáž 0:06 a popis, že intro vzniklo pro web www.michaluvbrloh.cz. Konkrétní průběh animace ani to, zda zachycuje popsanou opravu překryvu, však ze statického záznamu nelze ověřit.

Druhé propojené video již není dostupné: YouTube uvádí stav „Video unavailable“ a informaci, že záznam odebral uploader. Obsah, autora, délku ani průběh původního videa proto nelze nezávisle ověřit.

Co si z toho vzít
- Před animací rozdělte ilustraci na vrstvy podle toho, co má být v popředí a co v pozadí.
- Okraje vrstev patří k nejčastějším zdrojům chyb, proto je zkontrolujte ještě před zahájením pohybu.
- Pro správný překryv končetin upravujte pořadí vrstev, nikoli pouze textový prompt.
- Využívejte pokyny jako
layered animation,parallax movementadepth separation. - Pro anatomicky přesnou postavu zvolte raději Blender, Spine nebo DragonBones; pro atmosféru postačí generativní video.
- Pro webové intro s rychlým načítáním a interaktivním průběhem zvažte technologie Rive či Lottie.
- Výsledek vždy zkontrolujte po jednotlivých snímcích; chyby v překrytí jsou vidět dříve než nedostatky samotné animace.