This guide explains how to enhance your eCommerce or Vehicle catalog templates by using the Background Removal & AI Panel in Hunch Studio. With this tool, you can:
Remove backgrounds from product images,
Apply dynamic colors to text and shape layers, and
Adjust product orientations for optimal display in your templates.
In the following sections, we’ll walk through the three primary features of the panel.
1. Background Removal
Overview
The Background Removal feature allows you to seamlessly place product images on the canvas without unwanted backgrounds.
How to Use
Method 1: Click the “+Add product image layer” button to place the product image directly on the canvas.
Method 2: Select a dynamic image layer which has image_link assigned on it and then click “Remove background” to strip the background from an existing image.
Method 3: Select an image layer on your canvas and then click “Replace with product image” to assign the layer with a product image.
2. Dynamic Color
Overview
The Dynamic Color section lets you easily apply colors derived from your product images to text and shape layers—helping maintain a cohesive design.
How to Use
For Text Layers: Select a text layer and click “apply color to layer” to set its text color dynamically.
For Shape Layers: Select a shape layer and click the same option to set its fill color.
For Textboxes: Note that textbox colors must be adjusted via the properties panel.
3. Product Orientation
Overview
After the background is removed, Hunch’s AI automatically detects the product’s orientation (Square, Portrait, or Landscape), assisting you in tailoring your design.
How to Use
Viewing Detected Orientation: In the AI panel, the first discovered product appears. Click on it to view the product in its detected orientation.
Duplicating for Multiple Orientations:
Use the “Duplicate layer for each orientation” button. When clicked, Hunch creates three copies of the selected layer, assigning each to Square, Portrait, and Landscape orientations respectively.Customising Layouts: Jump to any specific orientation (for example, Portrait) and rearrange the layers to optimise the design for that format.
Final Step: Click “Save” to apply your changes. Please note that the next catalog sync will take a bit longer as it processes background removal for all product images.
Tip
If you want to make sure your changes have been applied you can go through products by clicking on arrows at the bottom of the screen. This way you can browse how the removed background and dynamic colors change from item to item.