neostalker

Hola foreros!

Hoy vamos a dar un paso más en nuestro viaje por el mundo del pixel art y aprenderemos a convertir una foto real en un dibujo pixelado. Como referencia vamos a utilizar una foto de una persona, que es probablemente lo más fácil y breve que podemos hacer. Una foto de un paisaje por ejemplo llevaría mucho tiempo y habría que gestionar mejor el uso del color, pero también podríamos usarla.

Vamos a usar una foto de una de mis actrices favoritas (puestos a dibujar, haremos algo que nos guste, ¿no? )



¡Y empezamos!

PASO 1

Lo primero que tenemos que hacer es decidir el tamaño de la foto que vamos a pixelar. Yo por ejemplo elegí un tamaño mediano, 96x96, para no tener que tirarnos un montón de tiempo pintando. Una vez decidido, con cualquier programa de edición gráfica redimensionamos la foto a las medidas adecuadas.

Deberíamos obtener algo así:



Recorté un poco la imagen original antes de redimensionarla, para aprovechar más el lienzo

PASO 2

Ahora debemos marcar con un color (oscuro preferentemente) el contorno de la imagen y algún elemento mayor como los ojos, el pelo, la nariz, la boca y la oreja. De esta manera tenemos ya una serie de zonas que empezar a colorear de la manera que hemos venido usando todo este tiempo.

Para hacer este trabajo más fácil vamos a utizar capas (Photoshop o Gimp permiten trabajar con ellas). ¿Por qué son necesarias? Pues por el sencillo hecho de que usando dos capas podemos realizar el contorno de la foto sin estropear la misma, lo que nos permite corregir errores de una manera más fácil. Si usais Photoshop CS, solo teneis que pulsar la combinación CTRL+SHIFT+N y ya teneis una capa nueva. Debeis llevarla al frente, es decir, hacer que su prioridad sea superior a la foto, si no quedará tapada y no veremos nada.



Para pintar sobre nuestra nueva capa solo hay que seleccionarla en la ventana de "Capas" y pintar en el lienzo.

También es buena idea reducir la opacidad de la foto un poco, así veremos mejor las líneas que estamos trazando.



Recordad que las imágenes corresponden al interfaz de Adobe Photoshop CS, para otros programas tendreis que buscaros un poco la vida

PASO 3

Una vez acabado el trabajo de perfilado ya solo queda pintar.



Para ello seguimos los pasos que ya conocemos, aunque como soy buena gente os pondré las imágenes del proceso, a modo de recordatorio

1) Rellenamos con los colores planos que nos gusten.



2) Damos sombras y luces de manera coherente, utilizando colores parecidos a los planos que usamos previamente.



3) Ahora nos centramos en los detalles menores, como los ojos o la boca.



4) Finalmente, añadimos los detalles a mayores que queramos, porque no tiene que quedar parecido a la foto que usamos de base, sino como nos guste a nosotros.



Yo la he acicalado con un abrigo de piel, una horquilla y unos pendientes de oro y un poco de maquillaje. Perfecta para ir a una fiesta elegante

Y aquí termina el tutoria de hoy. ¿Qué os ha parecido? ¿A que queda bastante bien?

Tamaño normal:



Tamaño duplicado:



Saludetes!

CONSEJO: No useis fotos muy complejas si no las vais a hacer muy grandes, pues con los reescalados se pierden muchos detalles que luego son casi imposibles de representar en pixel art.

PISTA: Si os lo permite vuestro programa de edición gráfica, utilizad el reescalado bicúbico, no por aproximación o bilineal. Por aproximación lo que hace es repintar la imagen usando los colores más cercanos a los que va eliminando (si se hace más pequeña la imagen) o a los que va creando (si se agranda), por lo que al final queda un desbarajuste importante de píxeles. El bilineal lo que hace es aplicar un filtrado que suaviza el pixelado, pero corremos el riesgo de perder detalles debido a que se pierde nitidez. El método bicúbico es un término medio que suele ser muy eficaz al redimensionar imágenes a la baja.