Creando una hoja de sprites limpia

1

Tagged

Stats

5,139 visits, 5,717 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 25 Oct, 2013. Last updated 25 Feb, 2019

Hola a todos, este es mi primer tutorial asi que espero sea útil para los principiantes. Decidí escribir este tutorial debido al hecho de que yo consigo mis sprites de páginas por internet y siempre me encuentro que estan todos revueltos y tengo que organizarlos para poder trabajar con la increible función de Construct2 para importar lineas de sprites.

1. Consigue una hoja de sprite como la que esta aquí abajo. Como puedes ver las imagenes no estan alineadas y esto causa resultados indeseables cuando queremos trabajar con ellas cuando usamos la función de Construct2 que mencioné anteriormente.

2. Lo primero que tenemos que hacer es (yo uso Photoshop pero pueden usar el programa con el que esten más acostumbrados) definir las lineas de la cuadriculo que se mostrarán.

3. Define tus lineas de la cuadricula a cualquier tamaño que necesiten tus imagenes (el mio es de 50px).

4. Ahora solo mueve los sprites y colocalos en orden en sus pequeños espacios como se muestra en la imagen, haz ajustes cuando sea necesario. Una vez que hiciste eso puedes desactivar las lineas de la cuadricula.

5. Usando la herramienta Magic Eraser Tool, borramos el fondo rosa.

6. Guarda esto como un PNG ya que este formato permite transparencia en las imagenes (canal Alpha) para poder usarlo sin problema en Construct2.

7. Cuando importes tu hoja de sprite solo necesitas colocar el numero de imagenes que tienes de manera horizontal y verticalmente en sus respectivas cajas.

  • 0 Comments

Want to leave a comment? Login or Register an account!