Transforme uma foto em uma ilustração com apenas um filtro do Photoshop

Transforme uma foto em uma ilustração com apenas um filtro do Photoshop, com o PiXimperfect

25 de abril de 2023

Talvez você já esteja usando o Adobe Photoshop há algum tempo ou talvez esteja apenas começando. Há muitas maneiras de fazer todo tipo de edição no software, bem como todos os tipos de dicas, truques e truques para fazer as coisas de forma mais simples e fácil.

Você já quis tirar uma foto sua, de um amigo ou ente querido e transformá-la em uma ilustração interessante, perfeita para um avatar de perfil de mídia social ou uma foto de rosto criativa? Neste tutorial, Unmesh Dinda, da PixImPerfect, usará apenas uma ferramenta — chamada Cutout — e, principalmente, ajustará apenas um controle deslizante, para transformar uma foto sua em uma ilustração em estilo vetorial. Assista ao vídeo abaixo para ver o tutorial do Adobe Photoshop ou continue lendo para ver um resumo de como obter o efeito.



Encontrado na Galeria de filtros, oCutout funciona como uma versão avançada do filtro Posterize com três controles deslizantes: Número de níveis, Edge Simplicity e Edge Fidelity. Eles determinam a quantidade de detalhes e a suavidade de suas bordas.

Etapa 1: Objetos inteligentes

Depois de abrir a imagem de origem, a primeira coisa que Dinda faz é duplicar a camada da imagem e, em seguida, acessar o menu Filter (Filtro) e selecionar "Convert for Smart Filters" (Converter para filtros inteligentes), transformando a nova camada em um Smart Object (Objeto inteligente). Para aqueles que não estão familiarizados com o Adobe Photoshop, isso converte a camada em um "arquivo dentro de um arquivo": para editá-la, abra-a em uma nova janela, salve-a e feche-a quando terminar, como se fosse um projeto diferente. Isso permite criar composições mais complexas que incluem várias imagens menores, mantendo todas elas editáveis. Qualquer filtro colocado em um objeto inteligente é naturalmente aplicado como um filtro inteligente, o que significa que ele também pode ser ajustado a qualquer momento.

Captura de tela PiximPerfect Pixill Tut1

Etapa 2: Aplicar o filtro Cutout

Dica principal: Se a opção Galeria de filtros estiver esmaecida, é porque sua imagem está em 16 ou 32 bits, mas a Galeria de filtros só pode ser aplicada a imagens em 8 bits. Você pode converter sua imagem em 8 bits acessando o Modo Imagem > na barra de menu e selecionando 8 bits.

Ao abrir a Galeria de filtros, você encontrará Recorte na primeira guia, Artístico. Um guia para seus controles deslizantes:

  • Número de níveis é o equivalente direto mais próximo de Posterize; ele corta sua imagem em seções de cores planas.
  • Edge Simplicity é exatamente o que parece. Dinda o descreve como “o jogo principal”, tornando-o sua principal ferramenta para controlar a ilustração de saída.
  • O Edge Fidelity, o terceiro controle deslizante, é principalmente um complemento ao Edge Simplicity, controlando exatamente a quantidade de detalhes finos da imagem que o filtro tenta preservar e, ao mesmo tempo, reduzir o número de cores. No entanto, isso torna as linhas do recorte mais complexas e irregulares, então Dinda recomenda mantê-las no mínimo para uma aparência de desenho animado.
Captura de tela PiximPerfect Pixill Tut2

Etapa 3: Colocar recortes em camadas

Dinda continua fazendo várias duplicatas da imagem com filtros de recorte aplicados em diferentes intensidades, desde uma primeira versão altamente abstrata, que ele enfatiza que você deve manter o mínimo possível enquanto ainda captura a semelhança, até uma segunda e terceira variantes mais detalhadas.

Em seguida, ele cria uma máscara de camada nas últimas, limpa-as para que nenhuma camada apareça e, com sua Wacom Intuos Pro mesa digitalizadora, pinta cuidadosamente as máscaras para que as imagens mais detalhadas apareçam apenas nas partes do rosto que ele deseja que fiquem mais definidas.

Etapa 4: correções e destaques da pintura

Por fim, ele cria uma nova camada Normal e usa um pincel duro redondo de tamanho de pressão para pintar os destaques em branco e levar a ilustração ao próximo nível.

Captura de tela PiximPerfect Pixill Tut3

O resultado final é uma composição de várias versões da mesma imagem com diferentes configurações de filtro de recorte aplicadas e uma camada extra para adicionar destaques pintados à mão, mas a coerência é perfeita:

Captura de tela PiximPerfect Pixill UT4

Ele também usa essa técnica extensivamente em um tutorial relacionado, Transform Portraits to GTA Characters in Photoshop, que demonstra um processo muito semelhante, mas com mais detalhes e etapas extras. Portanto, verifique isso se quiser se aprofundar mais.

Dica extra: se você tem um pouco de experiência em pintura digital e deseja que suas formas sejam mais nítidas, você também pode usar um conta-gotas de uma cor e usar um pincel redondo rígido para preencher as bordas irregulares das linhas.


CS Jones avatar

Sobre o autor

Cameron "C.S." Jones é um escritor e ilustrador de West-Philly que contribui com a Wacom há três anos. Você pode ver mais de seu trabalho, incluindo a maioria de suas contribuições para este blog, em thecsjones.com, ou segui-lo no Instagram ou no Twitter.

Publicações relacionadas:

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Aproveitando ao máximo sua Wacom, com Pablo Munoz Gomez - Dica 5: Como usar o 'modo de precisão'

