3D produktová animácia vs video vs fotografia: čo sa oplatí?
3D produktová animácia, video alebo fotografia: o akom rozhodnutí hovoríme
Predajca, ktorý chce ukázať produkt, má dnes na výber z troch hlavných formátov. Môže ho odfotiť, natočiť, alebo ho nechať postaviť v počítači a vyrenderovať. 3D produktová animácia sa nehodí na všetko, no ani fotografia nie je vždy najjednoduchšia cesta. Správny formát určuje to, aký produkt predávate, kde ho zákazník uvidí a ako často sa bude meniť.
Tento článok rieši to rozhodnutie z pohľadu predajcu fyzického produktu. Čo je 2D a čo 3D animácia a ako sa vyrábajú, sme rozobrali v článku 2D vs 3D animácia. Rozdiely medzi packshotom, lifestyle a hero záberom nájdete v návode na produktovú fotografiu pre e-shop. Ceny, konverzie a vratky tu zámerne neriešime, rovnako ako obrázky generované umelou inteligenciou. Každá z tých tém potrebuje vlastný rozbor.
Krátka odpoveď: Fotografia sa hodí na väčšinu bežného sortimentu, najmä na produkty, ktoré existujú a nemenia sa. Video pomáha tam, kde treba ukázať pohyb, mierku alebo použitie. 3D produktová animácia a vizualizácia sa oplatia pri lesklých či priehľadných produktoch, pri veľkých a ťažko fotografovateľných kusoch, pri produktoch, ktoré ešte neexistujú, a pri sortimente s množstvom variantov. Väčšina predajcov skončí pri hybride, kde každý formát robí tú prácu, v ktorej je najlepší.
Čo každý z formátov zvláda najlepšie
Predtým než sa pozrieme na konkrétne produkty, oplatí sa ujasniť si, čo si pod jednotlivými formátmi predstaviť. Pri 3D totiž existuje viac výstupov z jedného základu.
Fotografia
Zachytáva skutočný kus v skutočnom svetle. Zákazník vidí presne to, čo dostane, vrátane textúry, farby a mierky. Najlepšie funguje pri produktoch, ktoré fyzicky existujú, sú k dispozícii vo vzorke a nemenia sa príliš často.
Video produktu
Natočený záber ukáže pohyb, použitie, mierku a to, ako sa produkt správa v ruke alebo v priestore. Hodí sa na reklamy, sociálne siete a stránky produktov, kde samotný obrázok nestačí na vysvetlenie.
3D vizualizácia a animácia
Produkt vzniká ako model v počítači a z neho sa vyrenderujú statické obrázky alebo animované videá. Svetlo, kameru aj materiály určuje výrobca vizuálu a model sa dá použiť opakovane. Základy 3D práce vysvetľuje porovnanie 2D a 3D animácie.
Interaktívne 3D a otočný pohľad
Zákazník si produkt otáča sám. Otočný pohľad 360° vzniká zo série snímok, ktoré sa postupne prepínajú. Interaktívny 3D prehliadač pracuje priamo s modelom a ukáže ho z ľubovoľného uhla, na podporovaných zariadeniach aj v rozšírenej realite.
Ktorý formát sa hodí podľa typu produktu
Najsilnejším vodidlom pri výbere je samotný produkt. Rovnaká otázka, čo má zákazník vidieť, dáva pri rôznych kusoch rôzne odpovede.
Jednoduchý a bežne dostupný produkt
Balená potravina, kozmetika v nepriehľadnom obale alebo doplnok sa dajú spoľahlivo odfotiť v štúdiu a výsledok je presný. Tu zvyčajne nie je dôvod siahať po 3D. Krátke video pomôže v reklame a na sociálnych sieťach.
Lesklý, priehľadný alebo zrkadliaci povrch
Sklo, chróm, parfumové flakóny alebo šperky zachytávajú okolie a každý odlesk prezradí vybavenie štúdia. Fotografia tu vyžaduje veľmi dobre riadené svetlo. Pri 3D sa odlesky a priehľadnosť nastavujú priamo v scéne, čo dáva väčšiu kontrolu nad výsledkom.
Veľký, ťažký alebo ťažko prepraviteľný produkt
Nábytok, stroje, kuchynské zostavy alebo zariadenie na mieru sa do štúdia dostanú ťažko. 3D vizualizácia umožňuje ukázať produkt v prostredí, bez prepravy a vybavovania priestoru. Fotografia z reálneho nasadenia potom dodá dôveryhodnosť.
Zložitý technický produkt
Ak má zákazník pochopiť, ako zariadenie funguje, aké má časti alebo ako sa montuje, fotografia ukáže len povrch. 3D animácia dokáže odhaliť vnútro, rozložiť zostavu na súčiastky a ukázať pohyb mechanizmu v jednom zábere.
Produkt, ktorý ešte neexistuje
Prototyp, predpredaj alebo nová séria sa nedajú odfotiť, kým nie sú vyrobené. 3D model vznikne z konštrukčných podkladov a umožní pripraviť web, reklamu aj podklady pre obchodných partnerov ešte pred prvým kusom. Vizuál treba neskôr overiť voči prvým vyrobeným kusom a doplniť fotografiami.
Veľa variantov a konfigurácií
Ak sa produkt predáva v desiatkach farieb, materiálov alebo zostáv, fotenie každej kombinácie vyžaduje fyzickú vzorku každého variantu. Pri 3D sa mení materiál na jednom modeli a rovnaká scéna sa vyrenderuje opakovane.
Opačný príklad tvoria produkty, ktorých hodnotu určuje dotyk, vôňa alebo pocit z použitia. Jedlo, textil, móda a produkty, ktoré sa predávajú cez ľudí a prostredie, sa v 3D simulujú ťažšie a výsledok môže pôsobiť sterilne. Tu má prednosť fotografia a video v reálnom prostredí.
Rozhodovacia matica podľa typu produktu
Tabuľka zhŕňa odporúčaný základ a doplnok pre jednotlivé typy produktov. Ide o kvalitatívne odporúčanie, konkrétne zadanie vždy závisí od sortimentu a cieľa.
| Typ produktu | Odporúčaný základ | Doplnok | Na čo si dať pozor |
|---|---|---|---|
| Jednoduchý, dostupný produkt | Fotografia (packshot, lifestyle) | Krátke video pre reklamu | Zbytočné 3D tam, kde stačí dobrá fotografia |
| Lesklý, priehľadný, zrkadliaci | 3D vizualizácia alebo náročná štúdiová fotografia | Video so svetlom, ktoré sa mení | Nežiaduce odlesky vo fotografii, nereálne materiály v 3D |
| Veľký, ťažký, ťažko prepraviteľný | 3D vizualizácia v prostredí | Fotografia z reálnej inštalácie | Vizuál musí sedieť s tým, čo zákazník dostane |
| Zložitý technický produkt | 3D animácia (rez, rozloženie) | Fotografie detailov a použitia | Model potrebuje presné konštrukčné podklady |
| Ešte neexistuje (prototyp, predpredaj) | 3D model a vizualizácia | Fotografie po výrobe prvých kusov | Rozdiel medzi vizuálom a finálnym produktom |
| Veľa farieb, materiálov a zostáv | 3D model s variantmi alebo konfigurátor | Fotografia hlavného variantu | Overenie farieb voči reálnej výrobe |
| Produkt predávaný dotykom a emóciou | Fotografia a video v prostredí | 3D len pre detail alebo mierku | Sterilný vzhľad a nedôveryhodne pôsobiace mäkké materiály |
Ktorý formát sa hodí podľa kanála
Rovnaký produkt sa zobrazuje na viacerých miestach a každé z nich kladie iné nároky. Produkt, ktorý funguje na stránke e-shopu, sa nemusí hodiť do reklamy alebo do obchodnej prezentácie.
Stránka produktu v e-shope
Základ tvoria presné obrázky z viacerých strán, ktoré zákazníkovi umožnia produkt posúdiť. Čím je produkt zložitejší, tým viac pohľadov zákazník potrebuje. Pri zložitejších produktoch pribudne video alebo interaktívny pohľad.
Marketplace
Veľké platformy často kladú na hlavný obrázok a doplnkové médiá vlastné pravidlá a tie sa menia. Pred výrobou skontrolujte aktuálne požiadavky konkrétnej platformy. Čistý, presný obrázok produktu zvyčajne prekoná ambiciózny scénický záber.
Platené reklamy
Reklama súťaží o pozornosť pri rýchlom prechádzaní feedu. Krátke video alebo animácia s jasným pohybom a výraznou kompozíciou tu zvyčajne zaberie viac než statický obrázok. Treba pripraviť viac pomerov strán, napríklad na výšku a do štvorca.
Sociálne siete
Pravidelný obsah ťaží z toho, že jeden model alebo jedno natáčanie dá viac výstupov. Z 3D modelu sa dá vytvoriť séria krátkych slučiek, z natáčania zase viac klipov. Natočené video tu pôsobí prirodzene. Viac o rozdiele medzi amatérskym a profesionálnym natáčaním nájdete v porovnaní UGC a profesionálnej video produkcie.
B2B prezentácia a veľtrh
Obchodník často musí vysvetliť produkt, ktorý nemá pri sebe, alebo konfiguráciu, ktorá nie je skladom. 3D animácia a interaktívny model tu fungujú ako predajný nástroj, ktorý sa dá premietnuť na stánku aj poslať emailom.
Značková alebo kampaňová stránka
Tu zákazník hľadá dojem a charakter značky. Hero animácia produktu, ktorá sa pohybuje s posúvaním stránky, alebo premyslený hero záber ho dokážu dať. Treba však sledovať rýchlosť načítania, o čom je posledná časť tohto článku.
Varianty, úpravy a jednotný vzhľad katalógu
Najväčší rozdiel medzi formátmi sa prejaví až po prvom dokončení. Produkt sa mení, pribúdajú farby, upravuje sa balenie a katalóg sa rozrastá.
Nová farba alebo nový variant
Pri fotografii musíte mať fyzický kus novej verzie a znova pripraviť svetlo, záber aj retuš. Pri 3D sa mení materiál na existujúcom modeli a scéna sa vyrenderuje znova. Rozdiel narastá s počtom variantov. Podmienkou je však dôkladne pripravený model a overené farby, aby sa vizuál zhodoval s reálnym produktom.
Zmena tvaru alebo balenia
Zmena produktu znamená nové fotografovanie, ak existuje fyzický kus. V 3D sa vracia práca do modelovania a nadväzujúce kroky sa opakujú, ako sme to popísali v článku o 2D a 3D animácii. Video sa pri zmene produktu natáča znova alebo sa upravuje strihom, ak sa zmena týka len textu či označenia.
Jednotný vzhľad naprieč katalógom
Zákazník si porovnáva produkty v kategórii a každý rozdiel v svetle, pozadí či uhle pôsobí ako rozdiel v kvalite. Pri 3D je jednotný vzhľad vstavaný, lebo kamera, svetlo a pozadie sa dajú uložiť a použiť pre všetky produkty. Pri fotografii ho zaručuje pevný postup, rovnaké štúdio, ten istý fotograf a dohodnutý štýl. Problém vzniká pri miešaní zdrojov. Ak sa fotografie a rendery objavia v jednej kategórii vedľa seba, treba zosúladiť smer svetla, farbu pozadia a orez.
3D produktová animácia, video a fotografia v priamom porovnaní
Tabuľka porovnáva tri formáty v oblastiach, ktoré predajcovia riešia najčastejšie. Hodnotenia sú kvalitatívne a konkrétny výsledok závisí od produktu a zadania.
| Oblasť | 3D animácia a vizualizácia | Video | Fotografia |
|---|---|---|---|
| Najlepšie využitie | Zložité, lesklé, veľké alebo ešte neexistujúce produkty, produkty s množstvom variantov | Pohyb, použitie, mierka, reklamy a sociálne siete | Bežné existujúce produkty, presný pohľad na skutočný kus |
| Varianty a farby | Zmena materiálu na jednom modeli, nový render | Nové natáčanie pre každý variant alebo úprava strihom | Fyzický kus a nové fotenie pre každý variant |
| Úpravy produktu | Zmena tvaru vracia prácu do modelovania, malé zmeny sú rýchle | Nové natáčanie, text a titulky sa menia v strihu | Nové fotenie, retuš nahradí len drobné úpravy |
| Interaktivita | Interaktívny 3D prehliadač, rozložený pohľad, rozšírená realita | Obmedzená, divák len prehráva | Otočný pohľad 360° zo série snímok, priblíženie detailu |
| Jednotnosť katalógu | Vstavaná cez rovnaké svetlo a kameru | Závisí od rovnakého natáčania a farebnej úpravy | Vyžaduje pevný postup a rovnaké štúdio |
| Vhodné kanály | Web, B2B prezentácie, kampane, reklamy | Reklamy, sociálne siete, stránka produktu | E-shop, marketplace, tlač, katalóg |
| Doručenie na web | Statické obrázky, video alebo 3D model s úvodným obrázkom | MP4 alebo WebM s poster snímkou | Obrázky v moderných formátoch, viac rozmerov |
| Typické riziká | Nereálny vzhľad, rozdiel oproti skutočnému produktu, potreba presných podkladov | Nejednotný vzhľad pri opakovaní, zaťaženie stránky | Nevhodné odlesky, veľa variantov, ťažko prepraviteľné kusy |
Interaktívne 3D, otočný pohľad 360° a rozšírená realita
Interaktivita je oblasť, kde sa najviac plietajú pojmy. Otočný pohľad 360° je séria snímok, ktoré sa prepínajú, keď zákazník ťahá myšou alebo prstom. Snímky môžu vzniknúť fotením na otočnom stolíku aj renderovaním. Zákazník sa pritom pozerá len z uhlov, ktoré sa vopred nasnímali.
Interaktívny 3D prehliadač pracuje inak. Do stránky sa nahrá samotný model a prehliadač ho vykreslí podľa pohybu zákazníka. Google pre to ponúka webový komponent model-viewer, ktorý zobrazuje 3D modely na webe aj v rozšírenej realite. Podľa jeho dokumentácie atribút src prijíma modely vo formátoch glTF a GLB, atribút poster umožňuje zobraziť obrázok, kým sa model načíta, a atribút loading riadi, kedy sa model začne sťahovať.
Samotný formát glTF je podľa skupiny Khronos bezplatná špecifikácia na efektívny prenos a načítanie 3D scén a modelov. Súbor vo formáte GLB uloží celú scénu do jedného binárneho súboru, preto sa bežne používa pri webovom doručení.
Rozšírená realita
Rozšírená realita (AR) umožňuje zákazníkovi umiestniť model do svojho priestoru cez kameru telefónu. Na zariadeniach Apple ju zabezpečuje AR Quick Look, ktorý pracuje s modelmi vo formáte USDZ. Komponent model-viewer podľa svojej dokumentácie podporuje režimy webxr, scene-viewer a quick-look, takže jeden model sa dá sprístupniť na viacerých zariadeniach, ak sa pripravia správne formáty súborov.
Pri nasadení v e-shope má zmysel premyslieť si, či interaktivita prinesie niečo zákazníkovi. Pri nábytku alebo zariadení, ktoré sa umiestňuje do priestoru, pomáha. Pri bežnom spotrebnom tovare môže byť zbytočnou komplikáciou.
3D modely vo vyhľadávaní Google
Google umožňuje prepojiť 3D model s produktom v údajoch pre Merchant Center. Podľa pomocníka k atribútu 3D modelu sa akceptujú len súbory glTF a GLB, odporúčaná veľkosť je do 10 MB a model Google pred zobrazením kontroluje. V čase písania tohto článku je atribút dostupný len pre vybrané kategórie a pre produkty predávané v USA. Pre slovenský e-shop je preto 3D model užitočný najmä na vlastnej stránke produktu.
Doručenie na web a rýchlosť stránky
Každý z troch formátov zaťažuje stránku inak a platí to aj pre 3D produktovú animáciu. Pri videu a animácii je to veľkosť súboru, počet prehrávaní a spôsob načítania. Tejto téme sa venuje porovnanie Lottie, GIF a MP4/WebM aj rozbor Lottie animácií a Core Web Vitals, preto tu zostávame pri produktových špecifikách.
- Fotografie. Google v odporúčaniach pre obrázky odporúča štandardný element
img, popisné názvy súborov, informatívny alt text a obrázky umiestnené blízko súvisiaceho textu. Podporuje formáty WebP aj AVIF. - Video. Produktové video potrebuje poster snímku, ovládanie a rozumné rozlíšenie. Na stránke produktu nemá automaticky prehrávať zvuk.
- Interaktívne 3D. Model sa má načítať až vtedy, keď ho zákazník potrebuje. Dovtedy sa zobrazí obrázok produktu, ktorý zároveň slúži ako úvodný pohľad. Dokumentácia model-viewer na to ponúka atribúty
posteraloading.
Hlavný obrázok produktu sa načíta hneď. Odložené načítanie patrí k podružným obrázkom a k interaktívnemu modelu.
Hybridný prístup: každý formát tam, kde sa mu darí
V praxi sa predajcovia málokedy rozhodujú pre jediný formát. Najčastejšie sa osvedčí rozdelenie podľa úlohy. Základný katalóg tvoria fotografie, ktoré sú presné, rýchle a zákazníci ich poznajú. Zložité, konfigurovateľné alebo ešte nevyrobené produkty dostanú 3D vizualizáciu alebo animáciu. Krátke video, natočené alebo vyrenderované, pokrýva reklamu a sociálne siete.
Veľkú výhodu majú predajcovia, ktorí z jedného 3D modelu využijú viac výstupov. Z modelu vznikne hlavný obrázok pre web, séria krátkych slučiek pre sociálne siete, rozložený pohľad pre technický list a interaktívny prehliadač. Pri tomto prístupe sa 3D oplatí práve preto, že sa investícia rozloží na viacero kanálov.
Pri hybride je dôležité jedno pravidlo. Všetky výstupy musia vyzerať ako jedna značka. Dohodnite si vopred farby pozadia, smer svetla, orez a spôsob, akým sa produkt zobrazí. Ak sa niektoré kategórie spracúvajú v 3D a iné fotografiou, zákazník to nemá spozorovať na prvý pohľad.
Päť otázok pred objednávkou
Ak sa neviete rozhodnúť, prejdite si týchto päť otázok. Odpovede vám povedia, ktorým smerom sa uberať.
- Existuje produkt fyzicky? Ak áno, fotografia je dostupná hneď. Ak nie, 3D je jediná cesta k vizuálu pred výrobou.
- Koľko variantov sa bude meniť? Čím viac farieb, materiálov a zostáv, tým väčšia výhoda jedného modelu.
- Kde sa vizuál zobrazí? Stránka produktu, marketplace, reklama a veľtrh majú rôzne nároky.
- Má zákazník vidieť funkciu alebo vnútro? Rez, rozloženie a pohyb mechanizmu sú doménou 3D animácie.
- Koľko výstupov potrebujete z jedného základu? Viac statických obrázkov, krátkych videí a interaktívny pohľad sa lepšie vyplatia z jedného modelu.
Najčastejšie chyby pri výbere formátu
- 3D z dôvodu módy. Jednoduchý produkt, ktorý sa dá dobre odfotiť, nepotrebuje model. Zákazníkovi to prinesie málo.
- Fotenie lesklého produktu bez riadenia svetla. Odlesky, v ktorých vidno štúdio, znižujú dôveryhodnosť obrázku.
- Vizuál, ktorý sa nezhoduje s produktom. Zákazník očakáva, že dostane to, čo vidí. Farby, materiály a proporcie musia sedieť s reálnym kusom.
- Prototyp prezentovaný ako hotový produkt. Vizualizáciu pred výrobou treba brať ako návrh a po výrobe ju nahradiť fotografiami.
- Zmiešané štýly v jednom katalógu. Rôzne svetlo a pozadie naprieč kategóriou pôsobí neprofesionálne.
- Interaktívny model bez úvodného obrázka. Návštevník vidí prázdne miesto, kým sa model nestiahne.
- Zabudnuté práva a podklady. Pri 3D si dohodnite, v akom formáte dostanete model, materiály a licencie. Všeobecné zásady odovzdávania nájdete v článku o odovzdaní vizuálnej identity.
Čo pripraviť do zadania
Dobré zadanie skráti prípravu a zníži počet revízií. Pre výrobcu vizuálov sú najužitočnejšie tieto podklady.
- zoznam produktov rozdelený do skupín podľa typu a počtu variantov,
- konštrukčné podklady alebo výkresy, ak ide o 3D model,
- fyzická vzorka alebo referenčné fotografie na kontrolu farieb a materiálov,
- miesta, kde sa vizuál zobrazí, vrátane pomerov strán a formátov,
- informácia, ktoré varianty a úpravy sa očakávajú v budúcnosti,
- dohodnuté odovzdanie modelov, zdrojových súborov a práv na ďalšie použitie.
Neviete, ktorý formát sa hodí pre váš sortiment?
Pomôžeme rozdeliť produkty do skupín a vybrať pre každú z nich fotografiu, video alebo 3D vizualizáciu podľa kanálov a počtu variantov. Pripravte si zoznam produktov, informáciu o tom, či už existujú, odkazy na miesta, kde sa vizuály zobrazia, a predstavu o tom, ako často sa sortiment mení.
Prediskutovať produktové vizuálySúvisiace návody a zdroje
- 2D vs 3D animácia: ktorú zvoliť pre značku, produkt alebo kampaň
- Produktová fotografia: packshot, lifestyle a hero záber pre e-shop
- 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
- UGC vs profesionálna video produkcia: čo zvoliť pre značku
Na záver
Pri výbere formátu začnite produktom a zákazníkom. Čo si má zákazník pred nákupom overiť, existuje už produkt a kde ho uvidí? Väčšinou z toho vyjde, že na bežný sortiment stačí kvalitná fotografia, niektoré produkty potrebujú video a pár zložitých kusov sa oplatí postaviť v 3D. Ak chcete s výberom pomôcť, pošlite nám zoznam produktov a kanálov.
Časté otázky
Pri lesklých a priehľadných produktoch, pri veľkých a ťažko prepraviteľných kusoch, pri produktoch, ktoré ešte neexistujú, a pri sortimente s množstvom variantov. Hodí sa aj vtedy, keď treba ukázať vnútro alebo pohyb mechanizmu. Pri jednoduchom, dobre dostupnom produkte zvyčajne stačí fotografia.
Dôveryhodnosť závisí od zhody s reálnym produktom. Farby, materiály a proporcie treba overiť voči vzorke alebo výrobným podkladom. Vizualizáciu produktu, ktorý ešte nie je vyrobený, treba brať ako návrh a po výrobe ju doplniť fotografiami hotových kusov.
glTF je podľa skupiny Khronos bezplatná špecifikácia na efektívny prenos a načítanie 3D scén a modelov. GLB je jeho binárna podoba, ktorá uloží scénu do jedného súboru. Používa sa na interaktívne 3D prehliadače na webe, napríklad v komponente model-viewer.
3D model v správnom formáte. Komponent model-viewer pracuje s modelmi glTF alebo GLB a pre zariadenia Apple vie použiť súbor USDZ cez AR Quick Look. Podporované režimy rozšírenej reality sa líšia podľa zariadenia a prehliadača, preto sa funkcia vždy testuje na reálnych telefónoch.
Pri veľkom počte variantov sa zvyčajne oplatí 3D model, na ktorom sa mení materiál a farba a scéna sa vyrenderuje opakovane. Hlavný variant môžete doplniť fotografiou. Farby je potrebné overiť voči vzorke z výroby.
Áno, ide o bežný prístup. Dôležité je zosúladiť smer svetla, farbu pozadia, orez a spôsob zobrazenia produktu, aby kategória pôsobila jednotne. Najväčšie riziko vzniká, keď sa fotografie a rendery objavia vedľa seba bez spoločných pravidiel.
Závisí od veľkosti súboru a spôsobu načítania. Video má mať poster snímku a rozumné rozlíšenie, interaktívny model sa načíta až vtedy, keď ho zákazník potrebuje, a dovtedy sa zobrazí obrázok produktu. Podrobnosti rozoberá článok o Lottie animáciách a Core Web Vitals.
Konštrukčné podklady alebo výkresy, fyzickú vzorku alebo referenčné fotografie, zoznam variantov a miest nasadenia a dohodu o odovzdaní modelu, zdrojových súborov a licencií. Čím jasnejšie je zadanie, tým menej revízií bude potrebných.