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:

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

Saca el máximo partido a tu Wacom, con Pablo Muñoz Gómez - Consejo 5: Cómo utilizar el modo precisión

Saca el máximo partido a tu Wacom, con Pablo Muñoz Gómez - Consejo 5: Cómo utilizar el modo precisión

Comparación entre Affinity y Adobe para diseñar un marcapáginas, con Vivienne Le

Comparación entre Affinity y Adobe para diseñar un marcapáginas, con Vivienne Le

Saca el máximo partido a tu Wacom, con Pablo Muñoz Gómez - Consejo 4: Cómo crear un menú radial personalizado

Saca el máximo partido a tu Wacom, con Pablo Muñoz Gómez - Consejo 4: Cómo crear un menú radial personalizado

Finanzas con Klarma

Shop now pay later with Klarna.

Only on the US eStore.

Shop now>

Conecta con Wacom en las redes sociales

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
¿Has pensado alguna vez en convertirte en diseñador de joyas?  Como parte del #MesDelDesarrolloCarrera, nos complace compartir un puñado de carreras diversas entre los usuarios de Wacom. ✍️ Conoce a Quincy Vadan (@champagne_corpse), diseñador independiente de joyas y artista-propietario de Vadan Jewelry. Quincy comparte todo su proceso para crear una colección cápsula de tres piezas. Su configuración, incluida la #CintiqPro de Wacom, le permite seguir siendo totalmente independiente y hacerse cargo de la mayor parte de su proceso creativo. Visita el enlace en la biografía para ver el vídeo completo. #Wacom #HechoConWacom #WacomParaLaEducación #Joyería #DiseñadorDeJoyería #JoyeríaDePlata #ConnectedInk #ConnectedInk2024
147 21
¡Inscríbete en un increíble seminario web GRATUITO MAÑANA a la 1pm PST con el increíble @aaronblaiseart! ❄️🐻‍❄️🤍 Aprende de uno de nuestros mentores de animación favoritos mientras nos guía por el proceso de creación de asombrosos personajes animales como el protagonista de su corto animado, Snowbear.  Inscríbete a través del enlace en nuestra bio ☝🏼 #wacomwebinar #wacomconnectedink #digitalart #artwebinar
568 10
¿Quieres aprender a crear licencias para tus obras de arte? @zeythehuman te explica cómo configurar fácilmente las licencias* en Wacom Yuify, asegurándote de que tu trabajo está protegido. Desde utilizar plantillas hasta personalizar tus propios acuerdos, nunca ha sido tan fácil gestionar tus derechos creativos. ¿Listo para proteger tu arte?🔑 Regístrate gratis en Yuify.com *Las Licencias Yuify sólo están disponibles en determinadas regiones y pueden requerir acuerdos adicionales para casos específicos no cubiertos por el Creador de Licencias. #WacomYuify #Yuify #DerechosCreativos #GestiónDerechosDigitales
112 1
Vamos a sumergirnos con @alexferreiraa para aprender a mejorar nuestras poses utilizando la #WacomMovink y el flujo de trabajo 2D para llevarlas al siguiente nivel. Echa un vistazo al vídeo completo a través del enlace de nuestra biografía o dirígete al canal de YouTube de @animationflow.academy.  #animationflow #madewithwacom #animacióndepersonajes
311 4
¿Buscas un regalo que emocione a un niño de 7 años, a un padre o a un compañero de trabajo? 🎁 ¡Consígueles una #WacomIntuos! Perfecto para esbozos, animación, cómics, retoque fotográfico y toma de notas, es un regalo que seguirá dándose. Ya a la venta en la tienda de Wacom en EE.UU. 🏷️ #WacomSale
188 1
Cuando a la autora y @verabee se le acercaba una fecha límite, se encontraba fuera de casa y lejos de su configuración de trabajo habitual 😱 Entra en Wacom Movink, una pantalla lápiz realmente portátil y potente que podía utilizar en cualquier lugar. Mira el vídeo completo en nuestro YouTube para escuchar su reseña completa de #WacomMovink, y para ver su proceso de ilustración del spot. Y asegúrate de estar atento a Return to Sender, ¡que se publicará en 2025! #movink #creativeprofessionals #madewithwacom #creativesonthego #digitalart
157 0