Como criar uma imagem Duotone no Photoshop

Enquanto você trabalha no design do seu próximo site, há um tipo comum de plano de fundo que você pode considerar: fotografia. Embora essa tendência não seja necessariamente única, com certeza é eficaz para definir uma cena e imergir o usuário no ambiente de um site. Se você está procurando uma maneira de usar a fotografia, mas com um pouco mais de entusiasmo, pode sempre tentar uma imagem em dois tons – ambas são interessantes de se ver e fáceis de criar!

Antes de aprendermos a criar uma imagem duotônica no Photoshop, vamos nos aprofundar um pouco mais nessa tendência de design.

O que é uma imagem Duotone?

Basicamente, um tom duplo é simplesmente uma imagem feita de duas cores. Você provavelmente já os viu antes em campanhas como o 2015 Year in Review do Spotify.

Isso está se tornando cada vez mais popular, especialmente entre agências e marcas menores. Os efeitos Duotone são uma ótima maneira de incorporar e reforçar sua marca e suas cores em todo o seu trabalho e site. Para lhe dar um pouco de inspiração, LPK mostra um exemplo maravilhoso de como usar isso.

Se você estiver interessado em experimentar essa técnica, convém ser estratégico na foto que escolher manipular. Embora tecnicamente você possa aplicar o efeito duotônico a qualquer foto, ele ficará melhor em uma imagem com muito contraste. Eu também recomendo usar uma imagem com um fundo sólido, de preferência branco – assim fica mais fácil definir a cor de base que você está procurando!

Se você tem acesso a um estúdio e está interessado em tirar fotos personalizadas, lembre-se dessas dicas enquanto monta o cenário. Se você estiver trabalhando com conteúdo existente, sempre poderá manipular a foto primeiro para aumentar o contraste ou alterar a cor do plano de fundo.

No restante do tutorial, abordaremos dois métodos que você pode usar para criar manualmente uma imagem de tom duplo no Photoshop. A primeira é a opção interna do Photoshop (funciona bem, mas não é a minha favorita) e a segunda usa um mapa de gradiente (meu método preferido, a menos que você esteja usando nossa ação gratuita, é claro!).

Quando estiver pronto, carregue sua imagem no Photoshop e crie uma camada duplicada da foto. Ao editar a duplicata (em vez da camada inferior original), você sempre terá uma versão não editada da foto para recorrer.

Pronto para criar uma imagem de tom duplo no Photoshop? Vamos começar.

Como usar a opção padrão do Photoshop Duotone

1. Converta a imagem em escala de cinza de 8 bits

Para usar a opção de tom duplo incorporada ao Photoshop, primeiro você terá que converter a imagem em uma escala de cinza de 8 bits. Selecione a cópia da sua foto e vá até Imagem > Modo > Escala de cinza. Verifique também se a opção 8 bits/canal está selecionada no mesmo menu Modo.

Quando você seleciona esta opção, algumas notificações serão exibidas. A primeira pergunta se você deseja achatar a imagem ou mesclar as camadas antes de alterar o modo de cor. Se você tiver muitas camadas, a mudança de cor pode afetar a exibição das coisas (nesse caso, o achatamento pode ser útil para preservar seu trabalho), mas, nesse caso, não se preocupe em achatar a imagem. Se você deseja a cópia original, não mescle suas camadas.

A próxima notificação pergunta se você deseja descartar as informações de cores. Você terá que fazer isso para usar a opção de tom duplo padrão, então vá em frente e clique em “Descartar”.

2. Converta a imagem para um tom duplo

Uma vez que seu modo de imagem esteja em escala de cinza de 8 bits, você pode usar a opção de tom duplo padrão no Photoshop. Selecione a camada e vá para Imagem > Modo > Duotone.

3. Selecione suas cores

