CÓMO CONVERTIR UNA IMAGEN EN PIXEL ART CON PHOTOSHOP (paso a paso)

¿Querés transformar una imagen normal en un estilo pixel art sin tener que dibujarla desde cero?

En este tutorial te explico cómo convertir cualquier imagen en pixel art con Photoshop, paso a paso y con explicaciones simples, basadas en la práctica.

Introducción

La idea de este tutorial surgió porque muchas veces hacer pixel art desde cero puede ser muy complicado, especialmente si no estás acostumbrado a trabajar con píxeles o no tenés una tableta de dibujo.
Por eso, en lugar de dibujar todo a mano, vamos a convertir una imagen ya existente en pixel art, usando herramientas y filtros de Photoshop.

El objetivo es conseguir un resultado limpio, con bordes definidos y sin perder el estilo clásico del pixel art.

1. Preparar la imagen

Abrí la imagen que quieras convertir.
Te recomiendo que sea una imagen con buen contraste y formas claras, porque los detalles muy pequeños se pueden perder al reducirla.

Veamos el tamaño original de la siguiente ilustración

Imagen original 2052x3362 

Un detalle importante es que la ilustración no deberá tener degradados las sombras en cell shading y los bordes lo mejor hecho posible.

Cell Shading en la imagen

El Line art debería ser del mismo color que la piel, a no ser que quieran un contorno negro pero se deberá corregir.

Imagen de ejemplo sin bordes negros reescalada

COLOCANDO FILTROS A LA IMAGEN EN PHOTOSHOP PARA CREAR UN PIXEL ART.

2. Cambiar el modo de color

Este paso es clave para controlar los colores que va a tener tu pixel art.

RGB vs. Color indexado

• El modo RGB (Rojo, Verde, Azul) es el estándar de cualquier pantalla. Sirve para fotos o ilustraciones con muchos tonos.
  Pero para pixel art no es lo ideal, porque genera una gran cantidad de colores y degradados suaves que rompen el estilo.

• En cambio, el modo Color indexado reduce la imagen a una paleta limitada de colores, lo que le da un aspecto más simple, limpio y similar a los gráficos retro.

Para cambiarlo en Photoshop:
Imagen → Modo → Color indexado.

Podés elegir la cantidad de colores (por ejemplo, 16, 32 o 64).
Cuantos menos colores, más “retro” se verá el resultado.

Una vez ya tenemos la imagen lo mas limpia posible, vamos a IMAGEN - MODO - COLOR INDEXADO (en el video digo RGB, esta mal, es INDEXADO)

Coloco los siguiente parámetros:

Colores puede variar a gusto, menos colores mas simple termina siendo la imagen.

3. Reducir el tamaño de la imagen

Ahora viene la parte más importante: escalar la imagen sin perder los píxeles.

Cuando cambies el tamaño, andá a:
Imagen → Tamaño de imagen.

Asegurate de activar la opción de mantener proporciones, y luego seleccioná en “Método de remuestreo” la opción Aproximación (Nearest Neighbor).

¿Por qué usar “Aproximación”?

Este método no mezcla los colores ni suaviza los bordes, sino que mantiene los píxeles exactamente como están.
Es perfecto para pixel art, porque conserva las líneas definidas en lugar de hacerlas borrosas como harían otros métodos (bicúbico o bilineal).

Reducí la imagen hasta un tamaño pequeño, por ejemplo 64x64 o 128x128 píxeles, según la cantidad de detalle que quieras conservar.

Luego que le damos OK a color indexado, vamos a cambiar el tamaño. En la barra de menú de photoshop vamos a IMAGEN - TAMAÑO DE IMAGEN y colocamos lo siguiente:

4. Ajustes finales

En este punto ya deberías tener una imagen pixelada, pero podés mejorarla un poco más:

• Bordes: reforzá manualmente algunas líneas principales para que el dibujo tenga más contraste.

• Colores: si hay tonos raros o degradados, podés reemplazarlos con el bote de pintura o con la herramienta “Lápiz” de 1 píxel.

• Fondo: podés aplicar el mismo proceso al fondo o directamente eliminarlo y dejar un fondo plano o transparente.

Ahora hacemos los mismos procemientos en el fondo

Consejos extra

• Evitá las imágenes con muchos degradados o sombras suaves; funcionan mejor las que tienen formas simples y colores planos.

• Cuantos menos colores uses, más auténtico se verá el estilo.

• Si querés lograr un aspecto similar al de consolas retro (NES, SNES, Game Boy), limitá la paleta a entre 4 y 16 colores.

• No uses filtros de suavizado o antialiasing: el pixel art se basa en bordes duros.

Más videos de como crear pixel art desde imagenes

En el siguiente caso, retamañé la imagen y fui redibujando... muy tedioso

En este video use PISKEL, la imagen ya estaba retamañada previamente, lo inserte en PISKEL y redibuje, el resultado excelente!, algún día dibujaré directo en pixel art.

Aqui te dejo una entrada con un listado de LOS MEJORES PROGRAMAS PARA HACER PIXEL ART

https://comocrearvideojuegos.blogspot.com/2016/01/pixel-art-proceso-listado-de-programas.html

Deja un comentario si el post te gustó!