La herramienta:
Link a la Web
Adobe Photoshop es un editor de gráficos rasterizados desarrollado por Adobe Systems Incorporated. Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa literalmente "taller de fotos". La versión CS2 de la Suite fue liberada al público de manera gratuita el 1/07/13. Su descarga es libre y gratuita de manera oficial por lo que este Post no viola derechos de autor al ofrecer un link a la página oficial del propietario del software con su respectiva autoría.
Configuración especial de Photoshop:
Uno de los pasos más importantes es cambiar el tipo de interpolación de imagen que por defecto estará en "Bicubic".
Al cambiar el tamaño de una imagen Photoshop intentará reescalarla utilizando distintos métodos. El modo Bicubic intentará suavizar la pérdida de información de la imagen pero nos dará un aspecto emborronado, mientras que el método Nearest Neighbor nos dejará la imagen pixelada con las aristas sin disimular.
Para entenderlo mejor, una muestra gráfica:
Para el Pixel Art necesitamos que no se nos suavicen los bordes y que cuando utilicemos las herramientas de selección, el antialiasing no nos juegue malas pasadas por lo que iremos al menú "Edit > Preferences > General" y cambiaremos la interpolación a "Nearest Neighbor".
Creacion paso a paso del dibujo en Pixel Art:
Empecemos creando un nuevo documento en Photoshop en "File > New...".
Vamos a trabajar a nivel de pixel por lo que nuestro documento no necesita ser muy grande, pero lo importante de verdad es la resolución. Para ello la fijaremos en 72 dpi como se muestra en la imagen.
El fondo podemos dejarlo trasparente, pero en este ejemplo lo haremos en blanco (luego podemos cambiarle el color) para apreciar mejor los detalles.
Cuando ya lleves un tiempo dibujando probablemente no necesitarás una cuadrícula, pero para empezar es lo recomendable, sobretodo si quieres practicar copiando sprites ajenos (que es una muy buena manera de habituarse con el tema).
Para ello iremos a "Edit > Preferences > Grides, grid & slices". Y veremos una pantalla como esta.
Lo configuramos como en la imagen y damos OK.
En el apartado Grid (o rejilla), lo configuraremos como se muestra en la imagen. De esta forma, la rejilla se ajustará correctamente y tendremos una guía para dibujar.
Tenemos la rejilla configurada pero para mostrarla en pantalla la activaremos en el menú "View > Show > Grid".
Se nos mostrará en pantalla un lienzo cuadriculado como éste (recuerden ampliar con Zoom si es necesario).
Ahora estamos listos para comenzar a dibujar, seleccionaremos la herramienta lápiz a tamaño 1, y nos dispondremos a dibujar lo que queramos, en mi caso al mítico Mario Bros tomando como referencia el sprite original.
Ahora lo primero que se debe hacer para comenzar es abrir el archivo con Photoshop. No te preocupes, no se borralá el lienzo que creamos se abrirá en el mismo programa y quedará así.
Algo muy importante a la hora de dibujar el sprite es elegir el tamaño y la forma de la herramienta "Lápiz" que se selecciona de esta manera.
Colocamos que la forma de la brocha sea Cuadrada y el tamaño sea 4 en mi caso (pueden elegir distintos tamaños depende de lo que quieran hacer).
Ahora lo único que queda es empezar a pintar. Podemos ayudarnos (es necesario, obviamente) con las herramientas de "Gotero" y "Borrador" para poder copiar los colores y borrar respectivamente. Para la herramienta de "Borrador" es necesario que sea también cuadrada del mismo tamaño que nuestro Lápiz y lo configuramos de la misma manera.
Comenzamos a pintar hasta terminar el proceso y ver los resultado, en mi caso, el dibujo quedó así.
¡Luego lo guardas donde quieres y puedes usarlo para lo que quieras! En el caso que quieras que quieras guardar la imagen con un tamaño mayor a 100 píxeles, lo único que tienes que hacer es ir a "Image > Image Size..." y cambiar los valores.
¡Y eso es todo, ya eres un principiante en el mundo del Pixel Art!
Quiero dedicar este post a mi amigo virtual , un capo en el modelado 3D con excelentes post al respecto, denle un saludo y un follow de mi parte.
Aclaración: Todo el material publicado en el post forma parte de la entrada en el blog Configurar Photoshop para Pixel Art publicado por Toni de Pixels Mil, sus méritos a él.