Como transformar uma foto em um esboço a lápis no Photoshop

Este tutorial mostrará como transformar facilmente uma foto em um esboço a lápis usando o Adobe Photoshop . Começaremos transformando uma foto em um esboço em preto e branco. Depois, o artigo mostrará três maneiras diferentes de adicionar cor ao seu esboço, incluindo o uso da cor original da foto, uma única cor e um gradiente!

Índice

• Como transformar uma foto em um esboço a lápis
  • Etapa 1: Duplique a camada de fundo
  • Etapa 2: dessaturar a camada
  • Etapa 3: Duplique a camada de dessaturação
  • Etapa 4: inverter a camada
  • Etapa 5: altere o modo de mesclagem da camada para Subexposição de cores
  • Etapa 6: converter camada em objeto inteligente
  • Etapa 7: aplique o filtro Desfoque Gaussiano
  • Etapa 8: adicione uma camada de ajuste de níveis
  • Etapa 9: altere o modo de mesclagem para Multiplicar
• Preencha o contorno com a cor original da imagem
  • Etapa 10: Duplique a camada de fundo novamente
  • Etapa 11: renomeie a nova camada para Cor
  • Etapa 12: mova a camada de cor acima da camada de ajuste
  • Etapa 13: altere o modo de mesclagem para cor
• Como colorir um esboço com uma única cor
  • Etapa 14: Desative a camada de cor
  • Etapa 15: adicione uma camada de preenchimento de cor sólida
  • Etapa 16: altere o modo de mesclagem para cor
• Como colorir um esboço com efeito gradiente
  • Etapa 17: desative a camada de preenchimento de cor sólida
  • Etapa 18: adicione uma camada de preenchimento de gradiente
  • Etapa 19: Escolha um gradiente
  • Etapa 20: altere o modo de mesclagem para cor
• Como alternar entre efeitos de cor de esboço
  • Restaurar esboço em preto e branco
  • Restaurar a versão colorida do esboço

Como transformar uma foto em um esboço a lápis

O artigo usou o Photoshop 2021, mas todas as etapas devem funcionar no Photoshop 2022 e 2023. Essas primeiras etapas transformarão a foto em um esboço em preto e branco.

Etapa 1: Duplique a camada de fundo

Começaremos no painel Camadas do Photoshop, onde a imagem aparece na camada Fundo:

Precisaremos dessa imagem para adicionar cor ao esboço mais tarde. Então, para ficar seguro, faremos uma cópia.

Clique na camada de fundo e arraste para baixo até o ícone Nova camada :

Faça uma cópia da camada de fundo.

Uma cópia aparece acima do original:

Etapa 2: dessaturar a camada

Em seguida, removeremos todas as cores da camada Cópia de fundo usando o comando Desaturate do Photoshop.

Vá para o menu Imagem na barra de menus na parte superior da tela, selecione Ajustes e depois selecione Desaturar :

O Photoshop dessatura a imagem, deixando-nos com uma versão em preto e branco:

Etapa 3: Duplique a camada de dessaturação

De volta ao painel Camadas, crie uma cópia da versão dessaturada arrastando a camada Cópia de fundo para o ícone da nova camada:

E novamente a cópia aparece acima do original:

Etapa 4: inverter a camada

Precisamos inverter os níveis de brilho nesta camada, deixando os realces mais escuros e as sombras mais claras. Para fazer isso, usaremos o comando Inverter do Photoshop.

Vá ao menu Imagem , selecione Ajustes e depois selecione Inverter :

Isso inverte a imagem, criando um efeito de filme negativo:

Etapa 5: altere o modo de mesclagem da camada para Subexposição de cores

No painel Camadas, altere o modo de mesclagem da camada invertida de Normal (padrão) para Subexposição de cores :

O documento fica completamente branco, embora você possa ver algumas áreas pretas espalhadas, dependendo da sua imagem:

Etapa 6: converter camada em objeto inteligente

Para criar o efeito de esboço, desfocaremos a camada invertida usando o filtro Desfoque Gaussiano do Photoshop. Mas para manter as configurações do filtro editáveis, aplicaremos o Desfoque Gaussiano como um filtro inteligente. E para fazer isso, primeiro precisamos converter a camada em um objeto inteligente.

