How To Create a Room Mockup

Table Of Contents

• Access the Room Mockups Section
• Position and Adjust Your Artwork
• Frames Selector 
• Use the Bottom Controls to Customize Your Mockup
• Crop Your Design
• Finalize and Save

Step-by-Step Guide

1. Access the Room Mockups Section
   

   • To open this section, open the Sidebar, then select Room Mockups 
   • Choose a space where you'd like to place your Artwork.
     
     
     

2. Position and Adjust Your Artwork
   

   • Click (or tap) where it says 'Artworks' at the bottom of your screen.
   • Upload your Artwork file, or drag and drop one already uploaded to position it within the wall.
   • Use the provided tools to resize or rotate your Artwork for the perfect fit.
     
     
     
     

3. Frames Selector 

To open the Frames panel: 

1. Place an Artwork in the Room Mockup.

2. Click on the Artwork, you’ll see the Frames button appear at the bottom of your screen. 

3. Click it to enter the Frames selector.

Once you open the Frames selector inside Room Mockups, you’ll find everything you need to manage and customize your framing options:

• View All Available Frames
  Browse through your complete Frame Library, including the default frames provided by ArtPlacer and the ones you’ve added or customized.
  
  
• Edit Existing Frames
  Update materials, colors, sizes, and other properties without leaving the selector.
  
  
• Create New Frames
  Design a new frame from scratch to expand your options instantly.
  
  

To add a frame to an Artwork: simply click on the Artwork you want to frame (especially useful if multiple Artworks are placed in the room). Then, select the frame you want from the Frames panel and it will apply instantly.

• Favorite Frames for Quick Access
  If you find a frame you love, whether it’s a default one or a frame you just edited, simply hover over it and click the heart icon ❤️ to save it as a favorite.
  
  

Then, right next to the Frames search bar, click “My Favorites” to view a dedicated section with all the frames you’ve added to "favorites", perfect for quick selection in future projects.

4. Use the Bottom Controls to Customize Your Mockup

The bottom options provide a range of tools to help you create the perfect Mockup. Here's a breakdown of what you can do:

• Lighting: Adjust the shadow spread, angle, and opacity, as well as the artwork’s brightness and contrast for a more realistic look.
  
  
• Size: Crop the design before downloading, saving, or sharing. You can do this freely or use presets optimized for social media platforms.
  
  
• Position: Align and evenly space multiple Artworks on the same wall for a polished presentation.
  
  
• Customize: Change the wall color and tone (only available on Smart Spaces) to better match the setting.
  
  
• Rooms: Switch between different rooms while keeping the Artwork unchanged, making it easier to explore different settings.
  
  

5. Crop Your Design

To help you get the perfect fit for your design, ArtPlacer offers multiple cropping options, from custom and manual crop tools to ready-made templates that let you export your design in the exact size you need. 

To crop your design, follow these steps:

1. Click Crop (bottom left corner).  
   
   
2. Choose one of the cropping methods from the dropdown button:
   • Manual Crop: Drag the handles on the edges to crop one side, or use the corners to crop two sides at once.
     
     
   • Custom Size: Open the dropdown (default is Original Size), select Custom Size, and enter your desired Width (W) and Height (H). Use the lock icon to maintain proportions, or reset at any time with the reset icon.
     
     
   • Standard Size: Choose from ready-made formats optimized for social media platforms and e-commerce listings such as: Instagram, Etsy, Facebook, Pinterest, YouTube and X. This way, your designs always fit perfectly.
     
     As you explore different crop templates, you can save each variationas a new design, allowing you to keep multiple versions of the same creation ready to use whenever you need them.
     
     
3. Once finished, click DONE.
   
   

✨Tip:
Even if you’re not using a Small Art Room Mockup, you can still crop any room to focus on your smaller Artworks. Adjusting the space to highlight just the section of the wall or area that best complements your piece helps it stand out naturally and saves time searching for the perfect small-space mockup.

6. Finalize and Save.

• Once your Artwork and frame are perfectly set, save the mockup to share or present to your clients.
  
  Learn more on How To Share Your Designs.