Cómo cortar sprite sheets en Photopea para tus proyectos de Ren'Py

¡Hola, creadores de novelas visuales! Bienvenidos a la cuarta entrada de esta guía de Ren'Py en español. En el [post anterior] aprendimos a importar un segundo personaje y hacer que interactúe con otro, además de algunos consejos de indentación. Hoy nos enfocaremos en un paso esencial para preparar tus personajes: **cortar sprite sheets**. Usaremos Photopea, una herramienta gratuita en línea similar a Photoshop, para recortar sprites de manera manual o usando coordenadas. También te daré consejos para exportar imágenes en PNG con fondo transparente, cómo quitar fondos con la varita mágica, y qué resoluciones son ideales para Ren'Py. ¡Empecemos!

#### 1. ¿Qué es Photopea y por qué usarlo?

Photopea es un editor de imágenes gratuito que puedes usar directamente en tu navegador (no necesitas instalar nada). Es perfecto para editar sprite sheets porque tiene herramientas avanzadas como capas, selección y exportación. Visita [photopea.com] para empezar.

#### 2. Cortar sprite sheets de manera manual

Vamos a usar un sprite sheet como el que compartí anteriormente (una gatita con varias poses). Aquí te explico cómo recortar cada pose individualmente:

1. Abre Photopea y sube tu sprite sheet: Haz clic en "File" > "Open" y selecciona tu archivo (p. ej., `gatita_spritesheet.png`).

2. Selecciona la herramienta de recorte ("Crop Tool", o presiona `C`): En la barra lateral, es el ícono que parece un cuadrado con líneas diagonales.

3. Ajusta el área de recorte: Haz clic y arrastra para seleccionar una pose (p. ej., la primera pose de Gatita de pie). Asegúrate de incluir un poco de espacio alrededor para que no se corte nada importante.

4. Recorta la imagen: Presiona `Enter` para recortar.

5. Repite para cada pose: Usa "Edit" > "Undo" para regresar al sprite sheet completo y repite el proceso para cada pose.

#### 3. Cortar sprite sheets usando coordenadas (método más rápido)

Si tu sprite sheet tiene poses organizadas en una cuadrícula (como el de Gatita, con filas y columnas), puedes usar la herramienta "Slice" para cortar por coordenadas.

1. Abre tu sprite sheet en Photopea.

2. Selecciona la herramienta "Slice Tool" (está en la misma barra que la Crop Tool, o presiona `C` y cámbiala en la barra superior).

3. Divide el sprite sheet en una cuadrícula: Haz clic en "Slice" > "Divide Slice" y configura el ancho y alto de cada sprite. Por ejemplo, si cada pose de Gatita mide 200x400 píxeles, ajusta esos valores.

   - Para el sprite sheet de Gatita, hay 5 poses por fila y 2 filas. Divide en 5 columnas y 2 filas.

4. Exporta los sprites: Ve a "File" > "Export As" > "PNG". Photopea generará una carpeta con cada sprite recortado automáticamente (p. ej., `gatita_01.png`, `gatita_02.png`, etc.).

#### 4. Exportar imágenes en PNG con fondo transparente

Para que los sprites se vean bien en Ren'Py, deben tener fondo transparente.

1. Después de recortar un sprite, asegúrate de que el fondo sea transparente (deberías ver un patrón de tablero de ajedrez gris y blanco).

2. Ve a "File" > "Export As" > "PNG".

3. En la ventana de exportación, asegúrate de que la opción "Transparency" esté marcada.

4. Guarda la imagen con un nombre claro, como `gatita_stand.png`.

#### 5. Quitar el fondo con la varita mágica

Si tu sprite sheet tiene un fondo de color sólido (como el gris del ejemplo), puedes quitarlo con la "Magic Wand Tool".

1. Selecciona la "Magic Wand Tool" (ícono de varita en la barra lateral, o presiona `W`).

2. Haz clic en el fondo (p. ej., el área gris). Ajusta la "Tolerance" en la barra superior si no selecciona todo el fondo (prueba con un valor entre 20 y 50).

3. Presiona `Delete` para eliminar el fondo. Deberías ver el tablero de ajedrez (fondo transparente).

4. Recorta y exporta como PNG con transparencia, como se explicó antes.

#### 6. Resoluciones recomendadas para Ren'Py

Ren'Py tiene una resolución base por defecto de **1280x720 píxeles** (720p), pero puedes ajustarla según tu proyecto. Aquí van algunas recomendaciones:

- **Fondos**: Usa imágenes de 1280x720 píxeles para que encajen perfectamente. Si tu fondo es más grande (p. ej., 1920x1080), Ren'Py lo ajustará, pero podría verse distorsionado.

- **Sprites**: Los sprites deben ser proporcionales al fondo. Un sprite de cuerpo completo debería medir entre 400 y 600 píxeles de alto (dependiendo de su diseño). Por ejemplo, Gatita mide aproximadamente 400 píxeles de alto en el sprite sheet, lo cual es ideal.

- **Ajustar la resolución del proyecto**: Si quieres usar otra resolución (como 1920x1080), edita el archivo `options.rpy` en tu proyecto y cambia las líneas:

  ```

  define config.screen_width = 1920

  define config.screen_height = 1080

  ```

#### 7. Recursos para esta entrada

Por ahora, no incluiré imágenes debido a problemas técnicos, pero puedes descargar el sprite sheet de Gatita que usé como ejemplo en los posts anteriores. Si tienes el archivo, practica cortándolo con Photopea.

#### ¡Tu turno!

Abre Photopea y prueba a cortar un sprite sheet. ¿Lograste exportar un sprite con fondo transparente? ¿Qué resolución elegiste para tu proyecto? Déjame un comentario con tus resultados.