Render - co to jest?
Render to obraz albo klatka animacji, którą program komputerowy wylicza z cyfrowego modelu sceny 3D. Renderowanie to sam proces liczenia: program sprawdza, jak światło z wirtualnych lamp odbija się od powierzchni modelu i co z tego zobaczy wirtualna kamera.
Słowo przyszło z angielskiego: to render znaczy „oddać, przedstawić”, a wywodzi się od łacińskiego reddere (Wikipedia). W żargonie grafików i architektów render to po prostu gotowa grafika z programu 3D, w odróżnieniu od zdjęcia, które powstaje w aparacie.
Z czego program liczy render
Scena do renderu to zestaw danych, które grafik musi wcześniej przygotować w programie 3D (Rendering, Wikipedia):
- geometria - kształt obiektu zapisany jako siatka wielokątów,
- materiały - kolor, chropowatość, przezroczystość, współczynnik załamania światła i tekstury,
- światła - położenie, typ, jasność i barwa każdego źródła,
- kamera - punkt widzenia, ogniskowa i kąt widzenia.
Fotograf produktowy pracuje na tych samych zmiennych, tylko w fizycznym studiu. Różnica: w renderze każdą z nich trzeba opisać ręcznie, a przed aparatem szkło, metal czy tkanina zachowują się zgodnie z fizyką same z siebie.
Rasteryzacja, ray tracing i path tracing
Rasteryzacja sprawdza, które piksele zakrywa każdy kształt. Jest szybka i stanowi standard renderowania w czasie rzeczywistym: w grach i w podglądach 3D w przeglądarce. Ray tracing (śledzenie promieni) prowadzi promienie światła piksel po pikselu, więc wierniej oddaje odbicia i załamania, ale liczy się dłużej.
Do grafik fotorealistycznych używa się dziś najczęściej path tracingu, odmiany ray tracingu, która uśrednia losowe próbki ścieżek światła. Przy małej liczbie próbek obraz ma szum, dlatego programy dokładają odszumianie oparte na sieciach neuronowych. Klatki wysokiej jakości animacji potrafią liczyć się godzinami, a nawet dniami, więc studia rozdzielają pracę na wiele komputerów naraz, czyli farmy renderujące.

Render czy zdjęcie produktu?
Render ma przewagę, gdy produktu jeszcze nie ma albo gdy trzeba pokazać wiele wariantów kolorystycznych jednego modelu. Gdy towar już leży w magazynie, model 3D trzeba dopiero zbudować, a zdjęcie powstaje od razu z gotowego egzemplarza. Koszty, czas realizacji i zasady marketplace'ów dla obu dróg (plus obrazów z AI) zestawiliśmy w porównaniu render 3D vs zdjęcie produktowe vs AI.
Z praktyki studia: marszalstudio nie robi renderów 3D. Fotografujemy prawdziwe produkty, które klient wysyła kurierem do studia w Warszawie, choćby z Rzeszowa czy Poznania. Packshot na białym tle kosztuje od 39 zł netto za zdjęcie, a realizacja trwa 1-4 dni robocze.
Wizualizacja 3D - jak powstaje i do czego służy
Wizualizacja 3D to cały proces przedstawienia obiektu za pomocą grafiki komputerowej: od zbudowania modelu, przez materiały i światło, po render i obróbkę gotowego obrazu. Render jest więc efektem ostatniego etapu wizualizacji, a nie jej synonimem.
Słownik PWN definiuje wizualizację szerzej, jako „przedstawienie czegoś za pomocą obrazu” (SJP PWN), dlatego to samo słowo oznacza też wykresy danych. W architekturze, wzornictwie i e-commerce zwykle chodzi jednak o grafikę z programu 3D.
Jak powstaje wizualizacja 3D krok po kroku
- Model. Grafik buduje geometrię produktu na podstawie rysunków technicznych, pliku CAD od konstruktora albo wymiarów i zdjęć referencyjnych.
- Materiały i tekstury. Każdej powierzchni przypisuje kolor, chropowatość, połysk, przezroczystość i mapy faktur: nadruk, słoje drewna, splot tkaniny.
- Światło i kamera. Ustawia wirtualne lampy, tło i kadr, tak jak fotograf w studiu, tylko bez ograniczeń statywu i ścian.
- Renderowanie. Program wylicza obraz. Im wyższa jakość i rozdzielczość, tym dłużej to trwa.
- Obróbka. Korekta koloru, kontrastu i drobnych błędów, czyli ten sam etap, który przy zdjęciach nazywamy postprodukcją.
Model buduje się raz. Kolejne ujęcia i wersje kolorystyczne powstają z tej samej sceny przez przestawienie kamery albo podmianę materiału, bez fizycznego egzemplarza w każdym kolorze.
Rodzaje wizualizacji 3D
- Produktowa - produkt na tle lub w aranżacji, warianty kolorów, przekroje i widoki rozstrzelone. Widok rozstrzelony pokazuje, jak części składają się w całość, i jest klasyczną ilustracją katalogów części oraz instrukcji montażu (Wikipedia).
- Architektoniczna - widoki budynków z zewnątrz i wnętrz, przejścia przez pomieszczenia i sceny do gogli VR, które pokazują projekt, zanim powstanie (Wikipedia).
- Interaktywna - model 3D w sklepie, który kupujący obraca w przeglądarce albo ustawia u siebie w pokoju w rozszerzonej rzeczywistości (AR). Obraz liczy się wtedy w czasie rzeczywistym na telefonie klienta.
- Animacja - film złożony z kolejnych renderów: obrót produktu, składanie części, działanie mechanizmu.

