Todo sobre el mundo del pixel

Freak Pixel art es un blog para los amantes del pixel y para la gente que se está iniciando en la creación de obras en este estilo.
Me gusta compartir los mejores tutoriales, las mejores aplicaciones y los grandes artistas del pixel art.

About

fotoHello, my name is Lydia Perán. I'm a 40 year old self-employed Pirate from the Caribbean.

domingo, 29 de mayo de 2016

Cómo configurar Photoshop para Pixel Art


Hace poco empecé en este mundillo de Pixel art.
Me leí unos pocos tutoriales y me animé a probar.
El primer programa que usé durante un tiempo fue el Paint de toda la vida pero se me quedó corto rápido porque quería usar capas e intentar realizar una pequeña animación.

En Internet hay muy buenas guías sobre cómo configurar el Photoshop para dibujar Pixel art pero me he animado a coger lo mejor de ellas y juntarlo en una (y seguro que no es del todo perfecta aún).


¿Qué tamaño de lienzo uso?

Bien, al crear un nuevo documento debemos trabajar a un tamaño pequeño de píxeles y a una resolución de 72 píxeles por pulgada.
tamaño imagen pixel
Clic para ampliar y ver con más resolución


El tamaño que elijas podrás ampliarlo pero si lo creas a gran tamaño desde un principio, después no podrás reducirlo porque eliminará los píxeles sobrantes (en otro tutorial mostraré cómo escalar tu dibujo).

No es correcto encoger un dibujo a pixel.

¿Qué valores por defecto debo usar en las preferencias?

Después vamos a las Preferencias generales de Photoshop para establecer una serie de valores por defecto. De este modo, siempre que abramos un documento, lo hará tal y como indiquemos en los siguientes pasos.
Edit > Preferences > General (Ctrl+K) y selecciona Nearest Neighbor para Image Interpolation.
Editar > Preferencias > General: Interpolación de imagen: Por aproximación (conserva los bordes definidos)

interpolacion pixelart
Interpolación, Clic para ampliar.


Aquí podemos ver un ejemplo práctico sobre aumentar una imagen con los distintos tipos de interpolación:

tipos interpolacion
Clic para ampliar y ver con más resolución los tipos de interpolación



Ahora configuramos una cuadrícula con todos los valores a 1 (en algunos tutoriales te dicen que a 4). Personalmente, opino que este paso es opcional, al menos yo prefiero dibujar sin cuadrícula.

configurar cuadricula pixel-art
Mostrar cuadrícula. Clic para ampliar.



¿Cómo muestro la cuadrícula?

Para mostrar la cuadrícula: View > Show > Grid
Ver > Mostrar > Cuadrícula

Cuadrícula para quien le sea de ayuda.




¿Qué valores debo usar en las herramientas?

Ahora configuramos las herramientas:
Usa el lápiz a tamaño 1

lapiz pixel art
Tamaño del lápiz



Goma de borrar en modo Cuadrado

Goma Cuadrada



Por si algún casual fueras a usar la varita mágica, desactiva la opción Anti-alias

varita magica dibujo pixel
Varita mágica



En selección de rectángulo pon el Feather a 0px

seleccion dibujo sin bordes
Feather



Igual en la herramienta lazo poligonal: Feather a 0px y opción Anti-alias desactivada

selección dibujo pixelart
Feather




Ver el dibujo al completo en otra ventana mientras estoy trabajando en él

Otra herramienta útil para el diseñador de pixel art, es la opción ventana nueva en la que podrás ver el dibujo que estás realizando al tamaño original mientras editas en tu lienzo al nivel de zoom que elijas. Window > Arrange > New window for... Ventana > Organizar > Nueva ventana para...

Nueva Ventana de vista previa. Clic para ampliar.



trabajar con dos ventanas en Photoshop
Dos ventanas; una de ellas a tamaño original. Clic en la imagen para ampliar.



Y esto es todo lo necesario para empezar a trabajar en Pixel art. Espero que os sea de mucha ayuda y os anime a intentarlo. Os aseguro que es un mundo nuevo.
Si algún experto en la materia considera que me he dejado algo es bienvenido a comunicármelo estaré encantada de corregirlo y aprenderlo que sólo soy una principiante.
Si quieres saber cómo dibujar a estilo Pixel art en Adobe Illustrator visita: Cómo configurar Illustrator para crear Pixelart