Início
» Wiki
»
Como transformar uma foto em um esboço a lápis no Photoshop
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!
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:
O painel Camadas do Photoshop mostra a imagem 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 :
Arraste a camada de fundo para o ícone Nova camada.
Faça uma cópia da camada de fundo.
Uma cópia aparece acima do original:
Uma cópia da camada de fundo aparece acima da camada de fundo 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 :
Selecione o comando Desaturar no Photoshop.
O Photoshop dessatura a imagem, deixando-nos com uma versão em preto e branco:
Imagem após dessaturação de cor.
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:
Arraste a camada Cópia de fundo para o novo ícone de camada.
E novamente a cópia aparece acima do original:
A nova camada Cópia de fundo 2 aparece acima das outras camadas.
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 :
Selecione o comando Inverter no Photoshop.
Isso inverte a imagem, criando um efeito de filme negativo:
Imagem após inversão de brilho.
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 :
Altere o modo de mesclagem da camada para Subexposição de cores.
O documento fica completamente branco, embora você possa ver algumas áreas pretas espalhadas, dependendo da sua imagem:
Resultado após alterar o modo de mesclagem para Subexposição de cores.
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:
Clique no ícone de menu no painel Camadas do Photoshop.
E selecione Converter em Objeto Inteligente no menu:
Selecione o comando Converter em Objeto Inteligente no menu do painel Camadas do Photoshop.
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:
Ícone de objeto inteligente na miniatura de visualização da camada.
Etapa 7: aplique o filtro Desfoque Gaussiano
Vá para o menu Filtro na barra de menus, selecione Desfoque e, em seguida, Desfoque Gaussiano :
Selecione o filtro Desfoque Gaussiano no Photoshop.
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:
Defina um valor de raio baixo na caixa de diálogo Desfoque Gaussiano do Photoshop.
Finalizado com esse efeito aqui com linhas bem suaves:
Efeito de esboço de foto usando valor de raio baixo
Mas se aumentarmos o valor para um valor muito maior, digamos 45 pixels:
Aumente o valor do raio na caixa de diálogo Desfoque Gaussiano.
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:
Esboço do efeito ao usar um valor de Raio grande.
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:
Painel Camadas do Photoshop mostrando o filtro inteligente Desfoque Gaussiano.
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 :
Clique no ícone Nova camada de preenchimento ou ajuste no painel Camadas do Photoshop.
E selecione Níveis na lista:
Selecione a camada de ajuste Níveis.
O Photoshop adiciona uma camada de ajuste de Níveis acima do objeto inteligente:
Nova camada de ajuste de níveis no painel Camadas do Photoshop
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 :
Altere o modo de mesclagem da camada de ajuste Níveis 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:
Efeito de esboço após alterar o modo de mesclagem para Multiplicar.
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%:
Diminua a opacidade da camada de ajuste de níveis.
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:
Efeito final de esboço em preto e branco.
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 :
Faça outra cópia da camada de fundo.
A cópia (Cópia de fundo 3) aparece entre as camadas Fundo e Cópia de fundo :
A camada Cópia de fundo 3 aparece acima da camada Fundo original.
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:
Clique duas vezes no nome da camada para destacá-la.
Depois renomeie-o para Cor. Pressione Enter (Win) / Return (Mac) no seu teclado para aceitar:
Renomeie a camada para Cor.
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:
Arraste a camada Cor para o topo.
A imagem bloqueia temporariamente a visualização do esboço:
A camada Cor agora está no topo da pilha de camadas.
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 :
Altere o modo de mesclagem da camada 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:
O esboço é colorido com as cores originais da foto.
Como ajustar a intensidade da cor
Se a cor estiver muito escura, reduza a opacidade da camada. Exemplo reduzirá para 50%:
Diminua a opacidade da camada Cor.
À 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:
Efeito de esboço após reduzir a opacidade da camada Cor.
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:
Desative a camada Cor no painel Camadas do Photoshop
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:
Clique no ícone Nova camada de preenchimento ou ajuste no painel Camadas do Photoshop.
Em seguida, selecione Cor sólida na lista:
Selecione a camada de preenchimento de cor sólida no Photoshop.
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:
Selecione azul no 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:
A cor selecionada preencherá a imagem.
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:
Altere o modo de mesclagem da camada de preenchimento para Cor.
E aqui está o resultado com o esboço destacado em azul:
O efeito de cor usa azul.
Como mudar de cor
Para experimentar uma cor diferente, clique duas vezes na amostra de cor da camada de preenchimento no painel Camadas:
Clique duas vezes na amostra de cor da camada de preenchimento no painel Camadas do Photoshop.
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:
Selecione uma cor diferente no Seletor de cores.
E agora o esboço está colorido de roxo:
Efeito de cor usando 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%:
Diminua a opacidade da camada de preenchimento.
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:
Resultados com redução de desfoque.
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:
Clique no ícone de visibilidade da camada de preenchimento.
Isso restaurará a versão em preto e branco do esboço:
Os esboços em preto e branco retornam.
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:
Selecione a camada de ajuste Níveis no painel Camadas do Photoshop.
Em seguida, clique novamente no ícone Nova Camada de Preenchimento ou Ajuste :
Clique no ícone Nova camada de preenchimento ou ajuste.
E selecione Gradiente na lista:
Selecione a camada de preenchimento Gradiente.
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:
Clique na seta à direita da amostra de gradiente na caixa de diálogo Preenchimento de gradiente do Photoshop.
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.):
Seletor de gradiente no Photoshop
Para abrir um grupo, clique na seta ao lado do ícone da pasta do grupo. Gire para abrir o grupo Roxos:
Gire para abrir um dos grupos de gradiente.
Em seguida, para selecionar um gradiente dentro do grupo e fechar o seletor de gradiente, clique duas vezes na miniatura do gradiente:
Escolha um gradiente no seletor de gradiente do Photoshop
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:
Opções de estilo.
Você pode inverter a ordem das cores do gradiente:
Opção reversa para gradientes no Photoshop
E você pode alterar o ângulo do gradiente. O exemplo terá como padrão 90 graus:
Opções de ângulo para gradientes no Photoshop
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:
O gradiente bloqueou 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 :
Altere o modo de mesclagem da camada de preenchimento Gradiente para Cor.
Em seguida, ajuste a intensidade da cor, se necessário, reduzindo a opacidade da camada:
Diminua a opacidade da camada de preenchimento Gradiente.
E aqui está o esboço usando cores gradientes:
Esboce 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:
Clique duas vezes na amostra de preenchimento de gradiente para editar as configurações de gradiente
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 no painel Camadas do Photoshop
Desative todas as 3 camadas de efeito de cor e retornaremos ao nosso esboço em preto e branco:
Retornar à versão em preto e branco do esboço
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:
Clique no ícone de visibilidade da camada Cor
E quando ativamos a camada Cor, retornamos à cor original da imagem:
Versão colorida original.
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!