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:

Obi Arisukwu’s 5-Step Digital Painting Process on Wacom Cintiq Pro 22

Obi Arisukwu’s 5-Step Digital Painting Process on Wacom Cintiq Pro 22

Como cortar o cabelo de um plano de fundo ocupado no Adobe Photoshop, com o PiXimperfect

Como cortar o cabelo de um plano de fundo ocupado no Adobe Photoshop, com o PiXimperfect

Speeding Up Your Workflow with Digital Ink

Speeding Up Your Workflow with Digital Ink

How to create stunning 8-bit pixel art masterpieces, with Killer Rabbit Media

How to create stunning 8-bit pixel art masterpieces, with Killer Rabbit Media

Conecte-se com a Wacom nas mídias sociais

Remember when @thebunbunshopofficial made us a sweet Valentine's postcard on her Wacom Cintiq 🐇🎈🩷 🌹💘 This Valentine’s Day, skip the store-bought and get creative! Whether it's a hand-drawn sketch, a digital masterpiece, or a heartfelt design, crafting something unique shows how much you truly care. Not only will you save money, but you’ll also prove that artists are the ultimate romantics. 💖✨ So, what are you creating for someone special this year? Share your creations with us! #madewithwacom #ValentinesDayArt #WacomLove
188 1
Kicking off Black History Month with @imjoshualeonard 🙏 Check out his full character design tutorial on YouTube. (Head to our stories 👆) Joshua is an incredible character designer, 2D animator, and concept artist on a mission to create diverse, inclusive, and impactful characters that challenge stereotypes. This month, let's come together to celebrate and uplift Black artists worldwide, shining a light on their talent, creativity, and contributions. 🥊❤️‍🔥 #blackhistorymonth #blackartist #blackartmatters #madewithwacom
166 35
Sometimes a little change of scenery is all you need to get creative. ⁣ Gather your things (don't forget that tablet 😉) and step outside 🎒⁣ What do you carry in your bag when when you're whipping up magic on the move? ⁣ #CreativesOnTheGo #WacomMovink #CreativeProfessionals ⁣
135 1
Picture the café you ducked into after an art show,⁣ or the library where you dove into research.⁣ Maybe it's the bed you sank into to take a breather.⁣ Then, in a moment of inspiration, you grab your Wacom #Movink and make it happen, the idea flowing before it slips away. 🍂🌬️🪁📕✍️⁣ ⁣ #CreativesOnTheGo #WacomMovink #CreativeProfessionals
152 1
Get lost in the details like @danidiamondphotography 📷☕🔍 Experience color like never before with the Wacom Cintiq Pro 27! With 99% Adobe RGB, 98% DCI-P3, and over 1 billion colors, your photos will pop with incredible accuracy. 🎨 Plus, with HDR Gamma support, stunning 4K resolution, and a smooth 120Hz refresh rate, your photo editing sessions will feel more immersive than ever. 😍 And with its ergonomic design, it’s the most comfortable way to edit for long hours without any strain. #wacomworkspace #CintiqPro27 #wacomcintiqpro #photoediting #retouching #photography
737 5
Today we celebrate the 𝐍𝐚𝐭𝐢𝐨𝐧𝐚𝐥 𝐇𝐚𝐧𝐝𝐰𝐫𝐢𝐭𝐢𝐧𝐠 𝐃𝐚𝐲 🤩! Ever wished you could learn calligraphy? We asked @afinkandink to teach us some basics to get you started. ✏️✒️🖊️✍️🖋️ Doesn't she make it look so easy? #nationalhandwritingday #Handwriting #DigitalInk #DigitalPen #WacomPen #calligraphy #creativelettering #lettering #moderncalligraphy #madewithwacom
152 6
Calling all newbies! 📣📣📣 Try these three exercises to help you master your digital pen ✍️ #Wacom #WacomTips #wacomtablet #drawingtips #drawingtablet #digitalart #wacompen #wacomintuos #wacomintuospro
586 14
Today, we lift our heads high and draw one another in even tighter. 🤲🥹⁣ ⁣ We extend our deepest sympathies to all those enduring the aftermath of the distressing fires in Los Angeles. The sorrow wrought by this tragedy is close to our hearts, and in this time of trial, we embrace our community with unwavering support.⁣ ⁣ Art by the wonderful @yingshiart ⁣ ⁣
847 6
Change is scary sometimes. It also requires time. 🫠 For @adam_theillustrator, it took some time to switch the mouse over a stylus, but he never looked back. 💪 Do you remember what it was like for you? How many tries did it take you to master drawing with a tablet? What advice do you have for new users? #wacomtablet #wacomintuospro #digitalartist #digitalart #wacom #wacompen
2142 65
Time flies when you're absorbed in the details, hyper focusing on every stroke and thinking about every line. 👀🤓🧐🔍🐲 Love seeing @andrezgalviz_art taking advantage of his beautiful Cintiq Pro 24 canvas to sculpt for hours. #madewithwacom #Wacomworkspace #wacomcintiq #CintiqPro #3dmodeling #3dsculpting #3dart
1085 10
Don't mind us, we're out here mesmerized watching @andreaalice.nz make petals 🌺🌸💜🖌️ What beautiful things are you making today? Tag us #MadeWithWacom Now go feast your eyes and check out Andrea's stunning botanical prints. #creativeprofessionals #digitalart #artistsoninstagram
392 8