# Fotografias duotone nas cores da tua marca: mono, duotone e lavado

[Canonical HTML page](https://gradiently.design/pt-pt/guide/photo-duotone-in-mark-colours)

Fotografias desencontradas são a forma mais rápida de um feed parecer emprestado. Tingi-las nas tuas cores junta fotografias de banco de imagens, de telemóvel e de produto numa só família.

## The short version

- Uma fotografia duotone substitui os tons de uma imagem por duas cores: uma para as sombras e outra para as luzes.
- Na Gradiently, qualquer fotografia pode ser tingida em mono, duotone ou lavado, e o duotone e o lavado tiram as suas cores do Mark do design.
- Tingir as fotografias nas mesmas cores do fundo faz com que fontes mistas, do banco de imagens ao telemóvel, pareçam um conjunto deliberado.
- As fotografias também podem ser ajustadas em luz e cor, acabadas com filtros como Film ou Noir e recortadas em arcos, círculos e formas orgânicas.
- Cada ajuste de fotografia continua editável, por isso podes mudar a tinta ou trocar o Mark mais tarde e a fotografia acompanha.

Uma **fotografia duotone** troca as cores naturais de uma imagem por duas escolhidas: uma cor escura para as sombras e uma cor clara para as luzes, com todos os tons intermédios misturados a partir do par. Feito nas cores da tua marca, transforma qualquer fotografia em algo que claramente te pertence. Na Gradiently podes tingir uma fotografia de três maneiras, mono, duotone ou lavado, e o duotone e o lavado tiram as cores diretamente do Mark do design, para que a fotografia e o fundo estejam sempre de acordo.

## Como funciona uma fotografia duotone

Pensa primeiro na fotografia a preto e branco. Cada píxel tem um brilho de 0 a 100 por cento. Um duotone pinta depois os píxeis mais escuros com a tua cor de sombra, os mais brilhantes com a tua cor de luz e todos os outros no ponto correspondente da rampa entre elas. O resultado mantém todo o pormenor da fotografia, mas nenhuma da sua cor original.

- Índigo a rosa rubor: `linear-gradient(90deg, #1e1b4b 0%, #be185d 55%, #fbcfe8 100%)`
- Verde-azulado profundo a areia: `linear-gradient(90deg, #052e2b 0%, #0f766e 50%, #f5d0a9 100%)`
- Sangue de boi a manteiga: `linear-gradient(90deg, #2b0a0a 0%, #b45309 55%, #fde68a 100%)`
- Azul-marinho a gelo: `linear-gradient(90deg, #0b1020 0%, #2563eb 55%, #e0f2fe 100%)`

Quatro rampas de duotone. As sombras ficam com a cor da esquerda, as luzes com a da direita, e os tons médios da fotografia caem no meio.

O truque que faz um duotone ficar bonito e não pastoso é o contraste entre as duas pontas. Uma sombra muito escura e uma luz muito clara mantêm rostos e produtos legíveis. Dois tons médios produzem uma imagem plana e turva. Para a história e usos mais amplos do visual, vê [o efeito duotone](https://gradiently.design/pt-pt/guide/duotone-effect).

## Mono, duotone e lavado: três maneiras de tingir

| Tinta | O que faz | Cores de | Serve para |
| --- | --- | --- | --- |
| **Mono** | Passa a fotografia a preto e branco | Cinzentos neutros | Retratos, citações, tudo o que seja sério ou intemporal |
| **Duotone** | Mapeia sombras e luzes para duas cores | O Mark | Publicações ousadas, cartazes de eventos, fotografias de equipa que não combinam |
| **Lavado** | Estende a cor do Mark sobre a fotografia mantendo parte da sua própria cor | O Mark | Fotografias de produto e comida, onde o motivo ainda deve parecer real |
| Nenhuma | Deixa a cor da fotografia em paz | A fotografia | Fotografias principais de produto onde a cor exata importa |

As opções de tinta na edição de fotografia. O Duotone e o Lavado usam as cores do teu Mark, por isso trocar o Mark volta a tingir a fotografia.

Publicação vertical intitulada Conhece a equipa, com a linha de pormenor sobre cinco pessoas e uma máquina de espresso, sobre um Mark em degradê quente

O tipo de publicação que um duotone resgata: fotografias de equipa tiradas em telemóveis diferentes, unidas num conjunto pelas cores do Mark.

Publicação vertical de produto a anunciar uma mistura de café de outono sobre o mesmo Mark em degradê

Uma publicação de produto: daquelas em que um lavado suave liga a fotografia ao fundo mas mantém o café a parecer café.

## Como fazer uma fotografia duotone na Gradiently

1. **Acrescenta a fotografia** Carrega ou cola a tua, ou escolhe uma das fotografias gratuitas de banco de imagens no Studio.
2. **Abre a edição de fotografia** Seleciona a fotografia e abre o painel de edição, onde ficam a luz, a cor, os filtros e a tinta.
3. **Escolhe Duotone em Cores do Mark** A fotografia é remapeada de imediato para a paleta do Mark. Experimenta também Lavado e Mono; comparar não custa nada.
4. **Define o contraste** Sobe o contraste se o resultado parecer plano e o brilho se os rostos caírem na cor da sombra.
5. **Recorta numa forma** Enquadra-a como quadrado, círculo, arco ou forma orgânica, conforme a composição.
6. **Troca o Mark para testar** Muda o Mark do design e a tinta acompanha, para poderes experimentar vários visuais na mesma fotografia.

> **Tudo continua editável** As tintas e os filtros nunca ficam cozidos na fotografia. Podes mudá-los ou repô-los em qualquer momento, o que importa quando uma campanha muda de cor a meio.

## Filtros, luz e cor para o acabamento

A tinta define a família de cor; os outros ajustes decidem a sensação. Estão em três grupos, e as predefinições são uma forma rápida de começar antes do ajuste fino. Se a fotografia é de produto, acerta primeiro o fundo: [fundos para fotografia de produto](https://gradiently.design/pt-pt/guide/product-photo-backgrounds) trata disso.

| Grupo | Controlos | O que usar |
| --- | --- | --- |
| Luz | Brilho, contraste | O contraste primeiro em qualquer duotone; separa as duas cores |
| Cor | Saturação, temperatura, verde a magenta, matiz | Temperatura para aquecer ou arrefecer um lavado; deixa a saturação em paz num duotone |
| Acabamento | Desfocagem, vinheta | Uma vinheta leve puxa o olhar para dentro nos retratos |
| Predefinições | Original, Vivid, Soft, Warm, Cool, Faded, Noir, Film | Film ou Faded sob um lavado dá facilmente um toque impresso |

Controlos de edição de fotografia. Começa com uma predefinição e ajusta a luz antes da cor.

## Formas de recorte: arcos, círculos e formas orgânicas

Uma fotografia tingida numa forma suave lê-se como desenhada e não como largada ali. Os arcos parecem arquitetónicos e calmos, lindos para interiores, floristas e trabalhos de casamento, e uma escolha natural para a [identidade de marca de fotógrafo](https://gradiently.design/pt-pt/guide/photographer-branding). Os círculos servem pessoas: páginas de equipa, oradores, testemunhos. As formas orgânicas são divertidas e servem comida, marcas infantis e tudo o que seja informal. Fica por uma só forma por design para o conjunto parecer coerente.

### Evita

- Duas cores de tom médio que tornam a fotografia cinzenta
- Um duotone na única fotografia em que a cor verdadeira vende, como um vestido
- Uma tinta diferente em cada fotografia de um carrossel
- Palavras sobre a zona mais carregada da fotografia

### Faz

- Uma cor de sombra profunda e uma luz pálida
- Um lavado para produtos, duotone para pessoas e lugares
- Uma só tinta em todas as fotografias de um conjunto
- Palavras na zona calma, com a tinta automática a escolher a cor

Se o texto fica sobre a própria fotografia, [tornar o texto legível em fotografias](https://gradiently.design/pt-pt/guide/readable-text-on-photos) trata da colocação, e uma tinta coerente é um dos hábitos mais simples por trás da [coerência de marca](https://gradiently.design/pt-pt/guide/brand-consistency).

## Um duotone em CSS

Num site podes criar o mesmo efeito com modos de mistura: passa a fotografia a tons de cinzento, multiplica-a sobre a cor da luz e depois aclara com a cor da sombra.

```css
.duotone {
  position: relative;
  background: #fbcfe8; /* highlight colour */
}

.duotone img {
  display: block;
  width: 100%;
  filter: grayscale(1) contrast(1.1);
  mix-blend-mode: multiply;
}

.duotone::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #1e1b4b; /* shadow colour */
  mix-blend-mode: lighten;
  pointer-events: none;
}
```

Sombras índigo e luzes rosa rubor. Vê [mix-blend-mode na MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode) para o suporte nos navegadores.

## FAQ

### O que é uma fotografia duotone?

Uma fotografia cujas cores são substituídas por duas: uma para as sombras e outra para as luzes, com os tons intermédios misturados a partir do par.

### Como faço uma fotografia duotone nas cores da minha marca?

Na Gradiently, seleciona a fotografia, abre a edição de fotografia e escolhe Duotone; usa as cores do Mark do design. Em CSS, combina uma imagem em tons de cinzento com modos de mistura.

### Qual é a diferença entre duotone e um lavado de cor?

Um duotone substitui toda a cor da fotografia por duas cores. Um lavado estende uma cor sobre a fotografia mantendo parte da sua própria cor, para que os motivos continuem a parecer naturais.

### Que cores fazem um bom duotone?

Uma cor de sombra muito escura e uma cor de luz muito clara. Dois tons médios fazem a fotografia parecer plana e turva.

### Posso recortar fotografias em formas na Gradiently?

Sim. As fotografias podem ser enquadradas como quadrados, círculos, arcos ou formas orgânicas.