Assim que a imagem estiver no modo duotônico, você pode começar a selecionar suas cores. A parte boa é que, assim que você selecionar uma nova cor, a imagem será atualizada para que você possa ver como as coisas ficam (desde que a caixa de seleção Visualizar esteja marcada). Além disso, o processo começa a ficar um pouco desajeitado. Tecnicamente, você pode ajustar as curvas para cada cor, mas a imagem não é atualizada em tempo real, dificultando um pouco a visualização do que está acontecendo e resultando em muitas idas e vindas. Brinque com as cores e configurações até encontrar o efeito desejado.

Sugiro brincar com essas configurações por um minuto, apenas para ter uma ideia delas, mas quando estiver pronto, vamos passar para o segundo método para criar tons duplos no Photoshop.

Como usar um mapa de gradiente para criar um tom duplo

1. Aplique um mapa de gradiente

Para este método, você não precisará se preocupar em alterar a imagem ou escolher um modo de cor específico. Claro, se você quiser editar alguma coisa, vá em frente, mas a foto funcionará bem do jeito que está. Quando estiver pronto, selecione a cópia da sua imagem e vá até Image > Adjustments > Gradient Map.

Dependendo de sua configuração padrão, esta configuração irá sobrepor a imagem com um gradiente para um mapeamento em tons de cinza. Se o padrão não for preto e branco, clique no menu suspenso e selecione essa opção. Se você seguiu o primeiro método, verá que já estamos na metade do caminho para criar nosso duotone.

Dica profissional: veja a caixa de seleção ao lado de Inverter? Ao clicar nele, você inverterá as cores da foto. Para este tutorial, vamos deixá-lo desmarcado, mas se quisermos que o fundo seja mais escuro que o objeto, essa opção pode ajudá-lo a mudar as coisas.

2. Escolha suas cores

Ao clicar na barra de gradiente, você abrirá o Editor de gradiente em uma nova janela. Aqui você pode selecionar suas cores e ajustar como elas são exibidas na imagem.

Como você pode ver, as imagens finais parecem um pouco diferentes umas das outras, mas ambas resultam em duotônicos maravilhosos. Prefiro usar um Gradient Map simplesmente porque é um pouco mais fácil controlar a intensidade das cores e para onde vão os tons escuros e claros, mas ambos os métodos são fáceis de usar.

Como usar o duotoner

Instale a ação

Depois de baixar a ação, clique duas vezes no arquivo para instalá-lo. Abra a imagem que deseja usar no Photoshop e abra a janela Ações.

Para navegar até a janela Ações , selecione Janela > Ações ou mantenha pressionadas as teclas Shift + F9 .

Depois de abrir a janela Ações, selecione a camada de imagem à qual deseja aplicar o efeito de tom duplo.

Selecione e execute a ação

Clique no menu suspenso na pasta “Flywheel – Glitch-a-tron”. Agora, selecione “Glitch-a-tron – Select and hit play” e pressione o botão play do triângulo na parte inferior da janela.

Depois de apertar o play, você verá um monte de camadas, cada uma com um esquema de cores duotone diferente! Para alternar, tudo o que você precisa fazer é tornar visível a camada que deseja.

Nota: Se você tiver mais de uma camada duotônica visível, as cores se misturarão e você poderá começar a perder alguns detalhes da sua foto. Para manter as coisas nítidas, certifique-se de ter apenas uma camada visível por vez (ou sinta-se à vontade para experimentar sobrepondo os tons duplos para um efeito totalmente diferente!).

Bônus: redefina sua imagem em um piscar de olhos

Caso você queira retroceder, a ação cria automaticamente uma captura de tela que permite que você volte à sua imagem antes de a ação ser aplicada.

Navegue até a janela Histórico selecionando Janela > Histórico . Role até o topo e clique em "Snapshot". Isso redefine tudo para que você esteja pronto para ir!

O que você acha de duotônicos? Você acha que eles são uma forte tendência de design ou prefere imagens coloridas?

Quer descobrir mais recursos para construir e projetar sites incríveis com o WordPress? Visite o Centro de Recursos do WP Engine para obter nossa vasta biblioteca de conteúdo educacional e prático - criado para usuários do WordPress de todos os níveis de habilidade técnica!