Using a 3D background image
Add depth with a background that moves with the camera and is reflected on the mockup
You can use a specially sized image to create an immersive 3D environment for your mockup scene.
Let's take a look!
How to do it
- Find or create an environment image. See below for details.
- Drag in your environment image on the scene's background
- That's it. If Rotato recognizes your image as an environment image, you will see the environment move as you drag to pan the camera.
Using gradients or images
Here's an example using a simple gradient in 1:2 format - e.g. 1400 x 700
And here's what it looks like when. you use a spherical image.
Solid colors
You can also use a solid color as your custom reflection environment. This is great when you have a simple solid background and want the device to blend in more naturally with the background. Here's what it looks like in comparison
![Image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fdpv1qe4y%2Fproduction%2Ff9871c647a70bcd8eb9856e603dc2f048f5a9bbe-1080x337.webp%3Fw%3D1080%26h%3D337%26fit%3Dmax%26auto%3Dformat&w=3840&q=75)
Using reflections only
Using only the reflections can help make your scene more calm if you have a busy reflection map.
- Drag in your reflection image on the background
- Change the background to a solid color in the Looks toolbar, or drag in a new non-reflection image.
How to reset a scene's environment
Go to the Lens tab and remove the checkmark next to Reflection Environment.
The environment image format
Rotato supports the following environment image formats
- Spherical projection. Pixel coordinates mapped to lat/long on a sphere. Grab 100% free spherical maps here.
- Vertical strip. 6 x 1:1 cubes side by side.
- Horizontal strip. 6 x 1:1 cubes stacked.