Fundos para fotos de produto que valorizam o produto

O melhor fundo para foto de produto é aquele que faz o produto parecer melhor sem ser notado. Comece pela luminosidade: um produto escuro precisa de um fundo mais claro, e um produto claro de um mais escuro, para que a silhueta seja lida em miniatura. Depois escolha uma relação de cor, tonal para calma ou complementar para energia, acrescente uma sombra de contato suave para que o produto se apoie na superfície e repita a mesma configuração em todos os produtos da linha.

Este guia trata de cada uma dessas decisões, com exemplos de cor, códigos de gradiente para recortes e um checklist de consistência de catálogo. Para pensar a cor de forma mais ampla, veja cores complementares e a regra 60-30-10.

Como escolher a cor de fundo para um produto

O contraste de luminosidade vem primeiro, porque é o que torna um formato legível. A cor vem em segundo lugar e define o clima. Há três estratégias de cor confiáveis, cada uma com um efeito diferente.

Gradientes atrás de produtos recortados

Fotógrafos de estúdio usam um fundo infinito: um fundo curvo que vai da parede ao chão sem canto visível, iluminado para ficar mais claro atrás do produto e escurecer em direção às bordas. Um gradiente suave atrás de um recorte recria esse visual sem estúdio. Ele concentra a atenção no produto e acrescenta uma profundidade que uma cor chapada não consegue.

Mantenha a luz atrás do produto, um pouco acima do centro, como cairia uma luz real. Mantenha a variação suave: o produto deve ser o elemento de maior contraste no quadro, não o brilho do fundo.

Sombras que assentam o produto

Um recorte sem sombra flutua. Duas sombras resolvem. A sombra de contato é uma linha pequena, escura e suave exatamente onde o produto toca a superfície. A sombra projetada é uma forma maior, mais clara e mais suave que se afasta da luz. A maioria dos produtos precisa das duas, e ambas devem seguir a mesma direção de luz dos reflexos no próprio produto.

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

Como manter as fotos de produto consistentes num catálogo

Um catálogo é lido como uma grade. Quando todos os produtos estão sobre o mesmo fundo, no mesmo ângulo e na mesma escala, a grade parece calma e as pessoas comparam os produtos, não as fotos. Quando cada imagem é diferente, a página parece um marketplace de desconhecidos.

1. 1

   Defina o fundo

   Uma cor ou um gradiente para as imagens principais, anotado com os códigos exatos.

2. 2

   Defina a luz

   Uma direção e uma suavidade, para que sombras e reflexos combinem em todos os produtos.

3. 3

   Defina o ângulo

   A mesma altura e o mesmo ângulo de câmera para produtos parecidos: de frente, em três quartos, de cima.

4. 4

   Defina o enquadramento

   O produto ocupa a mesma parte do quadro, com a mesma margem, centralizado na mesma linha.

5. 5

   Defina os tamanhos

   Exporte todas as imagens no mesmo tamanho para cada canal, como 2048 por 2048 para uma imagem de produto na Shopify.

Produto Shopify 2048×2048

2048 × 2048

Anúncio Etsy 2700×2025

2700 × 2025

Post Instagram 1080×1350

1080 × 1350

Pin Pinterest 1000×1500

1000 × 1500

No Gradiently, você pode colocar uma foto recortada sobre qualquer Mark, tingir fotos com as cores do Mark e copiar um design pronto para outros tamanhos, para que uma imagem de campanha, um pin e um story compartilhem o mesmo fundo. Para um produto de cor forte, Combinar com uma imagem encontra Marks com uma paleta próxima da dele.