How to polish your mockup with studio lighting and materials.
The difference between a quick mockup and a premium visual is light. Protato gives you a full studio lighting rig with presets, per-light sliders, and physically based materials — no 3D knowledge required.
What you'll build
The same device mockup with three different lighting treatments — Studio, Dramatic, and Flat — plus a custom material setup that makes the screen look glossy or matte.
What you'll use
Lighting tab (presets + per-light sliders), Material tab (metallic, roughness, clearcoat, specular), IBL intensity, shadow controls, and real-time preview.
Lighting and material controls are identical on iPhone and Mac. On Mac, the left sidebar gives you a dedicated lighting section. On iPhone, open the Settings sheet and swipe to the Lighting tab.
Step 01
Start with a basic mockup.
Set up a simple device mockup — pick an iPhone or iPad, import your screenshot, and choose a neutral background like a subtle gradient or solid color.
Leave the lighting on the default Studio preset for now. The goal is to start with something decent and then make it look premium.
Step 02
Try each lighting preset.
Open the Lighting settings. On iPhone, tap Settings then swipe to the Lighting tab. On Mac, find Lighting in the left sidebar.
Tap through the three presets and watch the scene update instantly:
- Studio — balanced, even lighting. Good for clean App Store screenshots and product shots.
- Dramatic — strong contrasts with deeper shadows. Great for hero images and social media where you want the device to pop.
- Flat — soft, diffused light. Ideal for documentation and technical shots where clarity matters more than drama.
Step 03
Fine-tune individual lights.
After picking a preset, use the per-light sliders to adjust each light source independently:
- Key — the main light. Raise it to brighten the front of the device.
- Fill — fills in shadows on the opposite side. Lower for more contrast, raise for a softer look.
- Rim — adds a highlight along the edge of the device. Great for separating the phone from the background.
- Back — lights the device from behind. Creates a halo effect when combined with a dark background.
- Exposure — global brightness. Adjust this last after setting your individual lights.
- IBL Intensity — controls how strongly the environment map reflects on the device surface. Higher values give more realistic reflections.
Step 04
Adjust the device material.
Go to the Material settings. These control how the device screen and body reflect light:
- Metallic — makes the surface look like glass (higher) or plastic (lower).
- Roughness — higher values scatter light for a matte finish; lower values give a smooth, mirror-like reflection.
- Glow (Emissive) — simulates screen brightness. Raise this to make the display feel lit and vibrant.
- Clearcoat — adds a glossy top layer like a glass screen protector. Combine with low roughness for a premium look.
- Shine (Specular) — controls how sharp and bright reflections appear on the surface.
Use the quick presets to jump between common setups: Glossy for that fresh-out-of-the-box look, Matte for a subtle, professional finish, or Default to reset.
Step 05
Tweak the shadow and export.
Go to the Shadow settings. Adjust Opacity to make the shadow darker or lighter, and Radius to control how soft or sharp it is. A softer shadow (higher radius) feels more natural and premium.
If your background is transparent (set to None), the shadow is still rendered — great for compositing the device into other designs.
Export your image. Compare it side by side with the default mockup from step 1. The lighting and material work transforms a flat screenshot into a visual that looks like Apple's own marketing material.
Continue
Build on the polished look.
How to build a multi-device scene with iPhone, iPad, and MacBook.
Apply consistent lighting across multiple devices for a cohesive ecosystem shot.
How to add text overlays and branding to your mockups.
Add feature callouts and headlines that complement your polished lighting.
How to create a product reveal video with keyframe animation.
Animate your beautifully lit scene — the lighting carries through into every frame of your video.
