Convierte una foto en una ilustración con un solo filtro de Photoshop

Convierte una foto en una ilustración con un solo filtro de Photoshop, con PiXimperfect

25 de abril de 2023

Quizá lleves un tiempo utilizando Adobe Photoshop, o quizá estés empezando. Hay muchas formas de hacer cualquier tipo de edición en el software, así como todo tipo de consejos, trucos y hacks para hacer las cosas de forma más sencilla y fácil.

¿Alguna vez has querido tomar una fotografía tuya, o de un amigo o ser querido, y convertirla en una ilustración chula, perfecta para un avatar de perfil de redes sociales o un retrato creativo? En este tutorial, Unmesh Dinda de PiXimperfect utilizará una sola herramienta -llamada Recorte- y sobre todo ajustando un solo deslizador, para convertir una foto suya en una ilustración de estilo vectorial. Mira el vídeo de abajo para ver el tutorial de Adobe Photoshop, o sigue leyendo para ver un resumen de cómo conseguir el efecto.



Situado en la Galería de Filtros, Recortar funciona como una versión avanzada del filtro Posterizar, con tres deslizadores: Número de Niveles, Simplicidad de los Bordes y Fidelidad de los Bordes. Éstas dictan la cantidad de detalles y la suavidad de tus bordes.

Paso 1: Objetos inteligentes

Tras abrir la imagen de origen, lo primero que hace Dinda es duplicar la capa de la imagen, luego ir al menú Filtro y seleccionar "Convertir para Filtros Inteligentes", convirtiendo la nueva capa en un Objeto Inteligente. Para los menos familiarizados con Adobe Photoshop, esto convierte la capa en un "archivo dentro de un archivo": para editarla, la abres en una ventana nueva, luego la guardas y la cierras cuando hayas terminado, como si fuera un proyecto diferente. Esto te permite crear composiciones más complejas que incluyan varias imágenes más pequeñas, manteniéndolas todas editables. Cualquier filtro aplicado a un Objeto Inteligente se aplica naturalmente como Filtro Inteligente, lo que significa que también puede ajustarse en cualquier momento.

PiXimperfect Captura de pantalla PixIllTut1

Paso 2: Aplicar el filtro Recorte

Consejo clave: Si la opción Galería de filtros aparece en gris, es porque tu imagen está en 16 o 32 bits, pero la Galería de filtros sólo puede aplicarse a imágenes en 8 bits. Puedes convertir tu imagen a 8 bits yendo a Modo Imagen > en la barra de menús y seleccionando 8 bits.

Al abrir Galería de filtros, encontrarás Recorte en la primera pestaña, Artística. Una guía de sus deslizadores:

  • Número de Niveles es el equivalente directo más cercano a Posterizar; corta tu imagen en secciones de colores planos.
  • Simplicidad en los bordes es exactamente lo que parece. Dinda describe éste como "el juego principal", convirtiéndolo en su herramienta principal para controlar la ilustración de salida.
  • La Fidelidad de los bordes, el tercer deslizador, es sobre todo un complemento de la Simplicidad de los bordes, ya que controla exactamente la cantidad de detalles finos de la imagen que el filtro intenta conservar sin dejar de reducir el número de colores. Sin embargo, esto hace que las líneas del recorte sean más complejas e irregulares, por lo que Dinda aconseja mantenerlas al mínimo para conseguir un aspecto caricaturesco.
PiXimperfect Captura de pantalla PixIllTut2

Paso 3: Recortes por capas

Dinda pasa a hacer múltiples duplicados de la imagen con filtros de recorte aplicados a distintas intensidades, desde una primera versión muy abstracta, que subraya que debes mantener lo más reducida posible sin dejar de captar el parecido, hasta variantes segunda y tercera más detalladas.

Luego crea una máscara de capa sobre estas últimas, las limpia para que no se vea nada de la capa, y con su Wacom Intuos Pro pen tablet, pinta cuidadosamente sobre las máscaras para que las imágenes más detalladas sólo se vean en las partes del rostro que quiere que queden más definidas.

Paso 4: Pintar correcciones y reflejos

Por último, crea una nueva capa Normal y utiliza un pincel Tamaño Presión Redondo Duro para pintar resaltes en blanco y llevar la ilustración al siguiente nivel.

PiXimperfect Captura de pantalla PixIllTut3

El resultado final es un compuesto de varias versiones de la misma imagen con diferentes ajustes del filtro Recorte aplicados, y una capa adicional para añadir reflejos pintados a mano, pero tiene una coherencia perfecta:

PiXimperfect Captura de pantalla PixIllTut4

También utiliza ampliamente esta técnica en un tutorial relacionado, Transformar retratos en personajes de GTA en Photoshop, que muestra un proceso muy similar, pero con más detalles y pasos adicionales. Así que compruébalo si quieres profundizar más.

Consejo extra: Si tienes un poco de experiencia en pintura digital y quieres que tus formas queden más ordenadas, también puedes aplicar un color con cuentagotas y luego utilizar un Pincel Redondo Duro para rellenar los bordes dentados de las líneas.


CS Jones avatar

Sobre el autor

Cameron "C.S." Jones es un escritor e ilustrador afincado en West-Philly que colabora con Wacom desde hace tres años. Puedes ver más de su trabajo, incluidas la mayoría de sus contribuciones a este blog, en thecsjones.com, o seguirle en Instagram o Twitter.

Entradas 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

Cómo recortar el pelo de un fondo recargado en Adobe Photoshop, con PiXimperfect

Cómo recortar el pelo de un fondo recargado en Adobe Photoshop, con 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

Conecta con Wacom en las redes sociales

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
165 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