Achtergronden

Achtergronden voor productfoto’s die het product flatteren

Een achtergrond voor een productfoto heeft één taak: wat ervoor staat op zijn best laten uitkomen. Kleur, lichtheid, schaduw en consistentie doen het meeste werk, en voor geen van alle heb je een studio nodig.

GradientlyGeverifieerd Gradiently-account··5 min lezen
Cover: Lichen Manor · GR·22XG·EY

De korte versie

  • Een goede achtergrond voor een productfoto contrasteert in lichtheid met het product, zodat de vorm op thumbnailformaat direct leest.
  • Tonale achtergronden, een lichtere of donkerdere versie van de eigen kleur van het product, ogen rustig en premium; complementaire achtergronden ogen gedurfd en energiek.
  • Een zachte schaduw onder het product zet het op de achtergrond neer, zodat een vrijstaand beeld niet lijkt te zweven.
  • Een zacht kleurverloop achter een vrijstaand product, lichter achter het product en dieper richting de randen, bootst een studio-achterwand na.
  • Houd in een catalogus dezelfde achtergrond, lichtrichting, hoek en kadrering aan, zodat producten in één oogopslag te vergelijken zijn.
Op deze pagina

De beste achtergrond voor een productfoto laat het product beter ogen zonder zelf op te vallen. Begin met lichtheid: een donker product heeft een lichtere ondergrond nodig en een licht product een donkerdere, zodat het silhouet op thumbnailformaat leest. Kies daarna een kleurrelatie, tonaal voor rust of complementair voor energie, voeg een zachte contactschaduw toe zodat het product op het oppervlak staat, en herhaal dezelfde opzet bij elk product in de reeks.

Deze gids behandelt elk van die beslissingen, met kleurvoorbeelden, codes voor kleurverlopen achter vrijstaande producten en een checklist voor consistentie in je catalogus. Zie voor breder kleurdenken complementaire kleuren en de 60-30-10-regel.

Een achtergrondkleur voor een product kiezen

Lichtheidscontrast komt eerst, want dat maakt een vorm leesbaar. Kleur komt daarna en bepaalt de sfeer. Er zijn drie betrouwbare kleurstrategieën, elk met een ander effect.

StrategieAchtergrondEffectPast bij
TonaalEen lichtere of donkerdere versie van de kleur van het productRustig, premium, samenhangendBeauty, mode, woonaccessoires
ComplementairEen kleur tegenover die van het product op het wielGedurfd, energiek, opvallendEten, drinken, speelgoed, advertenties op social
NeutraalGetint wit, steen, grijs of antracietSchoon, eerlijk, vergelijkbaarMarktplaatsen, tech, catalogi
Drie strategieën. De meeste merken kiezen er één als standaard en gebruiken een andere voor campagnes.
Eén groen product, vier ondergronden. Lichtgroen is rustig en samenhangend, zacht koraal laat het groen zingen, steen is neutraal, en antraciet past beter bij een lichtgekleurd product dan bij dit.

Kleurverlopen achter vrijstaande producten

Studiofotografen werken met een doorlopende achterwand: een gebogen achtergrond die zonder zichtbare hoek van muur naar vloer loopt, zo belicht dat hij achter het product lichter is en naar de randen uitloopt. Een zacht kleurverloop achter een vrijstaand product bootst die look na zonder studio. Het richt de aandacht op het product en geeft diepte die een vlakke kleur niet kan geven.

Achtergronden voor vrijstaande producten. De radiale verlopen belichten het gebied achter het product; de laatste suggereert een muur die op een vloer aansluit.

Houd het licht achter het product, iets boven het midden, zoals echt licht zou vallen. Houd het bereik zacht: het product hoort het grootste contrast in het beeld te zijn, niet de gloed van de achtergrond.

Schaduwen die het product neerzetten

Een vrijstaand product zonder schaduw zweeft. Twee schaduwen lossen dat op. Een contactschaduw is een kleine, donkere, zachte lijn precies waar het product het oppervlak raakt. Een slagschaduw is een grotere, lichtere, zachtere vorm die van het licht af valt. De meeste producten hebben beide nodig, en beide horen dezelfde lichtrichting te volgen als de hooglichten op het product zelf.

