Ribbet Studio - Change Background Color on Multiple Photos - Quick Tutorial

In Ribbet Studio Editor, you can fill the transparent background of a photo or more all at once.

Watch the video

See every step in about two minutes:

Before you start

Log in to your account at Ribbet.com and open Studio Editor.
Add photos with transparent backgrounds, such as product shots with the background removed (PNG files keep transparency). You can work on up to 100 photos in one session; if it's your first time, start with a much smaller batch to see how your computer/laptop handles it
Photos stay at full resolution, ready for your store, printing or social posts.

Steps

1. Select the photos

Background color applies only to selected photos. Drag a box around the photos on the canvas, or click one photo and press Cmd + A (Mac) or Ctrl + A (Windows) to select them all. The photos that get selected will have a blue outline.

Dragging a box around the photos, then pressing Cmd or Ctrl + A; every photo is outlined in blue.

2. Open Background Color

In the left menu, click Tools, then click Background Color. The panel shows a color swatch. It starts out transparent (checkered), The swatch starts out transparent (checkered), showing that no color has been added yet.

Opening Background Color from the Tools menu; the swatch shows a transparent checkered pattern.

3. Switch between white and black

For a quick white or black background, click the small triangle in the bottom-right corner of the swatch. The first click fills the background of every selected photo with white; click again to switch to black. To go back to a transparent background, click Remove BG color.

Clicking the triangle in the swatch corner to turn the backgrounds white, then black, then clicking Remove BG color.

4. Choose any color

Click the swatch itself to open the Color Selector. Click or drag in the color area to pick a shade, and drag the Spectrum slider to change the color. The backgrounds update as you go, so you can try colors until one looks right.

Clicking the swatch to open the Color Selector, picking a red, then dragging the Spectrum slider through orange, blue, purple and green.

5. Pick a color from your photos (optional)

To match a color in your photos, click the eyedropper icon next to the HEX field, then click the color you want in any photo.

Clicking the eyedropper, then clicking an orange mug and a red sleeve; the backgrounds change to match.

6. Enter a HEX value (optional)

For an exact brand color, type its code in the HEX field.

Typing ff7575 in the HEX field; every background turns coral, then a new code turns them light blue.

7. Export or save your work

Select the photos you want to download, then click Export in the top bar. In the Export Project window, choose a format and quality, then click Export Selected. To keep working later, click Save to back the project up to your Ribbet account.

Tips

Background color only shows where a photo is transparent. Remove the background first, or use PNG files that already have one removed.
You're always editing what's selected. Check which photos are outlined in blue before you pick a color.
Keep your brand colors handy as HEX codes, so every product set gets exactly the same backdrop.
Want more than a solid color? You can also set a gradient background.
Changed your mind? Click Remove BG color, or use the Undo and Redo buttons (the arrow icons at the top right).

Troubleshooting

Problem	Solution
Nothing changed when I picked a color	Your photo has no transparent areas, so there is no background to fill. Use a photo with the background removed.
Only some photos got the new color	Only selected photos change. Press Cmd + A (Mac) or Ctrl + A (Windows), then pick the color again.
I want the transparent background back	Click Remove BG color.
The eyedropper picked the wrong color	Click the eyedropper again and click a flatter area of the color you want, or type the HEX code.

All Studio Editor video tutorials