Para comenzar usar Piskel, no tienes que estar registrado. Solo tienes que entrar en su web www.piskelapp.com y pulsar en “Create Sprite” 

 ¡Comenzamos a dibujar a nuestro Avatar!

En descargables encontrarás las plantillas de los diferentes avatares para que los tengas como muestra. En el video la hemos colocado a la izquierda para poder verla, pero tú la puedes imprimir si quieres. Nosotros vamos a dibujar el avatar de Hiro, pero tú puedes coger la que prefieras.

Coloca la plantilla en un lado de la pantalla, como hemos hecho nosotros o puedes imprimirla para tenerla a mano.
Lo primero que vamos a hacer es cambiar la resolución de nuestro lienzo, por defecto Piskel está configurado a 32x32 px, así que para que nuestro dibujo sea un poco más grande pondremos 64x64 px. Para eso tienes que hacer clic en el menú lateral derecho, en el icono de escalar que verás. Ahí cambia puedes cambiar el tamaño. No te olvides de pulsar “Resize”.

Piskel tiene varias herramientas para que poder hacer diferentes figuras: círculos, líneas, cuadrados y rectángulos… Vamos a comenzar dibujando un círculo. Elige el color de fondo que quieres para tu avatar y selecciona la herramienta “círculo” que está en el menú de la izquierda y el tamaño del punto que queremos dibujar. Desde la esquina superior izquierda de tu lienzo arrastra el ratón para dibujarlo.
Si tienes alguna duda, puedes ver el video.

NOTA: ¿Qué es la resolución?: La resolución es el tamaño en pixeles de una imagen en formato digital (El pixel es la unidad de medida para este tipo de imágenes)

 Seguimos con la herramienta “círculo”. Vamos a dibujar el círculo negro de dentro. Como ves, es un poco más ancho que el que hemos dibujado antes así que tenemos que cambiar el tamaño del pincel.

Pero primero, para poder manejar los distintos elementos de nuestro dibujo, tenemos que crear una capa nueva. En el lateral derecho verás una caja de herramientas, en la primera busca “Layers” y pulsa en el “+” para crear tu nueva capa.

Ahora sí, dibuja de la misma forma de antes el círculo negro, esta vez, más pequeño que el anterior. Si te queda descentrado, no pasa nada, puedes centrarlo con el botón de la derecha que encontrarás en “Transform”.

 Vamos a seguir dibujando más detalles de nuestro avatar, por cada uno de los detalles tenemos que crear una capa nueva. Recuerda que es pulsando en el “+” que está en “Layers”

Nosotros tenemos que dibujar de nuevo un círculo, está vez más pequeño todavía. Así que, adelante. ¡Ya tenemos el primero!
Ahora vamos a duplicarlo 2 veces y a recolocarlo, al lado del “+” hay un botón para duplicar la capa que tengamos seleccionada, así que solo es pulsar sobre ella y ¡voilà! Ya tenemos otro círculo exactamente igual. Repetimos otra vez lo mismo y los recolocamos a los lados del círculo original.

Para el siguiente paso, tenemos que tener un poco más de pulso ya que hay que dibujar a mano alzada. Así que coge la herramienta pincel y a dibujar. No olvides crear una “Layer” (o capa) nueva primero. 

 Ahora hay que hacer el resto… pero no te preocupes porque nos va a quedar exactamente igual que el primero. ¿Te acuerdas de que antes hemos duplicado el círculo? Pues ahora vamos a duplicar nuestra figura de la misma forma, pero además la vamos a voltear (hacer una copia en espejo). Solo tienes que seleccionar la capa y en el menú “Transform” pulsar sobre el botón en el que hay dos triángulos opuestos. ¡Has visto que fácil!

Para la parte de abajo haremos lo mismo, pero primero una vez duplicada la “Layer”, giraremos la figura con el botón de al lado. Mira el video para no perderte ningún paso.

 Ya tienes tu dibujo, pero… espera, lo ves como apagado ¿Verdad?
Esto es porque las capas-layers están medio “ocultas”. Para que se vea tu dibujo a todo color tenemos que marcar en cada capa el botón “Merge with layer below”

¡¡Y ya lo tienes!!

Estamos deseando ver tus resultados, puedes crear todos los avatares que quieras.

 Para conservar nuestro dibujo, tenemos varia opciones. Podemos guardarlo en la plataforma, para eso nos tenemos que haber registrado para conservarlo en nuestro perfil. Pero también podemos descargarlo a nuestro ordenador haciendo clic en el icono de “foto”. Nosotros lo descargamos en .png que es un formato de imagen que no tiene fondo para poder usarlo donde queramos.

¿A qué es chulo?