2D vs 3D animácia: ktorú zvoliť pre značku, produkt alebo kampaň?

2D vs 3D animácia: čo sa skrýva za tými skratkami

Keď firma objednáva animáciu, takmer vždy padne otázka, či ju chce v 2D alebo v 3D. Odpoveď ovplyvní postup výroby, spôsob úprav aj to, čo z hotového diela sa dá neskôr použiť znova. 2D vs 3D animácia je v praxi voľba medzi dvoma spôsobmi práce s obrazom, pričom každý z nich sa hodí na iný typ zadania.

Tento článok pomáha s rozhodnutím medzi týmito dvoma prístupmi. Ako takú animáciu doručiť na web, rozoberá porovnanie Lottie, GIF a MP4/WebM, rýchlosti sa venuje článok o Lottie animáciách a Core Web Vitals a bezpečnému pohybu návod na prístupné animácie na webe. Ceny ani porovnanie s fotografiou produktu tu zámerne neriešime, lebo každá z týchto tém si zaslúži samostatný rozbor.

Čo je 2D animácia

Adobe vo svojom úvodnom sprievodcovi animáciou opisuje 2D štýl cez zoetropy, celuloidovú animáciu (cel) a vektorovú grafiku. Všetko sa odohráva na plochej ploche s výškou a šírkou. Hĺbku divák vnímať môže, no animátor ju vytvára kresbou, prekrývaním a mierkou prvkov a žiaden priestor sa nepočíta.

Pod 2D sa skrýva viac druhov práce, ktoré sa na zadaní líšia:

Čo je 3D animácia

Adobe definuje 3D animáciu ako animáciu vytvorenú z polygónov v počítačovom softvéri. Objekt má v scéne skutočný rozmer, takže sa dá obísť kamerou, osvetliť z iného smeru a pozrieť z každej strany. Vzniká ako model v priestore, bez kresby na ploche.

Na konci výroby prichádza renderovanie. Podľa príručky Blenderu je render proces, pri ktorom sa z 3D scény vytvorí 2D obraz, a výsledok určujú kamery, svetlá a materiály. Blender má viac render enginov. EEVEE pracuje v reálnom čase a Cycles je fyzikálne založený path tracer, pričom nastavenia každého z nich ovplyvňujú kvalitu aj výkon. Pre objednávateľa to znamená, že pri 3D sa každá zmena vo finálnom obraze prejaví až po novom výpočte.

Bežné druhy 3D práce v marketingu sú produktová animácia, vizualizácia architektúry a interiéru, 3D postavy a abstraktná značková animácia s lesklými materiálmi. Blender na svojej stránke uvádza modelovanie, sochanie, animáciu a rigging, renderovanie aj simuláciu ako samostatné oblasti práce. Podrobný prehľad nájdete na stránke funkcií Blenderu.

Kedy sa hodí ktorý prístup

Pri otázke 2D vs 3D animácia sa rozhodnutie najlepšie opiera o úlohu, ktorú má animácia splniť. Pomáha jedna otázka: čo má divák po pozretí pochopiť alebo urobiť? Keď je odpoveď jasná, výber štýlu sa zjednoduší.

Kampaň alebo hlavný asset

Druhá otázka sa týka frekvencie. Séria krátkych videí pre sociálne siete, ktorá má vychádzať týždeň čo týždeň, sa ľahšie udrží v 2D, kde sa postavy, ikony a pozadia skladajú z hotových prvkov. Jeden hlavný asset, ktorý bude na webe, v prezentácii a na veľtrhu po dlhý čas, môže odôvodniť dôkladnejšiu 3D prípravu, pretože sa do neho investuje raz a využíva sa často.

Porovnanie 2D a 3D animácie

Tabuľka porovnania 2D vs 3D animácie zhŕňa rozdiely v jednotlivých oblastiach a pomáha rýchlo nájsť tie, ktoré sú pre vaše zadanie rozhodujúce. Všetky hodnotenia sú kvalitatívne, presné čísla závisia od konkrétneho zadania.

Ako sa líši výroba 2D a 3D animácie

