Die Kurzfassung
- Ein guter Hintergrund für Produktfotos kontrastiert in der Helligkeit mit dem Produkt, sodass seine Form auch in Thumbnail-Größe sofort lesbar ist.
- Tonale Hintergründe, also eine hellere oder dunklere Version der Produktfarbe, wirken ruhig und hochwertig; komplementäre Hintergründe wirken mutig und energisch.
- Ein weicher Schatten unter dem Produkt verankert es auf dem Hintergrund, damit ein Freisteller nicht zu schweben scheint.
- Ein sanfter Verlauf hinter einem Freisteller, hinter dem Produkt heller und zu den Rändern tiefer, ahmt eine Studiohohlkehle nach.
- Halte im ganzen Katalog Hintergrund, Lichtrichtung, Winkel und Bildausschnitt gleich, damit sich Produkte auf einen Blick vergleichen lassen.
Auf dieser Seite
Der beste Hintergrund für Produktfotos lässt das Produkt besser aussehen, ohne selbst aufzufallen. Fang bei der Helligkeit an: Ein dunkles Produkt braucht einen helleren Grund und ein helles einen dunkleren, damit die Silhouette in Thumbnail-Größe lesbar ist. Wähl dann eine Farbbeziehung, tonal für Ruhe oder komplementär für Energie, füge einen weichen Kontaktschatten hinzu, damit das Produkt auf der Fläche steht, und wiederhole denselben Aufbau für jedes Produkt der Reihe.
Dieser Ratgeber behandelt jede dieser Entscheidungen, mit Farbbeispielen, Verlaufscodes für Freisteller und einer Checkliste für einen einheitlichen Katalog. Für das größere Farbdenken siehe Komplementärfarben und die 60-30-10-Regel.
Eine Hintergrundfarbe für ein Produkt wählen
Der Helligkeitskontrast kommt zuerst, weil er eine Form lesbar macht. Die Farbe kommt danach und setzt die Stimmung. Es gibt drei verlässliche Farbstrategien, jede mit eigener Wirkung.
| Strategie | Hintergrund | Wirkung | Passt zu |
|---|---|---|---|
| Tonal | Eine hellere oder dunklere Version der Produktfarbe | Ruhig, hochwertig, stimmig | Beauty, Mode, Wohnen |
| Komplementär | Eine Farbe gegenüber der Produktfarbe auf dem Farbkreis | Mutig, energisch, auffällig | Essen, Getränke, Spielzeug, Social Ads |
| Neutral | Getöntes Weiß, Stein, Grau oder Anthrazit | Klar, ehrlich, vergleichbar | Marktplätze, Technik, Kataloge |
Verläufe hinter freigestellten Produkten
Studiofotografen fotografieren auf einer Hohlkehle: einem gebogenen Hintergrund, der ohne sichtbare Ecke von der Wand in den Boden übergeht und so beleuchtet ist, dass er hinter dem Produkt heller ist und zu den Rändern abfällt. Ein sanfter Verlauf hinter einem Freisteller bildet diesen Look ohne Studio nach. Er lenkt die Aufmerksamkeit aufs Produkt und gibt Tiefe, die eine flache Farbe nicht hat.
Halte das Licht hinter dem Produkt, etwas über seiner Mitte, so wie echtes Licht fallen würde. Halte den Umfang sanft: Das Produkt sollte das kontrastreichste Element im Bild sein, nicht das Leuchten des Hintergrunds.
Schatten, die das Produkt verankern
Ein Freisteller ohne Schatten schwebt. Zwei Schatten lösen das. Ein Kontaktschatten ist eine kleine, dunkle, weiche Linie genau dort, wo das Produkt die Fläche berührt. Ein Schlagschatten ist eine größere, hellere, weichere Form, die vom Licht wegfällt. Die meisten Produkte brauchen beide, und beide sollten derselben Lichtrichtung folgen wie die Glanzlichter auf dem Produkt selbst.
.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%;
}Vermeiden
- Freisteller ohne Schatten, die im Raum schweben
- Ein Schatten, der in die eine Richtung fällt, und Glanzlichter in die andere
- Harte schwarze Schlagschatten
- Ein Hintergrund, der heller oder gesättigter ist als das Produkt
Machen
- Ein weicher Kontaktschatten, wo das Produkt den Boden berührt
- Licht und Schatten aus einer einheitlichen Richtung
- Schatten, getönt mit der Farbe des Hintergrunds
- Das Produkt als stärkster Kontrast im Bild
Produktfotos im ganzen Katalog einheitlich halten
Ein Katalog wird als Raster gelesen. Wenn jedes Produkt auf demselben Hintergrund steht, im selben Winkel und Maßstab, wirkt das Raster ruhig, und Leute vergleichen Produkte statt Fotos. Ist jedes Bild anders, wirkt die Seite wie ein Marktplatz voller Fremder.
- 1
Den Hintergrund festlegen
Eine Farbe oder ein Verlauf für die Hauptbilder, mit den exakten Codes notiert.
- 2
Das Licht festlegen
Eine Richtung und eine Weichheit, damit Schatten und Glanzlichter bei jedem Produkt zusammenpassen.
- 3
Den Winkel festlegen
Dieselbe Kamerahöhe und derselbe Winkel für ähnliche Produkte: frontal, Dreiviertelansicht, von oben.
- 4
Den Ausschnitt festlegen
Das Produkt füllt denselben Anteil des Bildes, mit demselben Rand, auf derselben Linie zentriert.
- 5
Die Größen festlegen
Exportiere jedes Bild pro Kanal in derselben Größe, etwa 2048 mal 2048 für ein Shopify-Produktbild.
Shopify-Produkt 2048×2048
2048 × 2048
Etsy-Angebot 2700×2025
2700 × 2025
Instagram-Post 1080×1350
1080 × 1350
Pinterest-Pin 1000×1500
1000 × 1500
Ein Post zum Produktlaunch auf einem Hintergrund aus den Farben des Produkts: dieselbe Familie wie die Shopbilder.
In Gradiently kannst du ein freigestelltes Foto über jeden Mark legen, Fotos in den Farben des Marks tönen und ein fertiges Design in andere Größen kopieren, sodass Kampagnenbild, Pin und Story einen Hintergrund teilen. Für ein Produkt mit kräftiger Farbe findet Bild treffen Marks, deren Palette nah daran liegt.
Häufige Fragen
Welche Hintergrundfarbe ist am besten für Produktfotos?
Eine, die in der Helligkeit mit dem Produkt kontrastiert. Bei der Farbe wähl tonal für einen ruhigen, hochwertigen Look, komplementär für Energie oder einen getönten Neutralton für klare Katalogbilder.
Sollten Produktfotos einen weißen Hintergrund haben?
Manche Marktplätze verlangen Weiß für das Hauptbild. Anderswo wirkt ein getönter Neutralton oder eine tonale Farbe oft hochwertiger und markengerechter.
Wie verhindere ich, dass ein freigestelltes Produkt zu schweben scheint?
Füge einen weichen Kontaktschatten dort hinzu, wo es die Fläche berührt, und bei Bedarf einen helleren Schlagschatten, der derselben Lichtrichtung folgt wie die Glanzlichter des Produkts.
Wie halte ich Produktfotos einheitlich?
Nutze für jedes Produkt denselben Hintergrund, dieselbe Lichtrichtung, denselben Kamerawinkel, denselben Ausschnitt und dieselbe Exportgröße, und schreib den Aufbau auf.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen
