Bakgrunner til produktbilder som løfter produktet

Den beste bakgrunnen til produktbilder er en som får produktet til å se bedre ut uten selv å bli lagt merke til. Start med lyshet: et mørkt produkt trenger en lysere grunn, og et lyst produkt en mørkere, så silhuetten leses i miniatyrstørrelse. Velg så et fargeforhold, tonalt for ro eller komplementært for energi, legg til en myk kontaktskygge så produktet står på underlaget, og gjenta samme oppsett for hvert produkt i serien.

Denne guiden tar for seg hver av disse avgjørelsene, med fargeeksempler, gradientkoder for frilagte bilder og en sjekkliste for en enhetlig katalog. For bredere fargetenkning, se komplementærfarger og 60-30-10-regelen.

Velge bakgrunnsfarge til et produkt

Kontrast i lyshet kommer først, fordi det er den som gjør en form lesbar. Farge kommer i andre rekke, og den setter stemningen. Det finnes tre pålitelige fargestrategier, hver med sin egen effekt.

Gradienter bak frilagte produkter

Studiofotografer fotograferer på en hulkil: en buet bakgrunn som går fra vegg til gulv uten synlig hjørne, lyssatt slik at den er lysere bak produktet og faller av mot kantene. En svak gradient bak et frilagt produkt gjenskaper det uttrykket uten et studio. Den samler oppmerksomheten om produktet og gir en dybde en flat farge ikke kan gi.

Hold lyset bak produktet, litt over midten, slik et ekte lys ville falt. Hold omfanget svakt: produktet skal ha den sterkeste kontrasten i bildet, ikke gløden i bakgrunnen.

Skygger som forankrer produktet

Et frilagt produkt uten skygge svever. To skygger løser det. En kontaktskygge er en liten, mørk, myk linje akkurat der produktet berører underlaget. En slagskygge er en større, lysere og mykere form som faller bort fra lyset. De fleste produkter trenger begge, og begge bør følge samme lysretning som høylysene på selve produktet.

.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%;
}

Slik holder du produktbilder enhetlige gjennom en katalog

En katalog leses som et rutenett. Når hvert produkt står på samme bakgrunn, i samme vinkel og skala, ser rutenettet rolig ut, og folk sammenligner produkter i stedet for bilder. Når hvert bilde er forskjellig, ser siden ut som en markedsplass full av fremmede.

1. 1

   Lås bakgrunnen

   Én farge eller gradient til hovedbildene, skrevet ned med de nøyaktige kodene.

2. 2

   Lås lyset

   Én retning og mykhet, så skygger og høylys stemmer overens for hvert produkt.

3. 3

   Lås vinkelen

   Samme kamerahøyde og vinkel for lignende produkter: forfra, trekvart, ovenfra.

4. 4

   Lås utsnittet

   Produktet fyller samme andel av bildet, med samme marg, sentrert på samme linje.

5. 5

   Lås størrelsene

   Eksporter hvert bilde i samme størrelse for hver kanal, for eksempel 2048 ganger 2048 for et produktbilde i Shopify.

Shopify-produkt 2048×2048

2048 × 2048

Etsy-oppføring 2700×2025

2700 × 2025

Instagram-innlegg 1080×1350

1080 × 1350

Pinterest-pin 1000×1500

1000 × 1500

I Gradiently kan du legge et frilagt foto over en hvilken som helst Mark, tone bilder i Markens farger og kopiere et ferdig design til andre størrelser, så et kampanjebilde, en pin og en story deler én bakgrunn. For et produkt med en sterk farge kan Finn samsvar med et bilde finne Marks med en palett som ligger nær den.