Turn a photo into an illustration with just one Photoshop filter

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

MaybeTal vez has estado utilizando Adobe Photoshop durante un tiempo, o tal vez estás comenzando. Existen muchas formas de realizar cada tipo de edición en el software, así como todo tipo de consejos, trucos y atajos para hacer las cosas de manera más simple y fácil. you’ve been using Adobe Photoshop for a while, or maybe you’re just getting started. There are many ways to do every type of edit in the software, as well as all kinds of tips, tricks, and hacks to do things more simply and easily.

¿Alguna vez has deseado tomar una fotografía tuya, de un amigo o ser querido, y convertirla en una ilustración genial, perfecta para un avatar en redes sociales o un retrato creativo? En este tutorial, Unmesh Dinda de PiXimperfect usará solo una herramienta, llamada “Recorte”, y en su mayoría ajustará solo un control deslizante, para convertir una foto suya en una ilustración de estilo vectorial. Echa un vistazo al video a continuación para el tutorial de Adobe Photoshop, o sigue leyendo para obtener un resumen de cómo lograr este efecto.


Encontrado en la Galería de Filtros, “Cutout” funciona como una versión avanzada del filtro “Posterizar” con tres controles deslizantes: Número de Niveles, Simplicidad del Borde y Fidelidad del Borde. Estos determinan la cantidad de detalle y la suavidad de los bordes.

Paso 1: Objetos Inteligentes

Después de abrir la imagen de origen, lo primero que hace Dinda es duplicar la capa de la imagen, luego va al menú Filtro y selecciona “Convertir en Filtro Inteligente”, convirtiendo la nueva capa en un Objeto Inteligente. Para aquellos menos familiarizados con Adobe Photoshop, esto convierte la capa en un “archivo dentro de un archivo”: para editarlo, lo abres en una nueva ventana, luego lo guardas y 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 automáticamente como un Filtro Inteligente, lo que significa que también se puede ajustar en cualquier momento.

PiXimperfect Screentshot PixIllTut1

Paso 2: Aplicando el filtro “Cutout”

Consejo clave: Si la opción “Galería de Filtros” está desactivada, es porque tu imagen está en formato de 16 o 32 bits, pero la “Galería de Filtros” solo se puede aplicar a imágenes en formato de 8 bits. Puedes convertir tu imagen a 8 bits yendo a “Imagen > Modo” en la barra de menú y seleccionando 8 bits.

Al abrir la “Galería de Filtros”, encontrarás “Cutout” en la primera pestaña llamada “Artístico”. Una guía para sus controles deslizantes:

  • “Number of Levels” es el equivalente directo más cercano a “Posterizar”; divide tu imagen en secciones de colores planos.
  • “Simplicidad del Borde” es exactamente lo que suena. Dinda describe este control como “el juego principal”, convirtiéndolo en su herramienta principal para controlar la ilustración resultante.
  • “Fidelidad del Borde”, el tercer control deslizante, es en su mayoría un complemento para “Simplicidad del Borde”, controlando exactamente cuántos de los detalles finos de la imagen intenta preservar el filtro mientras aún reduce la cantidad de colores. Esto hace que las líneas del recorte sean más complejas y dentadas, aunque Dinda aconseja mantenerlo al mínimo para un aspecto de dibujo animado.
PiXimperfect Screentshot PixIllTut2

Paso 3: Superponiendo Recortes

Dinda continúa haciendo varias duplicaciones de la imagen con filtros Cutout aplicados a diferentes intensidades, desde una primera versión altamente abstracta, que enfatiza que deberías mantener lo más minimalista posible mientras aún capturas el parecido, hasta variantes más detalladas en segundo y tercer lugar.

Luego crea una máscara de capa en las últimas versiones, las borra para que ninguna de las capas sea visible, y con su tableta con lápiz Wacom Intuos Pro, pinta cuidadosamente en las máscaras para que las imágenes más detalladas solo sean visibles en las partes del rostro que quiere que sean más definidas.

Paso 4: Correcciones y Destacados con Pintura

