Docs
Overlay Editor

Overlay Editor

How to use the Product Lens AI overlay editor


step one When you open up the Overlay Editor, you will land on the page above.

On the right, you have the backgrounds sidebar. A small collection of backgrounds are available for you to get started.

You can also upload your own backgrounds. For best results use square images.

For truly custom results, you can use images you created using the Creative Director tool. Clicking the ‘Choose from My Assets’ button will allow you to use assets that you created.

step two Once you have selected a background, click the ‘Upload Image’ button at the bottom of the page to upload a photo of your product.

Your product must be photographed on a white background.

After selecting your product image, a popup will appear with your image in it. Adjust the blue box to fit your product. Adjust it as close as possible around your product, but don’t clip your product.

step two two Example of how you should crop your product image. Click the ‘Add to Canvas’ button and your product will be added into the editor

step three Your product should now be in the editor, with the white background still present (this is correct and as designed).

Using the circle icon, scale up/down your image, and move it around to fit it into the scene.

step four Once you’re happy with the placement and scale compared to your chosen background, click the ‘Take Photo’ button.

Our AI will try and place your product naturally into the scene, as if the product was actually there at the time the photo was taken.

Final result: Final result

Notes: If you are getting unexpected results. While rare, it does sometimes happen.

Usually this is down to placement, try to place your product into the scene as it would if you were placing the actual product into the scene in real life. This will give you the most consistant, and best results.

e.g if your product is framed wall art, this would usually go on a wall. So for best results, place it on a wall in the editor.