Programy do wizualizacji i renderowania
| Program | Do czego służy | Uwagi |
|---|---|---|
| Blender | modelowanie, animacja i render | darmowy, open source (licencja GNU GPL); silniki Cycles (path tracing) i EEVEE (czas rzeczywisty) |
| KeyShot | wizualizacje produktów | importuje geometrię z programów CAD bez jej przebudowy |
| V-Ray | silnik renderujący we wtyczce | działa m.in. w 3ds Max, SketchUp, Rhino, Revit, Cinema 4D i Blenderze |
Na start wystarczy Blender: jest darmowy i ma oba typy silników (opis silników Blendera). KeyShot jest nastawiony na produkty i pliki CAD, a V-Ray dokłada fotorealistyczny render do programów, w których projektanci już pracują.
Mockup - co to jest i jak go zrobić
Mockup (po polsku makieta) to obraz, który pokazuje projekt graficzny na docelowym przedmiocie: etykietę na butelce, nadruk na koszulce, logo na kubku albo kampanię na billboardzie. Odpowiada na pytanie, jak projekt będzie wyglądać w rzeczywistości, zanim trafi do druku czy produkcji.
Słowo ma kilka znaczeń. W przemyśle mockup to model urządzenia w skali albo w naturalnej wielkości, na którym projektanci zbierają opinie użytkowników (Wikipedia). Słownik PWN przy „makiecie” podaje m.in. model w zmniejszonej skali i plan układu graficznego druku (SJP PWN). W e-commerce i grafice chodzi najczęściej o cyfrowy obraz.

