# Fundos para fotografia de produto que valorizam o produto

[Canonical HTML page](https://gradiently.design/pt-pt/guide/product-photo-backgrounds)

Um fundo para fotografia de produto tem uma só tarefa: fazer o objeto à frente dele parecer o melhor possível. A cor, a luminosidade, a sombra e a coerência fazem quase todo esse trabalho, e nenhuma delas precisa de um estúdio.

## The short version

- Um bom fundo para fotografia de produto contrasta com o produto em luminosidade, para que a sua forma se leia de imediato em tamanho de miniatura.
- Os fundos tonais, uma versão mais clara ou mais escura da própria cor do produto, parecem calmos e premium; os fundos complementares parecem ousados e enérgicos.
- Uma sombra suave por baixo do produto assenta-o no fundo, para que um recorte não pareça estar a flutuar.
- Um gradiente suave por trás de um recorte, mais claro atrás do produto e mais profundo junto às margens, imita um fundo infinito de estúdio.
- Num catálogo, mantém o mesmo fundo, a mesma direção da luz, o mesmo ângulo e o mesmo enquadramento para que os produtos se comparem num relance.

O melhor **fundo para fotografia de produto** é aquele que faz o produto parecer melhor sem se fazer notar. Começa pela luminosidade: um produto escuro precisa de um fundo mais claro, e um produto claro de um mais escuro, para que a silhueta se leia em tamanho de miniatura. Depois escolhe uma relação de cor, tonal para calma ou complementar para energia, junta uma sombra de contacto suave para o produto assentar na superfície e repete a mesma configuração em todos os produtos da gama.

Este guia trata de cada uma dessas decisões, com exemplos de cor, códigos de gradientes para recortes e uma lista de verificação para a coerência do catálogo. Para pensar a cor de forma mais ampla, vê as [cores complementares](https://gradiently.design/pt-pt/guide/complementary-colors) e [a regra 60-30-10](https://gradiently.design/pt-pt/guide/60-30-10-rule).

## Escolher uma cor de fundo para um produto

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

| Estratégia | Fundo | Efeito | Indicado para |
| --- | --- | --- | --- |
| Tonal | Uma versão mais clara ou mais escura da cor do produto | Calmo, premium, coeso | Beleza, moda, casa |
| Complementar | Uma cor oposta à do produto no círculo cromático | Ousado, enérgico, chamativo | Comida, bebidas, brinquedos, anúncios nas redes sociais |
| Neutro | Branco tingido, pedra, cinzento ou carvão | Limpo, honesto, comparável | Marketplaces, tecnologia, catálogos |

Três estratégias. A maioria das marcas escolhe uma como predefinição e usa outra nas campanhas.

- Produto: verde-garrafa: #2f6b4f
- Tonal: verde pálido: #dcebe2
- Complementar: coral suave: #f2c6b4
- Neutro: pedra quente: #f1eee8
- Neutro escuro: carvão: #1f2320

Um produto verde, quatro fundos. O verde pálido é calmo e coeso, o coral suave faz o verde cantar, a pedra é neutra e o carvão serve melhor um produto de cor clara do que este.

> **Verifica as regras do marketplace** Alguns marketplaces exigem a imagem principal do produto sobre um fundo branco liso. Usa fundos coloridos nas imagens secundárias, na tua loja e nas publicações nas redes sociais, e verifica as regras de imagem atuais de cada plataforma antes de fotografares.

## Gradientes por trás de produtos recortados

Os fotógrafos de estúdio fotografam sobre um fundo infinito: um pano curvo que vai da parede ao chão sem canto visível, iluminado de forma a ficar mais claro atrás do produto e a escurecer junto às margens. Um gradiente suave por trás de um recorte recria esse visual sem estúdio. Concentra a atenção no produto e dá uma profundidade que uma cor lisa não consegue.

- Fundo infinito branco: `radial-gradient(ellipse at 50% 40%, #ffffff 0%, #eef0f2 55%, #d9dde2 100%)`
- Fundo infinito pedra quente: `radial-gradient(ellipse at 50% 40%, #f6efe6 0%, #e9dccb 55%, #cdb89d 100%)`
- Fundo infinito verde tonal: `radial-gradient(ellipse at 50% 40%, #e3f0e8 0%, #c5ddcf 55%, #97bba6 100%)`
- Fundo infinito coral: `radial-gradient(ellipse at 50% 40%, #fbe2d6 0%, #f2c6b4 55%, #df9c83 100%)`
- Foco sobre carvão: `radial-gradient(ellipse at 50% 35%, #3a3f47 0%, #24272c 55%, #141619 100%)`
- Parede e chão: `linear-gradient(180deg, #eceef1 0%, #eceef1 62%, #d6dae0 100%)`

Fundos para recortes. Os fundos radiais iluminam a zona atrás do produto; o último sugere uma parede a encontrar o chão.

Mantém a luz atrás do produto, ligeiramente acima do centro, como cairia uma luz real. Mantém a variação suave: o produto deve ser o elemento com mais contraste no enquadramento, não o brilho do fundo.

## Sombras que assentam o produto

Um recorte sem sombra flutua. Duas sombras resolvem isso. Uma **sombra de contacto** é uma linha pequena, escura e suave exatamente onde o produto toca a superfície. Uma **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 da luz que os reflexos no próprio produto.

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

Um palco de produto para a web: um fundo infinito quente, uma sombra de contacto elíptica e suave e o recorte por cima. Ajusta a largura e a posição da sombra à base do produto.

### Evita

- Recortes sem sombra, a flutuar no espaço
- Uma sombra a cair para um lado e os reflexos para o outro
- Sombras projetadas pretas e duras
- Um fundo mais claro ou mais saturado do que o produto

### Faz

- Uma sombra de contacto suave onde o produto encontra o chão
- Luz e sombra vindas de uma direção coerente
- Sombras tingidas com a cor do fundo
- O produto como o maior contraste do enquadramento

## Manter as fotografias de produto coerentes num catálogo

Um catálogo lê-se como uma grelha. Quando todos os produtos estão sobre o mesmo fundo, com o mesmo ângulo e a mesma escala, a grelha parece calma e as pessoas comparam produtos em vez de fotografias. Quando cada imagem é diferente, a página parece um mercado de desconhecidos.

1. **Fixa o fundo** Uma cor ou um gradiente para as imagens principais, registado com os códigos exatos.
2. **Fixa a luz** Uma direção e uma suavidade, para que sombras e reflexos coincidam em todos os produtos.
3. **Fixa o ângulo** A mesma altura e o mesmo ângulo de câmara para produtos semelhantes: de frente, a três quartos, de cima.
4. **Fixa o enquadramento** O produto ocupa a mesma parte do enquadramento, com a mesma margem, centrado na mesma linha.
5. **Fixa os tamanhos** Exporta 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
- Publicação Instagram 1080×1350: 1080 × 1350
- Pin do Pinterest 1000×1500: 1000 × 1500

Um produto, quatro canais. Um fundo que se prolonga facilmente, como um gradiente, pode ser renderizado para cada formato em vez de esticado.

Uma publicação vertical de lançamento de produto a anunciar uma nova garrafa sobre um fundo em gradiente verde suave

Uma publicação de lançamento de produto sobre um fundo tirado das cores do produto: a mesma família das imagens da loja.

Na Gradiently, podes colocar uma fotografia recortada sobre qualquer Mark, tingir fotografias com as cores do Mark e copiar um design acabado para outros tamanhos, para que uma imagem de campanha, um pin e um story partilhem o mesmo fundo. Para um produto com uma cor forte, [Corresponder a uma imagem](https://gradiently.design/pt-pt/guide/match-a-picture) encontra Marks cuja paleta fica perto dela.

## FAQ

### Que cor de fundo é melhor para fotografias de produto?

Uma que contraste com o produto em luminosidade. Quanto à cor, escolhe tonal para um visual calmo e premium, complementar para energia, ou um neutro tingido para imagens de catálogo limpas.

### As fotografias de produto devem ter fundo branco?

Alguns marketplaces exigem branco na imagem principal. Noutros sítios, um neutro tingido ou uma cor tonal parece muitas vezes mais premium e mais fiel à marca.

### Como evito que um produto recortado pareça estar a flutuar?

Junta uma sombra de contacto suave onde ele toca a superfície e, se for preciso, uma sombra projetada mais clara que siga a mesma direção da luz que os reflexos do produto.

### Como mantenho as fotografias de produto coerentes?

Usa o mesmo fundo, a mesma direção da luz, o mesmo ângulo de câmara, o mesmo enquadramento e o mesmo tamanho de exportação para todos os produtos, e regista a configuração.