Fotos duotone nas cores da sua marca: mono, duotone e véu

Uma foto duotone troca as cores naturais de uma imagem por duas escolhidas: uma cor escura para as sombras e uma cor clara para as altas luzes, com todos os tons intermediários misturados a partir do par. Feita nas cores da sua marca, transforma qualquer fotografia em algo que claramente pertence a você. No Gradiently, você pode tingir uma foto de três formas, monocromático, duotônico ou véu, e o duotônico e o véu tiram as cores direto do Mark do design, então a foto e o fundo sempre concordam.

Como funciona uma foto duotone

Pense na foto primeiro em preto e branco. Cada pixel tem um brilho de 0 a 100%. O duotone então pinta os pixels mais escuros com a sua cor de sombra, os mais claros com a sua cor de alta luz e todo o resto no ponto correspondente da rampa entre elas. O resultado mantém todos os detalhes da foto, mas nenhuma de suas cores originais.

O truque que faz um duotone ficar bonito, e não turvo, é o contraste entre as duas pontas. Uma sombra bem escura e uma alta luz bem clara mantêm rostos e produtos legíveis. Dois tons médios produzem uma imagem chapada e nebulosa. Para a história e outros usos do visual, veja o efeito duotone.

Monocromático, duotônico e véu: três formas de tingir

Como fazer uma foto duotone no Gradiently

1. 1

   Adicione a foto

   Envie ou cole a sua, ou escolha uma das fotos grátis de banco de imagens no Studio.

2. 2

   Abra a edição de foto

   Selecione a foto e abra o painel de edição, onde ficam luz, cor, filtros e tom.

3. 3

   Escolha Duotônico em Cores do Mark

   A foto é remapeada para a paleta do Mark na hora. Teste também o Véu e o Monocromático; comparar não custa nada.

4. 4

   Ajuste o contraste

   Aumente o contraste se o resultado parecer chapado e o brilho se os rostos caírem na cor da sombra.

5. 5

   Recorte em uma forma

   Enquadre como um quadrado, um círculo, um arco ou uma mancha, conforme o layout.

6. 6

   Troque o Mark para testar

   Mude o Mark do design e o tom acompanha, então você pode testar vários visuais na mesma foto.

Filtros, luz e cor para o acabamento

O tom define a família de cor; os outros ajustes decidem a sensação. Eles ficam em três grupos, e as predefinições são um jeito rápido de começar antes do ajuste fino. Se a foto for de produto, acerte primeiro o fundo: fundos para foto de produto trata disso.

Formas de recorte: arcos, círculos e manchas

Uma foto tingida em uma forma suave parece desenhada, e não jogada ali. Os arcos parecem arquitetônicos e calmos, lindos para interiores, floriculturas e trabalhos de casamento, e combinam naturalmente com o branding de fotógrafo. Os círculos combinam com pessoas: páginas de equipe, palestrantes, depoimentos. As manchas são divertidas e combinam com comida, marcas infantis e tudo informal. Mantenha uma forma por design para que o conjunto pareça consistente.

Se o texto fica sobre a própria foto, como deixar o texto legível em fotos trata do posicionamento, e um tom consistente é um dos hábitos mais simples por trás da consistência de marca.

Um duotone em CSS

Em um site, você pode criar o mesmo efeito com modos de mesclagem: deixe a foto em tons de cinza, multiplique-a sobre a cor da alta luz e depois clareie com a cor da sombra.

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