Finalmente, crea una nueva capa Normal y utiliza un pincel de Tamaño Duro con Presión para pintar destellos en blanco y llevar la ilustración al siguiente nivel.

PiXimperfect Screentshot PixIllTut3

El resultado final es una composición de varias versiones de la misma imagen con diferentes ajustes de filtro “Cutout” aplicados, y una capa adicional para agregar destellos pintados a mano, pero se cohesiona perfectamente:

PiXimperfect Screentshot PixIllTut4

También utiliza esta técnica ampliamente en un tutorial relacionado, “Transformar Retratos en Personajes de GTA en Photoshop”, que demuestra un proceso muy similar, pero con más detalle y pasos adicionales. Así que échale un vistazo si quieres profundizar aún más.

Consejo adicional: Si tienes algo de experiencia en pintura digital y deseas que tus formas sean más limpias, también puedes utilizar el cuentagotas para seleccionar un color y luego utilizar un pincel de Borde Redondo Duro para rellenar los bordes dentados de las líneas.


CS Jones avatar

Acerca del autor

Cameron ‘C.S.’ Jones es un escritor e ilustrador con sede en West Philly que ha estado contribuyendo a Wacom durante tres años. Puedes ver más de su trabajo, incluyendo la mayoría de sus contribuciones a este blog, en thecsjones.com, o seguirlo en Instagram o Twitter.

Related posts:

Nueve grandes canales de YouTube para aspirantes a artistas de anime y manga

La guía completa de los pinceles de Adobe Photoshop, Parte 1: La barra de herramientas

Cómo Marco Bucci se convirtió en un artista profesional sin ir a la escuela de arte

Cómo diseñar personajes para animación: 3 consejos de un profesional, de School of Motion

Cómo diseñar personajes para animación: 3 consejos de un profesional, de School of Motion

Conéctese con Wacom en las redes sociales

Attention #LBX2023 attendees! ⁣
Stop by our selfie station today from 4:30-6pm at Booth 907 to help us  celebrate #40YearsofWacom! We're having a double party with @toonboomanimation so there will be cupcakes and a chance to win some Wacom gear. Don't miss it! @lightboxexpo⁣
#WacomEvents #WacomNews ⁣
134 3
Dark looking Decatty by @tyler_grayson_ellis. 🐾📍⁣
Ty has an awesome line of odd and eerie renditions of Pokemon we encourage you to check out on his page! ⁣
#MadewithWacom #digitalart #art #illustration #Pokemon #fanart #FanartFriday
735 4
Attention #LBX2023 attendees! ⁣
 ⁣
Please join us for a double celebration recognizing @toonboomanimation 30th Anniversary and Wacom’s 40th anniversary! 🥳🍾🎉⁣
 ⁣
When? Friday October 27th / 4:30 – 6:00 pm⁣
Where? Lightbox Expo Exhibit Hall at Wacom Booth 907 & Toon Boom Booth 914!⁣
 ⁣
Grab a cupcake, take a photo with the first Wacom tablet, demo Harmony 22, and dance to your favorite 80s and 90s hits.⁣
See you at @@lightboxexpo!⁣
⁣
#WacomNews #WacomEvents @lightboxexpo #40yearsOfWacom
132 0
With Blender, Photoshop, and their Wacom tablet artist @nasser_box creates abstract, surreal art that gives us that creeping chill that reminds us that Halloween is quickly approaching. 😈👻😨⁣
⁣
#MadewithWacom #digitalart #art #3Dmodel #3Dart #Halloween #monster
873 7
The secret workout routine of digital artists 🏋️‍♂️💪

We are getting fit with this amazing exercises #MadewithWacom by @emma.ae ❤️

#Cintiq16 #MadewithWacom
1554 7
Serene studying session with a witch and her adorable companions. 📖😌✨⁣
⁣
This botanical library scene was illustrated by @artofmaxinevee, expert in quaint, fantasy artwork! 🌱🧙‍♀️⁣
⁣
#MadewithWacom #digitalart #art #Halloween #witch
1219 2
This error message is only visible to WordPress admins
There has been a problem with your Instagram Feed.