Mockup, wireframe i prototyp
W projektowaniu stron i aplikacji te trzy pojęcia oznaczają kolejne etapy pracy (UXPin):
- Wireframe - szkic układu ekranu o niskiej szczegółowości: bloki i hierarchia treści, bez grafiki.
- Mockup - statyczny, wierny obraz gotowego ekranu z kolorami, fontami i zdjęciami. Nic w nim nie da się kliknąć.
- Prototyp - interaktywna symulacja, w której można przejść przez nawigację i funkcje.
Jak powstaje mockup produktu
- Szablon PSD z obiektem inteligentnym. Plik Photoshopa ma warstwę, która po dwukliku otwiera się jako osobny dokument. Wklejasz tam swój projekt, zapisujesz, a perspektywa, cienie i zagięcia w głównym pliku aktualizują się same (Envato Tuts+). Legalne sposoby na Photoshopa za darmo opisujemy osobno.
- Generator online. W 2021 r. Canva przejęła Smartmockups, serwis do realistycznych makiet koszulek, ulotek, kubków, książek i urządzeń (tech.eu). Jak przygotować w niej grafiki produktowe, pokazujemy w poradniku Canva.
- Scena 3D. Grafik modeluje przedmiot i nakłada projekt jako teksturę. Taki mockup jest już renderem, więc opakowanie można obrócić pod dowolnym kątem.
Typowe błędy w mockupach
- perspektywa projektu nie zgadza się z perspektywą przedmiotu,
- płaska grafika na zakrzywionej powierzchni (kubek, butelka, tuba) bez wygięcia na krawędziach,
- światło i cienie na nadruku inne niż na reszcie sceny,
- projekt w zbyt małej rozdzielczości, przez co nadruk rozmywa się po powiększeniu,
- szablon użyty komercyjnie bez sprawdzenia licencji, tak samo ryzykowny jak zdjęcie z banku bez znajomości zasad royalty free.
Mockup dobrze sprawdza się przy akceptacji projektu i w przedsprzedaży. Na karcie produktu kupujący ocenia jednak prawdziwy egzemplarz, a marketplace'y mają własne wymagania wobec zdjęć. Wymagania Allegro zebraliśmy w poradniku zdjęcia na Allegro.
Z praktyki studia: do mockupów, banerów i kompozycji najlepiej nadaje się zdjęcie produktu bez tła. Do packshotu można zamówić dodatek „Usuń tło”, czyli plik PNG z przezroczystym tłem (9 zł netto za packshot), gotowy do wklejenia w szablon.
Zdjęcie 3D - jak działa i jak je zrobić
Zdjęcie 3D (zdjęcie stereoskopowe) to para fotografii tego samego kadru wykonanych z dwóch punktów przesuniętych w poziomie. Gdy każde oko zobaczy tylko swoje zdjęcie, mózg złoży je w jeden obraz z głębią, tak samo jak przy zwykłym patrzeniu na świat (Stereoscopy, Wikipedia).
Metodę opisał Charles Wheatstone w 1838 r., a David Brewster zbudował pierwszą przenośną przeglądarkę stereo. Dziś zdjęciem 3D nazywa się też zdjęcia z efektem głębi w mediach społecznościowych, zdjęcia przestrzenne z telefonów, a w sklepach internetowych obroty 360 i modele 3D. Każda z tych rzeczy działa inaczej.
Jak zrobić zdjęcie stereoskopowe
Odległość między obiektywami, czyli baza stereo, przy widoku „jak oczami” równa się rozstawowi oczu dorosłego człowieka: 62-65 mm. Przy bliskich obiektach taka baza daje zbyt dużą różnicę między obrazami, dlatego stosuje się regułę 1/30: baza to 1/30 odległości do najbliższego obiektu w kadrze (Wikipedia). Produkt stojący 60 cm od aparatu wymaga więc przesunięcia o około 2 cm.
- Dwa aparaty na wspólnej szynie wyzwalane jednocześnie - jedyna opcja przy ruchomym temacie.
- Jeden aparat przesuwany w bok między dwoma ujęciami - działa, gdy nic w kadrze się nie rusza, więc dobrze sprawdza się przy produktach.
- Telefon z trybem przestrzennym - iPhone 16 Pro robi zdjęcia przestrzenne (spatial photos) do oglądania w goglach Apple Vision Pro (Apple).
- Jedno zdjęcie i AI - Facebook w 2018 r. wprowadził zdjęcia 3D z trybu portretowego telefonów z dwoma obiektywami, a w 2020 r. dodał sieć neuronową, która szacuje głębię z dowolnego płaskiego zdjęcia (Meta AI). To animowany efekt głębi, a nie prawdziwa stereopara.
Jak oglądać zdjęcia 3D
- okulary anaglifowe (czerwono-cyjanowe) - każde oko dostaje obraz w innym kolorze,
- okulary polaryzacyjne i migawkowe - jak w kinie 3D i w telewizorach 3D,
- ekrany autostereoskopowe i druk lentikularny - soczewki lentikularne albo bariera paralaksy kierują obraz do właściwego oka bez okularów (np. konsola Nintendo 3DS), a na wydruku warstwa soczewek daje wrażenie głębi przy zmianie kąta patrzenia (Wikipedia),
- gogle VR i AR - pokazują każdemu oku osobny obraz.
Przy dłuższym oglądaniu część osób odczuwa zmęczenie oczu. Przyczyną jest konflikt akomodacji i wergencji: oczy zbiegają się na pozornej głębi obiektu, a ostrość ustawiają na powierzchni ekranu.
Zdjęcie 3D produktu w sklepie internetowym
Gdy sprzedawca pyta o zdjęcia 3D do sklepu, zwykle chodzi mu o jedną z trzech rzeczy, a każda wymaga innego materiału:
| Co to jest | Jak powstaje | Gdzie działa |
|---|---|---|
| Zdjęcie 360 | seria zdjęć produktu z kolejnych kątów, wyświetlana jak animacja obrotu | w galerii produktu, na każdym ekranie |
| Model 3D (GLB, USDZ) | z pliku CAD, w programie 3D albo fotogrametrią | podgląd 3D i AR w sklepie i na telefonie |
| Zdjęcie stereoskopowe | dwa zdjęcia z przesunięciem | okulary 3D, gogle VR, ekrany 3D |
Model 3D do sklepu zapisuje się jako GLB, jednoplikową wersję otwartego standardu glTF (Khronos), albo jako USDZ, który otwiera podgląd AR Quick Look w Safari na iPhonie i iPadzie (Apple). Shopify przyjmuje oba formaty jako media produktu, do 500 MB na plik (Shopify).
Fotogrametria tworzy model 3D z wielu zdjęć zrobionych z różnych stron: program znajduje te same punkty na kolejnych kadrach i wylicza ich położenie w przestrzeni. Błyszczące, ciemne i przezroczyste powierzchnie często zostawiają w takim modelu dziury (Photogrammetry, Wikipedia). Te same materiały wymagają osobnego ustawienia światła także przed aparatem, o czym piszemy w poradniku jak fotografować szkło i butelki.
Z praktyki studia: obrót produktu robimy jako packshot 360: 24 lub 36 ujęć na pełny obrót (co 15° albo co 10°), pliki JPG 2000 × 2000 px na białym tle, wycena indywidualna. To nie model 3D, ale kupujący obraca produkt w galerii i ogląda go z każdej strony. Więcej w poradniku o fotografii produktowej 360 stopni.
Najczęściej zadawane pytania
Co oznacza słowo render?
Render to gotowy obraz lub klatka animacji wyliczona przez program z modelu 3D. Słowo pochodzi od angielskiego „to render”, czyli oddać, przedstawić. Proces liczenia to renderowanie, a program, który go wykonuje, to silnik renderujący.
Ile trwa renderowanie?
Zależy od złożoności sceny, liczby próbek światła, rozdzielczości i mocy komputera. Podgląd w czasie rzeczywistym liczy się w ułamku sekundy, a klatki fotorealistycznej animacji potrafią liczyć się godzinami, a nawet dniami, dlatego studia używają farm renderujących.
Czym jest silnik renderujący?
To program albo moduł programu, który zamienia scenę 3D w obraz 2D. Przykłady to Cycles i EEVEE w Blenderze, V-Ray działający jako wtyczka m.in. do 3ds Max, SketchUpa i Rhino oraz KeyShot, nastawiony na wizualizacje produktów.
Jaki program do renderowania wybrać na początek?
Blender. Jest darmowy i otwarty (licencja GNU GPL), ma modelowanie, animację i dwa silniki: Cycles do obrazów fotorealistycznych i EEVEE do pracy w czasie rzeczywistym. Przy produktach zaprojektowanych w programach CAD wygodniejszy bywa KeyShot, który importuje ich geometrię.
Czy mockup to to samo co render?
Nie. Render opisuje sposób powstania obrazu, czyli wyliczenie z modelu 3D, a mockup jego cel: pokazanie projektu graficznego na przedmiocie. Mockup może być renderem, ale równie dobrze powstaje na zdjęciu z obiektem inteligentnym w Photoshopie.
Jak zrobić zdjęcie 3D telefonem?
Zrób dwa zdjęcia nieruchomego obiektu, przesuwając telefon w bok o około 1/30 odległości do najbliższego przedmiotu, i połącz je w stereoparę. iPhone 16 Pro ma też tryb zdjęć przestrzennych do oglądania w goglach Apple Vision Pro.
Czy zdjęcie 360 to zdjęcie 3D?
Nie. Zdjęcie 360 to seria płaskich zdjęć produktu z kolejnych kątów, u nas 24 lub 36 na obrót, wyświetlana jak animacja. Nie zawiera geometrii, więc produktu nie da się ustawić w pokoju przez AR. Do tego potrzebny jest model 3D w formacie GLB albo USDZ.
Czy marszalstudio robi rendery 3D?
Nie. Fotografujemy prawdziwe produkty: packshoty od 39 zł netto za zdjęcie, zdjęcia reklamowe i obroty 360. Kiedy render ma więcej sensu niż sesja, opisujemy w porównaniu renderu 3D, zdjęcia produktowego i obrazów z AI.
Źródła
- Renderowanie - Wikipedia
- Rendering (computer graphics) - Wikipedia
- About Blender - blender.org
- Blender: Rendering (Cycles, EEVEE) - blender.org
- KeyShot - keyshot.com
- V-Ray - chaos.com
- Wizualizacja - Słownik języka polskiego PWN
- Makieta - Słownik języka polskiego PWN
- Exploded-view drawing - Wikipedia
- Architectural rendering - Wikipedia
- Mockup - Wikipedia
- Prototype vs. Wireframe vs. Mockup - UXPin
- How to Insert a Photo Into a Product Mock-Up in Adobe Photoshop - Envato Tuts+
- Canva acquires Kaleido and Smartmockups - tech.eu (22.02.2021)
- Stereoscopy - Wikipedia
- Stereo photography techniques - Wikipedia
- Lenticular printing - Wikipedia
- Apple debuts iPhone 16 Pro and iPhone 16 Pro Max - Apple Newsroom
- Powered by AI: Turning any 2D photo into 3D - Meta AI (28.02.2020)
- glTF - Khronos Group
- AR Quick Look - Apple Developer
- Product media types - Shopify Help Center
- Photogrammetry - Wikipedia

