Getting Started with 3D Mockups

Create your first professional 3D mockup in minutes with our easy-to-follow guide.

Quick Start Guide

Follow these four simple steps to create your first professional mockup. You'll be amazed at how quickly you can bring your designs to life.

1. Choose Your Device

Select from our collection of high-quality 3D models including iPhones, MacBooks, and iMacs. Click the Editor button in your dashboard to begin.

Selecting a device

2. Upload Your Design

Upload your design in PNG or JPEG format. Each device model shows recommended dimensions and aspect ratio. For mobile devices, you can switch between portrait and landscape orientations - just remember to flip your image dimensions accordingly.

Uploading a design

3. Customize Your Scene

Add up to two devices and personalize your mockup by adjusting the camera angle, choosing an environment, and customizing device colors. The background color helps visualize your scene but won't appear in the final export.

Customizing the scene

4. Export Your Mockup

Position your scene exactly how you want it to appear. Export in ultra-high resolution (5832px × 3400px) with transparent background, or copy directly to your clipboard for immediate use.

Exporting options

Key Features

Available device models

Premium 3D Models

High-quality, detailed 3D models of the latest devices, perfect for showcasing your designs.

Environment selection

Environment Selection

Choose from various environment presets and adjust their rotation to achieve the perfect lighting for your mockup.

Export quality options

High-Resolution Export

Export your mockups in high resolution, perfect for marketing materials and presentations.

Pro Tips

Transparent Backgrounds

Export with transparent backgrounds for maximum flexibility in your marketing materials and presentations.

Perfect Environment

Try different environment presets and rotation angles to find the perfect look for your brand and design.

Multi-Device Scenes

Try adding a second device to create more complex scenes that showcase responsive design or product families.

Quick Reference

Keyboard Shortcuts

  • • Orbit: Right-click + drag
  • • Zoom: Scroll wheel
  • • Reset camera: C
  • • Toggle grid: G

Recommended Export Settings

  • • Resolution: Ultra HD (5832px × 3400px)
  • • Format: PNG with transparency
  • • Quick use: Copy to clipboard