Live Mockups · Lights · 3 min read

Relight the scene

Raise a lamp, tint it to match your brand, and turn the environment light up or down to change how the device and its surroundings catch the light.

Watch the steps

Raise the third lamp, give it a hex color and set the HDR intensity.

12-second editor demo · no audio
Transcript

A phone lies on a bent tube. Lights in the right panel lists three lamps.

Click the third Intensity field, type 40 and press Enter. The tube glows bright green.

Click the hex field under it, type FF2D7A and press Enter. The swatch and the glow turn pink.

In HDR, type 0 in Intensity and press Enter. The environment’s reflections leave the scene, and the lamps light it.

Find the lamps

In Live Mockups, look at Lights in the right panel. Each lamp takes two rows: its Intensity, and below it a swatch with a hex color field. This scene has three lamps. All three rows read Intensity, so tell them apart by their order from the top.

The Lights section with three Intensity rows, each above a color swatch and hex field, and the HDR section belowThe Lights section with three Intensity rows, each above a color swatch and hex field, and the HDR section below
Three lamps, one pair of rows each, with HDR underneath.

Raise a lamp

Click the number field of the third Intensity row, type 40 and press Enter. The tube picks up a bright green glow, because this lamp is green.

The third lamp at intensity 40 with a bright green glow on the tube behind the phoneThe third lamp at intensity 40 with a bright green glow on the tube behind the phone
A higher Intensity makes this lamp’s glow stronger.

Type a hex color

Click the hex field under that Intensity row, replace its value with your brand color, such as FF2D7A, and press Enter. The swatch and the glow change to that color.

The third lamp’s hex field showing FF2D7A and a pink glow on the tube and the phone edgeThe third lamp’s hex field showing FF2D7A and a pink glow on the tube and the phone edge
The lamp’s light and its swatch follow the hex value.

Set the environment light

In HDR, the Environment lighting switch is on in this scene. Type 0 in Intensity and press Enter to take the environment’s reflections out, so mostly your lamps light the scene. Type a higher number to bring the reflections back. Angle changes where the environment light comes from.

HDR Intensity set to 0 and a darker tube with only the pink lamp glow leftHDR Intensity set to 0 and a darker tube with only the pink lamp glow left
With HDR Intensity at 0, the pink lamp stands out.

Questions

How do I tell the lamps apart?

Every lamp row reads Intensity, so count them from the top of Lights. Raise one lamp to 40 and watch which edges of the device light up, then set it back.

Can I light the scene in my brand color?

Yes. Type the hex code, such as FF2D7A, in the field under that lamp’s Intensity row and press Enter. The swatch and the light change at once.

What does HDR Intensity 0 do?

It takes the environment’s reflections out, so mostly your lamps light the scene. A higher number brings the reflections back, and Angle moves where that light comes from.

Why is there no HDR section in my scene?

Not every Live Mockups scene has one. In that case the lamps in Lights do all of the lighting.

Try it in the Live Mockups

Real 3D devices you turn, light and animate.

Open editor