Začiatok je v oboch prípadoch rovnaký. Z cieľa a publika vznikne scenár, z neho storyboard a z neho štýlové rámce, teda niekoľko hotových obrazoviek, ktoré ukážu výsledný vzhľad. V tomto bode sa ešte nič nepohybuje a zmena smeru je najlacnejšia. Po schválení sa cesty rozdelia.

Postup pri 2D

1. Návrh prvkov. Ilustrácie, postavy, ikony a pozadia sa pripravia vo vektoroch alebo rastri a rozložia na vrstvy.
2. Animatik. Hrubé načasovanie scén s dočasným zvukom ukáže rytmus skôr, než sa začne detailná práca.
3. Animácia. Prvky sa rozpohybujú v nástroji na motion grafiku, napríklad v After Effects.
4. Zvuk a export. Pridá sa hudba a hlas a hotové video sa exportuje do potrebných formátov a pomerov strán.

Postup pri 3D

1. Modelovanie. Z predlohy, výkresu alebo návrhu sa postaví trojrozmerný model.
2. Materiály a textúry. Povrchy dostanú farbu, lesk, priehľadnosť a štruktúru, aby sa správali ako skutočný materiál.
3. Osvetlenie a kamera. Scéna sa osvetlí a nastaví sa pohyb kamery.
4. Rigging a animácia. Ak sa objekt hýbe cez kĺby alebo súčiastky, pripraví sa pohybová kostra. Potom sa scéna rozpohybuje.
5. Render a dokončenie. Scéna sa vypočíta do obrazu, zvyčajne po vrstvách alebo prechodoch, a v dokončení sa zladí farba, pridá text a zvuk.

Pre objednávateľa je dôležitý moment schvaľovania. Pri 3D je potrebné schváliť model, materiály a kameru skôr, než sa pustí dlhý výpočet. Pri 2D sa dá prepracovať aj neskôr, no vlastný štýl sa stále oplatí uzamknúť na začiatku, aby celá séria vyzerala jednotne.

Úpravy a revízie: čo sa mení ľahšie

Zadania sa zriedka dokončia na prvý pokus. Preto má zmysel vopred zvážiť, ktoré zmeny sú pre daný štýl rýchle a ktoré vyžadujú návrat. Pri 2D je zmena textu, farby, poradia scén alebo dĺžky záberu bežná úprava v projekte a výsledok vidno hneď.

Pri 3D záleží na tom, čo sa mení. Nová farba materiálu alebo iný uhol kamery sú z pohľadu modelu malé zásahy, no každý výsledok je potrebné znova vyrenderovať. Úprava tvaru produktu alebo zmena rozmeru súčiastky sa vracia do modelovania a potom sa opakuje celý nadväzujúci postup. Preto sa konštrukčné zmeny oplatí uzavrieť ešte pred animáciou.

Rovnaká úvaha platí pri prispôsobení hotového diela. Ak vznikne druhá jazyková verzia, stačí pri 2D zvyčajne vymeniť text a zvuk. Pri 3D sa text, pokiaľ je súčasťou scény, dá vymeniť tiež, no dobre je, keď je od začiatku oddelený v samostatnej vrstve, ktorú možno meniť bez nového renderu celej scény.

Opätovné využitie podkladov

Pri 3D modeli dostávate skutočný objekt v priestore. Dá sa z neho vytvoriť viac záberov, iný uhol kamery, statický obrázok pre web alebo tlač a v niektorých prípadoch aj podklad pre interaktívne zobrazenie produktu. Ako ďaleko opätovné využitie siaha, rozhoduje kvalita modelu, formát odovzdania a licencia, preto si ich dohodnite vopred.

Pri 2D sa znova použijú vektorové prvky: postavy, ikony, pozadia a štýl pohybu. Z jednej scény sa dajú pripraviť krátke verzie, štvorcový výrez pre sociálne siete a animácia pre web. Podmienkou je, aby sa kompozícia od začiatku navrhla s rezervou na rôzne pomery strán. Všeobecné pravidlá odovzdávania podkladov, vrátane otvorených zdrojových súborov, opisuje článok o odovzdaní vizuálnej identity.

Hybrid a 2.5D: keď stačí trochu hĺbky