No painel Camadas, clique no ícone de menu no canto superior direito:

E selecione Converter em Objeto Inteligente no menu:

Um ícone aparece na miniatura de visualização da camada, nos informando que a camada agora é um objeto inteligente e estamos prontos para aplicar o filtro:

Etapa 7: aplique o filtro Desfoque Gaussiano

Vá para o menu Filtro na barra de menus, selecione Desfoque e, em seguida, Desfoque Gaussiano :

Em seguida, na caixa de diálogo Desfoque Gaussiano , arraste o controle deslizante Raio na parte inferior para desfocar o conteúdo da camada. O efeito de contorno que você obterá dependerá da quantidade de desfoque que você aplicar. Valores de raio menores criarão esboços com linhas finas e suaves, enquanto valores maiores criarão esboços mais realistas.

Por exemplo, se escolhermos um valor de raio relativamente baixo de 10 pixels:

Finalizado com esse efeito aqui com linhas bem suaves:

Mas se aumentarmos o valor para um valor muito maior, digamos 45 pixels:

O efeito parece mais com a foto original. O valor do raio necessário dependerá da foto e da aparência que você deseja. Portanto, preste atenção na imagem enquanto arrasta o controle deslizante para avaliar os resultados.

Neste caso, o exemplo usará a segunda versão, mais realista. Clique em OK quando terminar para fechar a caixa de diálogo Desfoque Gaussiano:

Como editar as configurações de Desfoque Gaussiano

Como aplicamos o filtro Desfoque Gaussiano a um objeto inteligente, o painel Camadas mostrará esse filtro listado como um filtro inteligente abaixo do objeto inteligente. Você pode clicar duas vezes na palavra Desfoque Gaussiano a qualquer momento para reabrir a caixa de diálogo do filtro e experimentar diferentes configurações:

Etapa 8: adicione uma camada de ajuste de níveis

Neste ponto, o esboço pode parecer muito claro e com contraste muito baixo. Mas podemos escurecê-lo facilmente usando uma camada de ajuste de níveis e uma camada de modo de mesclagem.

Ainda no painel Camadas , clique no ícone Nova Camada de Preenchimento ou Ajuste :

E selecione Níveis na lista:

O Photoshop adiciona uma camada de ajuste de Níveis acima do objeto inteligente:

Etapa 9: altere o modo de mesclagem para Multiplicar

Então, para escurecer o esboço, basta alterar o modo de mesclagem da camada de ajuste de Normal para Multiplicar :

O modo de mesclagem Multiplicar é um dos vários modos de mesclagem que escurecem a imagem inteira. E instantaneamente, o esboço parece muito mais escuro:

Como ajustar o brilho

Se o esboço parecer muito escuro, reduza o valor de Opacidade da camada de ajuste, localizada em frente à opção do modo de mesclagem no painel Camadas. Quanto mais você reduzir a opacidade de 100%, mais as camadas abaixo da camada de ajuste aparecerão, iluminando o esboço.

Por exemplo, o meu seria reduzido em cerca de 40%:

E com isso, temos a versão em preto e branco do esboço! A seguir, o artigo mostrará algumas maneiras diferentes de adicionar cor:

Preencha o contorno com a cor original da imagem

Os próximos passos adicionarão cor ao esboço usando cores da imagem original. O artigo mostrará como colorir o esboço com uma única cor e depois com um efeito de gradiente.

Etapa 10: Duplique a camada de fundo novamente

No painel Camadas, crie uma cópia da imagem original arrastando a camada Fundo (a camada original na parte inferior) até o ícone Nova Camada :

A cópia (Cópia de fundo 3) aparece entre as camadas Fundo e Cópia de fundo :

Etapa 11: renomeie a nova camada para Cor

Neste ponto, nosso painel Camadas está cheio de cópias da camada Fundo. E todos eles têm nomes como Cópia de fundo, Cópia de fundo 2, Cópia de fundo 3, mas não nos dizem para que essa camada está sendo usada. Então vamos renomear nossa nova camada para algo mais descritivo.