css
.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%;
}
Een productpodium voor het web: een warme achterwand, een zachte elliptische contactschaduw en het vrijstaande product erbovenop. Pas de breedte en positie van de schaduw aan op de voet van het product.

Vermijd

  • Vrijstaande producten zonder schaduw, zwevend in de ruimte
  • Een schaduw die de ene kant op valt en hooglichten de andere
  • Harde zwarte slagschaduwen
  • Een achtergrond die helderder of verzadigder is dan het product

Doe

  • Een zachte contactschaduw waar het product de vloer raakt
  • Licht en schaduw uit één consistente richting
  • Schaduwen getint met de kleur van de achtergrond
  • Het product als sterkste contrast in het beeld

Productfoto’s consistent houden in een catalogus

Een catalogus wordt als raster gelezen. Wanneer elk product op dezelfde achtergrond staat, onder dezelfde hoek en op dezelfde schaal, oogt het raster rustig en vergelijken mensen producten in plaats van foto’s. Wanneer elk beeld anders is, lijkt de pagina op een markt vol vreemden.

  1. 1

    Leg de achtergrond vast

    Eén kleur of kleurverloop voor de hoofdafbeeldingen, opgeschreven met de exacte codes.

  2. 2

    Leg het licht vast

    Eén richting en zachtheid, zodat schaduwen en hooglichten bij elk product overeenkomen.

  3. 3

    Leg de hoek vast

    Dezelfde camerahoogte en hoek voor vergelijkbare producten: van voren, driekwart, van bovenaf.

  4. 4

    Leg de kadrering vast

    Het product vult hetzelfde deel van het beeld, met dezelfde marge, gecentreerd op dezelfde lijn.

  5. 5

    Leg de formaten vast

    Exporteer elk beeld per kanaal op hetzelfde formaat, zoals 2048 bij 2048 voor een productafbeelding in Shopify.

Shopify-product 2048×2048

2048 × 2048

Etsy-vermelding 2700×2025

2700 × 2025

Instagram-post 1080×1350

1080 × 1350

Pinterest-pin 1000×1500

1000 × 1500

Eén product, vier kanalen. Een achtergrond die zich makkelijk laat uitbreiden, zoals een kleurverloop, kan voor elke vorm worden gerenderd in plaats van uitgerekt.

Een post voor een productlancering op een achtergrond uit de kleuren van het product: dezelfde familie als de winkelbeelden.

In Gradiently kun je een vrijstaande foto over elke Mark plaatsen, foto’s in de kleuren van de Mark tinten en een af ontwerp naar andere formaten kopiëren, zodat een campagnebeeld, een pin en een story één achtergrond delen. Voor een product met een sterke kleur kan Een afbeelding matchen Marks vinden waarvan het palet er dichtbij ligt.

Vragen die mensen stellen

Welke achtergrondkleur is het best voor productfoto’s?

Een kleur die in lichtheid met het product contrasteert. Kies qua kleur tonaal voor een rustige, premium look, complementair voor energie, of een getinte neutrale kleur voor schone catalogusbeelden.

Moeten productfoto’s een witte achtergrond hebben?

Sommige marktplaatsen eisen wit voor de hoofdafbeelding. Elders oogt een getinte neutrale of tonale kleur vaak premiumer en meer als je merk.

Hoe voorkom ik dat een vrijstaand product lijkt te zweven?

Voeg een zachte contactschaduw toe waar het het oppervlak raakt en, als het nodig is, een lichtere slagschaduw die dezelfde lichtrichting volgt als de hooglichten van het product.

Hoe houd ik productfoto’s consistent?

Gebruik voor elk product dezelfde achtergrond, lichtrichting, camerahoek, kadrering en hetzelfde exportformaat, en schrijf de opzet op.

Deel deze gids

Geschreven door GradientlyGeverifieerd Gradiently-account

Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.

Bekijk ons profiel