Gradient backdrops

Gradient background product photography from one photo

Upload one photo of your product. You get a backdrop that shades smoothly from one tone to another, a soft contact shadow, and a clear area for a headline. The ramp stays even at store sizes, so no stripes appear when the file is compressed. Every picture keeps your brand's look, at any volume.

Get started free Book a demo

Who it is for

Does that sound like you?

Scaling without compromising quality.

You need more pictures every week for the shop, the ads and the socials. Anyone can make an AI picture. Making hundreds that still look like your brand is the hard part. A shoot for every product costs weeks, and every new generator returns a different look.

How we solve it:

A template or a workflow you build once, with your brand rules
One run on one product, or a batch over your whole catalogue
Every result in Assets, with the same look on the first and the last

Cut the waiting time and budget for deliverables.

You make this for clients, and every client has their own look. A shoot for each one costs weeks and most of the budget. A different generator for each one returns a different look, so somebody fixes it by hand before it is delivered.

How we solve it:

One workspace per client, with that client's brand rules
A workflow you build once and run for every client
A batch over a client's whole catalogue, delivered from Assets

A gradient background is a studio backdrop that shades smoothly from one tone to another, with no hard edge where the two meet. The reason to reach for one is that it puts two different tones behind a single product. A light edge can sit on the darker end and a dark edge on the lighter end, so the outline holds all the way round without a rim light. That only works when the product has one clear silhouette, which is why the ramp sits well behind tech, cosmetics and glass. Put a patterned tin or a cluster of small parts on the same ramp and the moving tone fights the detail, because the eye is already tracking two changes at once.

Craft problems on a gradient backdrop

Four things that go wrong on a smooth ramp, and the fix.

Banding across the ramp

A long, smooth tone change is the hardest thing for an 8-bit JPEG to hold. The file rounds nearby values to the same number, so the ramp breaks into visible stripes. Keep the change gentle across the frame, add a light grain, and export at high quality. Check the file at full width on a phone, not only in the editor, because stripes appear most on bright screens.

Ramp direction against the product

The ramp has a light end and a dark end. If the dark end sits behind the dark part of your product, that edge disappears. Run the ramp the other way. A silver power bank is bright at the top and shaded at the base, so put the darker tone high and the lighter tone low. Look at the shot in black and white to check the edge still reads.

A flat area for the headline

Text on a ramp changes contrast from one line to the next. The top of a headline can pass 4.5:1 while the bottom fails it. Pick the flattest part of the ramp for text and hold the tone steady across that block. Remember the crop moves it. A 4:5 frame cut to 1:1 loses one end of the ramp, so the text area shifts.

Colour cast on white and metal

A warm ramp throws colour back onto the product. Peach to cream turns matte white earbuds slightly pink, and it lays a warm line down brushed aluminium. For white or silver goods, pick a near neutral ramp such as pale grey to sand. Then sample the white part of the product. Red, green and blue should sit within about five points of each other.

Steps to a gradient frame

From one product photo to a set with room for text.

Upload one clean product photo

Shoot or upload one sharp photo of the real product. Uploading your own product photo is on Pro and above. Any backdrop will do at this stage. Run Clean white background first so you hold a transparent file. A soft or fringed cut edge keeps the old backdrop colour, and on a smooth ramp that fringe reads as a hard line.

Name both end tones and the direction

In Product scene placement, write the two tones and where each one sits. For example, pale warm grey at the top down to soft sand at the base. Then check the product against each end. Light product parts belong on the dark end of the ramp, dark parts on the light end.

Check the ramp at export size

Export the frame and open it at full width. Look along the ramp for stripes, then look again on a phone at full brightness. If bands appear, add a small amount of grain or send the frame through Image upscale to 4K, which is on Premium. More pixels spread the same tone change over more steps.

Reserve the text area and save it