Medzi oboma svetmi existuje praktická stredná cesta. Pri 2.5D sa ploché vrstvy umiestnia do trojrozmerného priestoru a kamera sa medzi nimi pohybuje. Bližšie vrstvy sa posunú viac ako vzdialenejšie, čo vytvorí dojem hĺbky bez modelovania skutočných objektov. Adobe After Effects ponúka podľa popisu na stránke produktu okrem motion grafiky aj 3D pracovný priestor s osvetlením a tieňmi, takže oba svety sa dajú spojiť v jednom projekte.

Hybrid je tretia možnosť v debate 2D vs 3D animácia. Hodí sa, keď rozpočet alebo termín nedovoľuje plné 3D, no plochá animácia by pôsobila príliš jednoducho. Typickým príkladom je ilustrovaná postava v 3D osvetlenej scéne, alebo vyrenderovaný produkt s plochými ikonami, textom a šípkami, ktoré ho vysvetľujú. Pri 2.5D parallaxe však pamätajte na návštevníkov citlivých na pohyb. Ako ho zjemniť a zastaviť, popisuje návod na prístupné animácie na webe.

Kontrolný zoznam: 2D vs 3D animácia podľa zadania

Prejdite si oba zoznamy a zaškrtnite, čo sa vás týka. Ak sa väčšina zhod nachádza v jednom z nich, máte odpoveď. Ak sa zhody rozdelia, zvážte hybrid.

Doručenie na web: výkon a prístupnosť

Voľba v téme 2D vs 3D animácia ovplyvní aj spôsob zobrazenia na stránke, takže sa oplatí myslieť na web už pri zadaní. Vektorová 2D animácia sa často dodáva ako Lottie, pretože súbor býva malý a obraz ostáva ostrý pri každej veľkosti. Vyrenderovaná 3D scéna sa zvyčajne doručuje ako video, lebo ide o hotové obrazové snímky. Kedy ktorý formát zvoliť, porovnáva článok o Lottie, GIF a MP4/WebM.

Vplyv na rýchlosť stránky závisí od veľkosti súboru, počtu animácií a spôsobu načítania, o čom hovorí rozbor Lottie animácií a Core Web Vitals. Bez ohľadu na štýl majú mať návštevníci možnosť pohyb pozastaviť a stránka má rešpektovať ich systémové nastavenie, čo popisuje návod na prístupné animácie na webe.

Najčastejšie chyby pri výbere

• Výber podľa módy. 3D vyzerá efektne, no pri abstraktnej službe nemá čo zobraziť a vysvetlenie sa stratí v lesku.
• Plochý pohľad na zložitý produkt. Ak si zákazník nevie predstaviť tvar alebo použitie, 2D ilustrácia nestačí.
• Chýbajúce štýlové rámce. Bez schváleného vzhľadu pred výrobou sa rozdielne predstavy objavia až pri hotovej animácii.
• Zmeny po rendri. Zmeny konštrukcie po dokončení animácie vracajú prácu na začiatok, preto ich treba uzavrieť skôr.
• Jeden formát na všetko. Animácia pripravená len pre širokouhlé video sa na sociálnych sieťach v štvorci alebo na výšku oreže bez rozmyslu.
• Zabudnutý web. Videá a animácie bez poster snímky, ovládania a úvahy o rýchlosti zaťažia stránku zbytočne.

Súvisiace návody a zdroje

• Lottie vs GIF vs MP4/WebM: ktorý formát animácie je najlepší pre web
• Lottie animácie a Core Web Vitals: ako ovplyvňujú rýchlosť webu
• Prístupné animácie na webe: prefers-reduced-motion, ovládanie a bezpečný pohyb
• UGC vs profesionálna video produkcia: čo zvoliť pre značku
• Odovzdanie vizuálnej identity: formáty, licencie a zdrojové súbory
• 3D produktová animácia vs video vs fotografia: čo sa oplatí?

Na záver

Pri otázke 2D vs 3D animácia sa oplatí začať cieľom. Zapíšte, čo má divák po videu pochopiť, kde sa uvidí a koľkokrát sa bude meniť. Z tých troch odpovedí sa zvyčajne vykryštalizuje, či stačí plocha, či treba objem, alebo či zaberie kombinácia.

Časté otázky