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 5: How to use ‘Precision Mode’

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 5: How to use ‘Precision Mode’

Comparing Affinity vs. Adobe for designing a bookmark, with Vivienne Le

Comparing Affinity vs. Adobe for designing a bookmark, with Vivienne Le

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 4: How to Create Custom Radial Menus

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 4: How to Create Custom Radial Menus

Etherington Bros' Comics Crash Course #5: Concepts art

Etherington Bros' Comics Crash Course #5: Concepts art

Conecte-se com a Wacom nas mídias sociais

Brushstrokes, along with subject matter, color and types of media, often identify the author of a piece without a signature or overt documentation. 🖌️ The same concept applies to digital art. With Yuify, you can embed your authorship in your work, while allowing for hassle-free licensing and easy collaboration. ⁣ ⁣ Join the Wacom team for a look at Yuify, including the steps for registering artwork with your unique proof of creation, retrieving and identifying the creators of pieces of art and creating and honoring licenses that you have chosen.⁣ ⁣ Register via the link in bio. ☝️⁣ ⁣ #Wacom #WacomYuify #Yuify #creativerights
94 0
Register for an amazing FREE webinar TOMORROW at 1pm PST with the amazing @aaronblaiseart! ❄️🐻‍❄️🤍 Learn from one of our favorite animation mentors as he walks us through the process of creating amazing animal characters like the main character of his animated short, Snowbear.  Sign up through the link in our bio ☝🏼 #wacomwebinar #wacomconnectedink #digitalart #artwebinar
518 10
Want to learn how to create licenses for your artwork? @zeythehuman walks you through how to easily set up licenses* in Wacom Yuify, ensuring your work is protected. From using templates to customizing your own agreements, it has never been easier  to manage your creative rights. Ready to protect your art?🔑 Register for free at Yuify.com ‌ *Yuify Licensing is only available in selected regions and may require additional agreements for specific cases not covered by the License Builder. #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
107 1
Let's dive in with @alexferreiraa to learn how to improve our poses using the #WacomMovink and the 2D workflow to push them to the next level. Check out the full video through the link in our bio or head to @animationflow.academy YouTube channel.  #animationflow #madewithwacom #characteranimation
285 4
Looking for a gift that will thrill a 7-year-old, a dad, or a co-worker? 🎁⁣ Get them a #WacomIntuos!⁣ ⁣ Perfect for sketching, animation, comics, photo retouching, and note-taking, it's a gift that will keep on giving. ⁣ ⁣ Now on sale on the Wacom US estore 🏷️⁣ #WacomSale
165 1
When author and @verabee had a fast deadline approaching, she was away from home and away from her usual work setup 😱 Enter Wacom Movink, a truly portable and powerful pen display she could use anywhere. Watch the full video on our YouTube to hear her full #WacomMovink review, and to see her spot illustration process. And make sure to look out for Return to Sender, publishing in 2025! #movink #creativeprofessionals #madewithwacom #creativesonthego #digitalart
154 0
@zeythehuman reminds us that sharing your art with the world is essential, but so is protecting it. Yuify helps artists safeguard their work and identity, so you can showcase your creativity without worry. 🔒 Want to know how to protect your art? Visit Yuify.com for more info. Now available for @clipstudioofficial #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
130 6
Let's create a little magic this season...❄️🪄💜⁣ Art by the one and only @aaronblaiseart⁣ #animation #madewithwacom #aaronblaise #snowbear
1418 6
✍🏻 A caneta principal para a melhor sensação A Wacom Pro Pen 3 não é um design genérico destinado a todos. Em vez disso, é o companheiro definitivo para profissionais criativos e promete a melhor experiência com a caneta. A Wacom está comprometida com sua reivindicação de "oferecer a melhor experiência com caneta" e não mede esforços para cumprir essa promessa. Projetada para oferecer adaptabilidade e precisão, a Wacom Pro Pen 3 oferece opções de personalização inigualáveis, tornando-a uma ferramenta essencial para profissionais de arte digital, design e muito mais. Descubra como a Pro Pen 3 está redefinindo as possibilidades criativas. Link na biografia. #PrideOfWacom #WacomProPen3 #digitalink
243 15
👻 Você não pode fugir nem se esconder desses pesadelos digitais 🏃🏻😅 Adicione o seu nos comentários abaixo ⬇️ #HappyHalloween #WacomMovink
495 10
🎥 Tutorial: Como criar uma exportação no Wacom Yuify Pronto para levar seus projetos criativos ao próximo nível? Junte-se à artista Zeynep Alpay @zeythehuman enquanto ela mostra as etapas simples para exportar seu trabalho na Wacom Yuify! Se você está trabalhando em ilustrações ou designs detalhados, saber exportar sem problemas é essencial. 💼✨ Assuma o controle de seus direitos digitais com essas dicas fáceis de seguir e aproveite ao máximo o #WacomYuify! Registre-se gratuitamente em Yuify.com #Yuify #DigitalRightsManagement #CreativeRights #MadeWithWacom
87 1