Perfect Lighting & Environments

Learn how to use environment presets to create professional and eye-catching mockups.

Understanding Environments

Environments play a crucial role in creating professional mockups. Each environment preset simulates different lighting conditions through reflections and shadows on your devices.

Environment Selection

Choose from our collection of environment presets in the Environment tab. Each preset creates unique reflections and shadows that enhance your mockup's appearance.

Environment presets

Environment Rotation

Use the rotation slider to adjust how the environment affects your scene. This changes the direction of reflections and shadows on your devices.

Rotating environment lighting

Environment Types

Different environment presets create different moods and aesthetics. Here's a guide to choosing the right environment for your mockup.

Studio environment

Studio

Professional environment with balanced lighting, perfect for clean product showcases. Creates even reflections that highlight your devices beautifully.

Blue Ambient environment

Blue Ambient

Cool, atmospheric environment that adds a modern tech feel to your mockups. Perfect for creating a sleek, contemporary aesthetic.

Dark Spotlights environment

Dark Spotlights

High-contrast environment with focused lighting. Creates dramatic shadows and striking highlights, perfect for bold presentations.

Pro Tips

Match Your Brand

Choose environments that complement your brand's color scheme. Adjust the rotation to enhance color reflections.

Background Harmony

While setting a background color helps visualize your scene during composition, remember that all exports are transparent. Choose a background that helps you see reflections clearly.

Screen Visibility

Adjust the environment rotation to minimize unwanted reflections on device screens, ensuring your designs are clearly visible.

Quick Settings

Recommended Studio Settings

  • • Environment: Studio
  • • Rotation: 4.2 (240°)
  • • Preview background: Light gray (#f5f5f5)

Recommended Natural Settings

  • • Environment: Natural
  • • Rotation: 2.1 (120°)
  • • Preview background: Off-white (#fafafa)