Facebook Twitter RSS Reset

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

¡Aprendé a hacer Pixel Art fácil desde cero con este post!
¡Aprendé a hacer Pixel Art fácil desde cero con este post!
¡Aprendé a hacer Pixel Art fácil desde cero con este post!
pixel art
La herramienta:

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

mario bros

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:

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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”.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

Creacion paso a paso del dibujo en Pixel Art:

Empecemos creando un nuevo documento en Photoshop en “File > New…”.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

Lo configuramos como en la imagen y damos OK.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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).

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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í.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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).

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

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.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

Comenzamos a pintar hasta terminar el proceso y ver los resultado, en mi caso, el dibujo quedó así.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

¡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.

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

¡Aprendé a hacer Pixel Art fácil desde cero con este post!

¡Y eso es todo, ya eres un principiante en el mundo del Pixel Art!

arte
Quiero dedicar este post a mi amigo virtual @Sebasthian1989, un capo en el modelado 3D con excelentes post al respecto, denle un saludo y un follow de mi parte.

games
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.

gamer

¡Aprendé a hacer Pixel Art fácil desde cero con este post!GIF

¡Aprendé a hacer Pixel Art fácil desde cero con este post!GIF

No comments yet.

Leave a Comment