AI-productfoto zonder achtergrond, mét schaduw

Studio is onze werkplaats voor AI-beelden, op studio.pb.nl. Het bestaat uit losse studio’s, elk voor één soort beeld. In Karakter Studio maak je bijvoorbeeld een eigen AI-model dat je daarna overal in Studio kunt gebruiken.
Pack Shot Studio is de studio voor productfoto’s. Je uploadt een foto van een product. Je krijgt er een strakke, professionele productfoto voor terug. Het soort foto dat je in een webshop ziet.

Tot nu toe kon je kiezen uit een paar achtergrondtinten. Wat ontbrak: een product zonder achtergrond. Alleen het product, plus de schaduw eronder. Zodat je het zelf op elke achtergrond kunt zetten. Op je site, in een folder, op een banner.
Dat noemen we vrijstaand. Vandaag staat het live.
Klinkt simpel. Was het niet.

Het probleem: AI kent geen transparantie

Gemini, het beeldmodel, maakt altijd een volledig beeld. Geen doorzichtige delen. Het model kent het concept niet.
Dus genereren we op wit en halen we de achtergrond er achteraf af. En precies daar wordt het ingewikkeld.

Poging 1 — op lichtheid

Meet hoe licht elke pixel is. Wit is achtergrond, dus weg. Donker is product, dus blijft. We begonnen bij de randen van het beeld, zodat witte logo’s of labels op het product zelf niet werden aangeraakt.
Probleem: het witte vlak tussen de hengsels van een tas bleef staan. De hengsels vormden een gesloten ring. Daar kwam de methode niet doorheen.

Poging 2 — een AI die weet wat product is

Overgestapt op rembg. Een AI die snapt wat product is en wat achtergrond. Ook dat het gat tussen hengsels achtergrond is. En dat een wit logo op een donkere tas bij het product hoort.
Nieuw probleem: rembg knipt net iets te ruim. Een randje wit gaat mee. Op een donkere achtergrond zie je dat meteen.

Poging 3 — de selectie inkrimpen

Het masker 2 pixels kleiner maken. Zoals “Contract Selection” in Photoshop. Plus het restje wit wiskundig uit de randen halen.
De witte rand was weg. Maar het masker kromp overal. Ook aan de onderkant, waar de schaduw tegen het product zit. Er ontstond een gat tussen product en schaduw.

De doorbraak — twee lagen

Toen kwam 30 jaar Photoshop-ervaring om de hoek kijken. Werk met twee losse lagen.
Laag 1 is het product. Strak uitgesneden, geen witte randen.
Laag 2 is de schaduw. Puur gebaseerd op waar het beeld donker is. Los van de uitsnede. Semi-transparant zwart, zoals een Multiply-laag.
Daarna op elkaar. Waar het product is, wint het product. Waar het product ophoudt, neemt de schaduw over. Een gat is niet meer mogelijk.
Dat was het.

Verfijning: per product anders

Bij een zwarte sporttas werkte de randcorrectie perfect. Bij een roze bh juist niet. Daar ontstond een donker randje.
Nu past de correctie zich aan. Hoe groter het contrast tussen product en achtergrond, hoe sterker hij ingrijpt. Donker product krijgt de volle correctie. Licht product een zachtere.

Wat er nu staat

• “Vrijstaand” als optie naast de achtergrondtinten

• Generatie op wit, daarna twee lagen naar een transparante PNG

• Contactschaduw blijft behouden

• Werkt bij donkere én lichte producten

• Slepen en neerzetten op het uploadvlak

• De PNG downloadt ook echt, in plaats van te openen in een tabblad

• Dambordpatroon in resultaat en galerij, zodat je ziet wat doorzichtig is

• Verpakkingsvarianten met echt verschillende hoeken

Wat er nog komt

Het werkt. Maar het is nog niet af. Bij lingerie en lichte stoffen klopt de schaduw nog niet helemaal. De komende dagen stellen we het per productsoort bij. Elk materiaal vangt licht anders, en gooit een andere schaduw.

En als laatste leuk te laten zien wat ons uitgangs punt was, en we met 1 klik dit sorrt vrijstaande strakke producten krijgen van dit sorrt beelden..... bizar toch!

Claude & Peet