Place the headline on the flattest part of the ramp in Product static ads, then measure the contrast under its last line, not its first. Now crop the frame to every ratio your channels ask for, because a square crop cuts one end off the ramp and moves the calm area with it. Export once, at the highest quality your export panel offers. A ramp loses tone steps on every save, so a second export is where the stripes come back.

Order of work

Cut the product out first. On a flat backdrop a slightly rough edge hides, but on a ramp the tone behind the edge keeps changing, so any leftover fringe reads as a line. Set the ramp direction second, before you touch the lighting, because relighting cannot rescue a ramp that runs the same way as the product's own tones. Check for banding third, at the size the file will be seen, since compression damage appears at export and not in the editor. Place the headline last, once the ramp is fixed, because moving the ramp moves the flat area the text needs.

Files in a finished gradient set

Four results to check before the set goes to your store.

A ramp with no visible bands

Open the exported JPEG at 100 percent and drag your eye along the longest part of the ramp. You should see one continuous change, not steps. Test the same file after your store's own compression, because a second save can make the stripes return on a ramp that looked clean.

A text area with measured contrast

Sample the backdrop tone at the top and at the bottom of the headline block. Both readings must clear 4.5:1 against your text colour. If only one passes, move the block towards the flatter end of the ramp or shorten it to two lines.

The same ramp across the set

Put every frame of the set side by side at thumbnail size. The end tones and the direction should match on all of them. One shot with the light end at the top and the rest with it at the base makes a grid look careless, even when each frame is good alone.

A plain white file beside it

Keep the clean white cut-out from Clean white background next to every gradient frame. Most stores want a plain white main image, and a ramp will not pass that rule. The gradient version then works for the second image, the ad and the feed post.

Gradient background questions

Six questions sellers ask before they build a gradient set.

What is a gradient background in product photography?

A gradient background is a studio backdrop whose tone shades smoothly from one value to another across the frame. It is usually two close tones, such as pale blue grey into warm ivory, with no hard edge between them. Photographers use it to separate a simple product from the wall and to leave one calm area for text. It suits tech, cosmetics and glass. It works poorly behind busy or patterned goods.

Why does my gradient background show stripes?

Stripes are banding, and they happen when the file has too few tone steps. An 8-bit JPEG holds 256 levels per channel. A long, gentle ramp asks for more than that, so nearby values round to the same number and form flat strips. Fix it three ways. Add a small amount of grain, raise the export quality, and upscale the frame to 4K so the same change spreads over more pixels.

Which way should the gradient run behind my product?

Run it opposite to the product's own tones. If the product is bright at the top and dark at the base, put the dark end of the ramp at the top and the light end at the base. That keeps a visible edge all the way round. The quick test is to convert the shot to black and white. If any part of the outline disappears, flip the ramp and run it again.

Should the gradient use my brand colours?

You can, but keep the two tones close together and low in saturation. A strong brand colour throws itself back onto the product, and on white or silver goods that shows up as a tint you did not choose. The steadier pattern is a near neutral ramp behind the product, with the brand colour held back for the headline and the button. If you do want brand colour in the backdrop, put the saturated end away from the product, and test it on your palest item first. That is the one that will pick the colour up.

How do I keep the same gradient across a whole catalogue?

Save the setup once in Workflows and rerun it for every new product. A workflow holds the two end tones, the direction, the crop and the model, so product 90 lands on the same backdrop as product one. Without that, small prompt changes drift and a grid of thumbnails looks uneven. Check a sample of ten thumbnails side by side after every batch.

How much does a gradient background set cost?

In credits it is small. A gradient needs more runs than a flat backdrop, because you build the ramp both ways and keep the better one, and the cost of each run shows before you press Run. Budget about four runs per product rather than one. The real cost of this backdrop sits in the room. A wall that shades needs a second light aimed only at the backdrop, roughly a metre of space behind the product so the light can fall off, and a flag so none of it spills onto the front. Hiring a space with that much depth is the expensive part.