Bakgrunder för produktbilder som lyfter produkten

Den bästa bakgrunden för produktbilder är en som får produkten att se bättre ut utan att själv märkas. Börja med ljushet: en mörk produkt behöver en ljusare botten och en ljus produkt en mörkare, så att silhuetten syns i miniatyr. Välj sedan ett färgförhållande, tonalt för lugn eller komplementärt för energi, lägg till en mjuk kontaktskugga så att produkten vilar på ytan och upprepa samma upplägg för varje produkt i sortimentet.

Den här guiden går igenom vart och ett av de valen, med färgexempel, gradientkoder för frilagda produkter och en checklista för enhetlighet i sortimentet. För bredare färgtänkande, se komplementfärger och 60-30-10-regeln.

Välja bakgrundsfärg för en produkt

Ljushetskontrast kommer först, eftersom den gör en form läsbar. Färg kommer i andra hand, och den sätter stämningen. Det finns tre pålitliga färgstrategier, var och en med sin effekt.

Gradienter bakom frilagda produkter

Studiofotografer fotograferar mot en sweep: en kurvad fond som går från vägg till golv utan synligt hörn, belyst så att den är ljusare bakom produkten och tonar bort mot kanterna. En mild gradient bakom en frilagd produkt återskapar det utseendet utan studio. Den fokuserar uppmärksamheten på produkten och ger ett djup som en platt färg inte kan.

Låt ljuset ligga bakom produkten, något ovanför dess mitt, som ett verkligt ljus skulle falla. Håll spannet milt: produkten ska vara det som har högst kontrast i bilden, inte bakgrundens sken.

Skuggor som förankrar produkten

En frilagd produkt utan skugga svävar. Två skuggor löser det. En kontaktskugga är en liten, mörk, mjuk linje precis där produkten rör ytan. En kastad skugga är en större, ljusare, mjukare form som faller bort från ljuset. De flesta produkter behöver båda, och båda ska följa samma ljusriktning som högdagrarna på själva produkten.

.product-stage {
  position: relative;
  aspect-ratio: 1;
  background: radial-gradient(ellipse at 50% 40%, #f6efe6 0%, #e9dccb 55%, #cdb89d 100%);
  display: grid;
  place-items: center;
}

/* Soft contact shadow under the product. */
.product-stage::after {
  content: "";
  position: absolute;
  left: 30%;
  right: 30%;
  bottom: 17%;
  height: 5%;
  background: radial-gradient(closest-side, rgb(40 28 16 / 0.35), transparent);
  filter: blur(6px);
}

.product-stage img {
  position: relative;
  z-index: 1;
  width: 62%;
  margin-bottom: 8%;
}

Håll produktbilderna enhetliga i hela sortimentet

Ett sortiment läses som ett rutnät. När varje produkt står på samma bakgrund, i samma vinkel och skala, ser rutnätet lugnt ut och folk jämför produkter i stället för foton. När varje bild är olika ser sidan ut som en marknadsplats full av främlingar.

1. 1

   Lås bakgrunden

   En färg eller gradient för huvudbilderna, nedskriven med sina exakta koder.

2. 2

   Lås ljuset

   En riktning och en mjukhet, så att skuggor och högdagrar stämmer överens för varje produkt.

3. 3

   Lås vinkeln

   Samma kamerahöjd och vinkel för liknande produkter: framifrån, trekvartsvy, uppifrån.

4. 4

   Lås beskärningen

   Produkten fyller samma andel av bilden, med samma marginal, centrerad på samma linje.

5. 5

   Lås storlekarna

   Exportera varje bild i samma storlek för varje kanal, till exempel 2048 gånger 2048 för en produktbild i Shopify.

Shopify-produkt 2048×2048

2048 × 2048

Etsy-annons 2700×2025

2700 × 2025

Instagraminlägg 1080×1350

1080 × 1350

Pinterest-pin 1000×1500

1000 × 1500

I Gradiently kan du lägga en frilagd bild över vilken Mark som helst, tona foton i Markens färger och kopiera en färdig design till andra storlekar, så att en kampanjbild, en pin och en story delar en bakgrund. För en produkt med stark färg kan Match a picture hitta Marks vars palett ligger nära den.