Live Mockups · Post processing · 3 min read

Grade the colors

Warm, enrich and deepen the render of a live 3D scene with the Post processing sliders, then change its overall look with Tone mapping.

Open Post processing

Open a scene in Live Mockups and add your design to the screens. In the right panel, fold Media, Lights, HDR, Screen effects, Screen glow, Effects and Camera with their arrows so Post processing moves up. It has three groups: Color, Light and Effects.

Two phones on a grey shelf, with the Post processing section open and every slider at 0Two phones on a grey shelf, with the Post processing section open and every slider at 0
The scene before grading. Every slider starts at 0, except Gamma at 1.

Warm the colors

In the Color group, click the number field next to Temp., type 0.12 and press Enter. The whole picture turns warm. Then set Saturation to 0.4 so the colors get richer.

Temp. at 0.12 and Saturation at 0.4, with a warm cream backdrop and stronger oranges on the screensTemp. at 0.12 and Saturation at 0.4, with a warm cream backdrop and stronger oranges on the screens
Temp. warms the whole render. Saturation deepens the colors.

Shape the light

In the Light group, set Exposure to 0.02, Whites to 0.05 and Blacks to −0.4. The bright parts get a little brighter and the dark parts get deeper.

The Light group with Exposure 0.02, Whites 0.05 and Blacks −0.4, and brighter screens on a darker shelfThe Light group with Exposure 0.02, Whites 0.05 and Blacks −0.4, and brighter screens on a darker shelf
Light sliders change brightness and contrast.

Pick a tone mapping

Fold Post processing and open Tone mapping at the bottom of the panel. Click the menu and choose a preset. The options are No tone mapping, LinearToneMapping, ReinhardToneMapping, CineonToneMapping, ACESFilmicToneMapping, AgXToneMapping and NeutralToneMapping. Here AgXToneMapping softens the highlights and mutes the colors.

Tone mapping menu set to AgXToneMapping, with softer, calmer colors on the phonesTone mapping menu set to AgXToneMapping, with softer, calmer colors on the phones
Tone mapping changes the overall look of the render.

Questions

How do I make the colors cooler?

Use a negative Temp. value in the Color group of Post processing. Temp. and Tint run from −0.33 to 0.33.

Which tone mapping presets are there?

No tone mapping, LinearToneMapping, ReinhardToneMapping, CineonToneMapping, ACESFilmicToneMapping, AgXToneMapping and NeutralToneMapping.

What does AgXToneMapping do?

In this guide’s scene it softens the highlights and mutes the colors. Each preset handles bright colors its own way, so switch between them while the scene is on screen.

Where is Post processing in the right panel?

Under the other sections. Fold Media, Lights, HDR, Screen effects, Screen glow, Effects and Camera with their arrows so it moves up.

Try it in the Live Mockups

Real 3D devices you turn, light and animate.

Open editor