Clique duas vezes diretamente no nome da cópia de fundo 3 para destacá-la:

Depois renomeie-o para Cor. Pressione Enter (Win) / Return (Mac) no seu teclado para aceitar:

Etapa 12: mova a camada de cor acima da camada de ajuste

Precisamos que a imagem apareça acima do esboço. Então clique na camada Cor e arraste-a acima da camada de ajuste Níveis. Quando uma linha azul aparecer acima da camada de ajuste, solte o botão do mouse:

A imagem bloqueia temporariamente a visualização do esboço:

Etapa 13: altere o modo de mesclagem para cor

Para misturar a cor da imagem no esboço, altere o modo de mesclagem da camada Cor de Normal para Cor :

O modo de mesclagem Cor informa ao Photoshop para mesclar somente as cores da camada ativa com as camadas abaixo. E assim, adicionamos a cor original de volta ao esboço:

Como ajustar a intensidade da cor

Se a cor estiver muito escura, reduza a opacidade da camada. Exemplo reduzirá para 50%:

À medida que a opacidade é reduzida, as cores se tornam mais sutis. E é assim que se colore o esboço com a cor original da foto:

Como colorir um esboço com uma única cor

Se quiser ver como seu esboço ficaria com as cores de uma foto, você pode parar aqui. Caso contrário, confira a segunda maneira de adicionar cor, desta vez usando uma única cor. Em seguida, finalizaremos o tutorial aprendendo a colorir o esboço com um efeito de gradiente.

Etapa 14: Desative a camada de cor

Antes de prosseguir, desative a camada Cor que usamos nas etapas anteriores clicando no ícone de visibilidade (olho) no painel Camadas:

Etapa 15: adicione uma camada de preenchimento de cor sólida

Para preencher o esboço com uma única cor, usaremos a camada de preenchimento Cor Sólida. Clique no ícone Nova camada de preenchimento ou ajuste na parte inferior do painel Camadas:

Em seguida, selecione Cor sólida na lista:

O Photoshop abre o Seletor de Cores, onde selecionamos a cor necessária. Não se preocupe em escolher a cor errada, pois você sempre pode voltar e escolher outra cor, como veremos mais tarde.

Por exemplo, tentarei um tom de azul. Clique em OK quando terminar para fechar o Seletor de cores:

No painel Camadas, a camada de preenchimento Cor sólida aparece acima das outras camadas. E no documento, a cor que você selecionou bloqueará temporariamente a visualização do esboço:

Etapa 16: altere o modo de mesclagem para cor

Para misturar a cor no esboço, altere o modo de mistura da camada de preenchimento para Cor:

E aqui está o resultado com o esboço destacado em azul:

Como mudar de cor

Para experimentar uma cor diferente, clique duas vezes na amostra de cor da camada de preenchimento no painel Camadas:

Em seguida, selecione uma nova cor no Seletor de cores. Enquanto o Seletor de Cores permanecer aberto, você poderá continuar selecionando cores diferentes e ver uma visualização ao vivo no documento.

Por exemplo, seria escolher um tom de roxo. Quando terminar, clique em OK para fechar o Seletor de cores:

E agora o esboço está colorido de roxo:

Ajustar a intensidade da cor

Se a cor estiver muito escura, reduza o valor de Opacidade da camada de preenchimento. Por exemplo, será reduzido para 70%:

E é assim que você adiciona uma única cor ao seu esboço! Em seguida, terminaremos aprendendo como colorir um esboço usando um efeito de gradiente e, em seguida, o artigo mostrará como alternar entre todas essas versões diferentes para escolher a que você mais gosta:

Como colorir um esboço com efeito gradiente

Neste ponto, aprendemos como converter uma foto em um esboço em preto e branco, como restaurar as cores originais de uma foto e como adicionar uma única cor. Encerraremos este tutorial aprendendo como colorir um esboço usando um efeito de gradiente.

Este artigo não abordará como criar seus próprios efeitos de gradiente personalizados aqui. Em vez disso, usaremos um dos efeitos de gradiente integrados do Photoshop. E nas versões mais recentes do Photoshop (2020 e posteriores), há vários novos efeitos de gradiente para escolher.