Aproveitando ao máximo sua Wacom, com Pablo Munoz Gomez - Dica 5: Como usar o 'modo de precisão'

Comparação entre Affinity e Adobe para criar um marcador de página, com Vivienne Le

Comparação entre Affinity e Adobe para criar um marcador de página, com Vivienne Le

Aproveitando ao máximo sua Wacom, com Pablo Munoz Gomez - Dica 4: Como criar um menu radial personalizado

Aproveitando ao máximo sua Wacom, com Pablo Munoz Gomez - Dica 4: Como criar um menu radial personalizado

Finanças com Klarma

Shop now pay later with Klarna.

Only on the US eStore.

Shop now>

Conecte-se com a Wacom nas mídias sociais

Today @aaronblaiseart takes us through the process of how he animated Snowbear. From story boards and rough animations to adding color and more. 🐻‍❄️ Head to Wacom's YouTube to watch the full video and get a glimpse of what it's like to animate an entire short film on your own! #animation #2danimation #aaronblaise #MadeWithWacom
123 6
Black Friday Deals are here 🖤🎁🛒⁣ Head to our Amazon store to discover our exclusive #BlackFriday deals. ⁣ Whether you're a beginner artist or a pro, we have something for you!⁣ Head to the link in our bio or our stories to save! ⁣ Also check out Wacom accounts in your region to find what Black Friday exclusives we have in your area. ⁣ #christmasgifts #holiday #deals #shopping #amazon #wacomsale
86 2
Hey 👋 Artists of Europe! We’ve got some exciting news for you! 🎉 Wacom Europe now has its very own INSTAGRAM ACCOUNT — created just for YOU! Follow @wacomeurope and get ready for: ✨ Creative tips & tricks 🎨 Get inspired by incredible artists 📅 Stay updated on local events 💡 Enjoy exclusive promotions Let’s celebrate creativity together and join the Wacom community 🚀 Follow us here 👉 @wacomeurope #CreativeCommunity #WacomArtists #WacomCommunity
171 19
When the brain won't quit playing tricks 🧠👯‍♂️🖌️ Switching to digital can be hard but not impossible, right @lplucas? What are some of the things you struggle with as you transition from analog to digital? Tell us in the comments 👇🏼 #madewithwacom #digitalartist #digitalart #artistsoninstagram #artistlife #wacomtablet #wacomtips
1633 15
Você já pensou em se tornar um designer de joias?  Como parte do #CareerDevelopmentMonth, estamos entusiasmados em compartilhar algumas carreiras diversas entre os usuários da Wacom. ✍️ Conheça Quincy Vadan (@champagne_corpse), designer independente de joias e artista-proprietária da Vadan Jewelry. Quincy compartilha todo o processo de criação de uma coleção de cápsulas de três peças. Sua configuração, incluindo a Wacom #CintiqPro, possibilita que ele permaneça completamente independente e assuma o controle da grande maioria de seu processo criativo. Acesse o link na biografia para assistir ao vídeo completo! #Wacom #MadeWithWacom #WacomForEducation #Jewelry #JewelryDesigner #SilverJewelry #ConnectedInk #ConnectedInk2024
147 21
Inscreva-se em um incrível webinar GRATUITO AMANHÃ às 13h PST com o incrível @aaronblaiseart! ❄️🐻‍❄️🤍 Aprenda com um de nossos mentores de animação favoritos enquanto ele nos orienta no processo de criação de personagens animais incríveis, como o personagem principal de seu curta de animação, Snowbear.  Inscreva-se pelo link em nossa biografia ☝🏼 #wacomwebinar #wacomconnectedink #digitalart #artwebinar
568 10
Quer saber como criar licenças para sua arte? @zeythehuman explica como configurar facilmente licenças* no Wacom Yuify, garantindo que seu trabalho esteja protegido. Desde o uso de modelos até a personalização de seus próprios contratos, nunca foi tão fácil gerenciar seus direitos criativos. Pronto para proteger sua arte? 🔑 Registre-se gratuitamente em Yuify.com. *O licenciamento Yuify está disponível apenas em regiões selecionadas e pode exigir acordos adicionais para casos específicos não cobertos pelo License Builder. #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
112 1
Vamos nos aprofundar com @alexferreiraa para aprender como melhorar nossas poses usando o fluxo de trabalho #WacomMovink e 2D para levá-las ao próximo nível. Confira o vídeo completo por meio do link em nossa biografia ou acesse o canal @animationflow .academy no YouTube.  #animationflow #madewithwacom #characteranimation
311 4
Procurando um presente que emocionará uma criança de 7 anos, um pai ou um colega de trabalho? 🎁 Dê a eles um #WacomIntuos! Perfeito para desenhar, animar, quadrinhos, retocar fotos e fazer anotações, é um presente que continuará sendo oferecido. Agora à venda na Wacom US estore 🏷️ #WacomSale
188 1
Quando a escritora e @verabee tinha um prazo de entrega se aproximando rapidamente, ela estava fora de casa e longe de sua configuração de trabalho habitual 😱 Entre no Wacom Movink, um visor com caneta verdadeiramente portátil e poderoso que ela poderia usar em qualquer lugar. Assista ao vídeo completo em nosso YouTube para ouvir sua análise completa de #WacomMovink e ver seu processo de ilustração pontual. E não deixe de conferir Return to Sender, que será publicado em 2025! #movink #creativeprofessionals #madewithwacom #creativesonthego #digitalart
157 0