Pixel Art en 1, 2, 3. / Pixel Art in 1, 2, 3

Pixel_art - Zoom

Revisando entre mis cosas viejas me encontre con unos Pixel Arts que habia hecho hace un tiempo y me entraron ganas de hacer un nuevo Avatar, asi que de paso e aprovechado para hacer un mini tutorial, sobre Pixel Art.

Reviewing between my old stuff I found some Pixel Arts that I had made a while ago and I wanted to make a new Avatar, then I think in exploit to make a mini tutorial about Pixel Art.

Como hacer Pixel_Art.
How to do Pixel_Art.
Primero que todo, necesitamos tener una idea y saber el dimensiones de nuestro pixel art, por lo tanto me parecio adecuado hacerlo con unas dimensiones de 100×100 Pixeles:

First of all, we need to have an idea and know the dimensions of our pixel art, so to my avatar I seemed appropriate to do with dimensions of 100 × 100 pixels:

Avatar - 100x100

Los Materiales que necesitaremos, no son cosa de otro mundo:
-Una Computadora.
-Un Lapiz.
-Una Hoja de Papel Milimetrico? En algunos lugares se puede comprar Papel Milimetrico ó Hojas de Cuadricula milimetrica el cual nos sera de mucha utilidad para nuestro Pixel Art…

The materials we need, there are not out of this world:
-One Computer.
-A pencil.
-A sheet of graph paper? In some places you can buy graph paper or millimeter grid sheets which will be of great use to our Pixel Art …

Papel Milimetrico

Tomamos el papel milimetrico y hacemos nuestro dibujo, como si estubieramos dibujando en una hoja de papel corriente, con la unica diferencia, de que debemos de tratar de que nuestro dibujo no se salga de las dimensiones que ya teniamos pensadas, en este caso, 100×100, Una vez listo el dibujo, lo que debemos pasar a hacer es simplemente, rellenar cuadritos, para que sepamos exactamente donde debe ir cada pixel, este paso es bastante trabajoso, pero si querias hacer pixel art, creo que deberias de saber que es un trabajo que requiere mucha paciencia y dedicacion, al terminar quedaria algo como esto:

We take the graph paper and do our drawing, as if estubieramos drawing on a sheet of plain paper, with the only difference that we should try our drawing don’t go out of the dimensions that we already had thought, in this case, 100 × 100, drawing once ready, what we do is simply pass to fill the boxes to know exactly where have to go each pixel, this step is quite laborious, but if you wanted to make pixel art, I think you should know that is a job that requires a lot of patience and dedication, the end would be something like this:

Pixel_art - Pencil

Ahora para pasar nuestro Pixel Art, del mundo real al mundo virtual, necesitaremos un editor de imagenes, esto ya esta a criterio de cada quien, pero en mi caso usare el GIMP, ya que este trae una opcion de rejilla la cual nos sera de mucha utilidad a la hora de dibujar digitalmente nuestro Pixel Art.

Now to spend our Pixel Art, from the real world to the virtual world, we will need an image editor, you can use anyone that you preffer, but in my case I will use the GIMP, as this brings a grid option that will be of very useful when drawing digitally our Pixel Art.

Para activar la rejilla, debes de ir al menu de: Vista, y activar la opcion llamada: Mostrar Rejilla, esto nos mostrara la rejilla, ahora nos vamos a menu de: Imagen\Configurar la rejilla, con lo cual les saldra la siguiente ventana:

To activate the Grid, you must go to menu: View, and select the option called: Show Grid, this will show the Grid, now we go to menu: Image \ Configure Grid, which will leave the following window :

Configurar la Rejilla

En mi caso, por Defecto el: Espaciado venia en 10×10 Pixeles, pero para nuestro pixel art, necesitamos cambiar su valor a 1×1 Pixeles, le damos aceptar y listo. A de quedar algo como esto:

In my case, the default: Spacing by 10×10 pixels, but for our pixel art, we need to change its value to 1×1 pixels, we accept and go. A look something like this:

Avartar 100x100 - rejilla

Una vez hecho esto, solo nos queda dibujar nuestro Pixel Art, creamos una capa nueva Transparente y tomando como referencia lo que dibujamos en el papel, nos fijamos bien en donde debemos de poner cada pixel y listo, con un poco de paciencia habremos terminado nuestro Pixel Art.

Once done, we can only we have to draw our Pixel Art, now create a new layer with transparent background and draw taking of reference that we have do it in the paper, we just only need to look closely at each pixel that we need put, and with a little patience we will have finished our pixel Art.

Pixel Art - Animacion Pixel_Art

Una vez terminado nos quedaria algo como esto:

Once completed we would have something like this:

Pixel Art - Rejilla

Ahora solo debemos guardarlo como .PNG ó .GIF y listo, ya lo podremos usar en donde queramos.

Now we just have to save it as .PNG or .GIF and ready, and we can use it wherever we want.

Avatar - Pidgin

5 Replies to “Pixel Art en 1, 2, 3. / Pixel Art in 1, 2, 3”

Leave a Reply

Your email address will not be published. Required fields are marked *