Etapa 17: desative a camada de preenchimento de cor sólida

Primeiro, se você acompanhou desde o início, desative a camada de preenchimento de cor sólida que usamos nas etapas anteriores clicando no ícone de visibilidade dessa camada no painel Camadas:

Isso restaurará a versão em preto e branco do esboço:

Etapa 18: adicione uma camada de preenchimento de gradiente

Para colorir o esboço com um efeito de gradiente, usaremos uma camada de preenchimento de gradiente. E adicionaremos uma camada de preenchimento logo acima da camada de ajuste de Níveis. Primeiro, clique na camada de ajuste Níveis no painel Camadas para ativá-la:

Em seguida, clique novamente no ícone Nova Camada de Preenchimento ou Ajuste :

E selecione Gradiente na lista:

Etapa 19: Escolha um gradiente

Na caixa de diálogo Preenchimento de gradiente, selecione um gradiente clicando na pequena seta ao lado da amostra de gradiente:

Isso abrirá o seletor de gradiente com muitos novos gradientes adicionados no Photoshop 2020. Os gradientes são divididos em grupos com base no tema (Básico, Azuis, Roxos, etc.):

Para abrir um grupo, clique na seta ao lado do ícone da pasta do grupo. Gire para abrir o grupo Roxos:

Em seguida, para selecionar um gradiente dentro do grupo e fechar o seletor de gradiente, clique duas vezes na miniatura do gradiente:

Configurações de gradiente

De volta à caixa de diálogo Preenchimento de gradiente, você pode alterar o Estilo do gradiente de Linear (padrão) para Radial, Ângulo, Refletido ou Diamante:

Você pode inverter a ordem das cores do gradiente:

E você pode alterar o ângulo do gradiente. O exemplo terá como padrão 90 graus:

Clique em OK quando terminar para fechar a caixa de diálogo Preenchimento de gradiente. O gradiente bloqueia temporariamente a visualização do esboço:

Etapa 20: altere o modo de mesclagem para cor

De volta ao painel Camadas, a camada de preenchimento Gradiente aparece acima da camada de ajuste Níveis. Para misturar a cor do gradiente com o esboço em preto e branco, altere o modo de mesclagem da camada de preenchimento Gradiente de Normal para Cor :

Em seguida, ajuste a intensidade da cor, se necessário, reduzindo a opacidade da camada:

E aqui está o esboço usando cores gradientes:

Como escolher um gradiente diferente ou editar configurações

Para experimentar um gradiente diferente ou editar qualquer uma das opções de gradiente (Estilo, Inverter, Ângulo), clique duas vezes na amostra de preenchimento da camada Gradiente. Isso reabrirá a caixa de diálogo Preenchimento de gradiente, onde você pode fazer as alterações necessárias:

Como alternar entre efeitos de cor de esboço

Agora que colorimos nosso esboço com um gradiente, e se você quiser voltar às cores da imagem original, ou à versão de cor única, ou até mesmo à versão em preto e branco? Veja como alternar entre diferentes efeitos.

Restaurar esboço em preto e branco

Para ocultar todos os efeitos de cor e voltar à versão em preto e branco, basta desativar a camada Cor, a camada Cor sólida e a camada Preenchimento de gradiente em seus ícones de visibilidade. Por exemplo, as camadas Cor e Cor sólida são desativadas, então a camada Preenchimento gradiente também será desativada:

Desative todas as 3 camadas de efeito de cor e retornaremos ao nosso esboço em preto e branco:

Restaurar a versão colorida do esboço

Em seguida, para ativar um dos efeitos de cor, clique no ícone de visibilidade desse efeito. Por exemplo, vou ativar minha camada Cor. Certifique-se de habilitar apenas um efeito de cor por vez, caso contrário, eles se misturarão:

E quando ativamos a camada Cor, retornamos à cor original da imagem:

E é isso! Veja como transformar uma foto em um esboço a lápis em preto e branco, além de algumas maneiras diferentes de colorir um esboço no Photoshop!