# Slices Marca regiones con nombre de un sprite para exportar, para motores de juegos y para escalado 9-slice, con un pivote y cambios por fotograma. _Los atajos están escritos para Windows y Linux. En un Mac, usa ⌘ Cmd donde dice Ctrl y ⌥ Option donde dice Alt._ Un **slice** es un rectángulo con nombre sobre el sprite: el área de un botón, la hitbox de un personaje, la parte de una hoja que un juego debe recortar. Los slices no contienen píxeles, así que dibujar nunca los cambia. Se guardan con el sprite, se escriben en los archivos de Aseprite y en los datos de las hojas de sprites, y un motor de juegos puede leerlos desde ahí. Un slice también puede llevar un **centro 9-slice**, para arte que se estira sin deformar sus esquinas, y un **pivote**, un punto que el juego trata como el origen del slice. ![Un botón verde de juego en el lienzo con dos slices: Button, seleccionado, con ocho tiradores, líneas punteadas de 9-slice y una cruz de pivote en su borde inferior, y un slice Icon con línea discontinua alrededor de la estrella del centro](https://pxstud.io/manual/images/guides/slices-canvas.light.webp) _Un 9-slice seleccionado con un pivote, y un segundo slice dentro_ ## Crear un slice Elige el Slice (`Shift+C`) y arrastra en un lugar vacío del lienzo, de una esquina a la opuesta; un contorno discontinuo lo muestra mientras arrastras. Mantén `Shift` para hacerlo cuadrado. El slice nuevo se llama "Slice 1", "Slice 2" y así sucesivamente, y queda seleccionado, listo para ajustarlo. Cada slice se dibuja en el lienzo como un contorno discontinuo con su nombre, sea cual sea la herramienta que uses. Un slice con un color en sus datos de usuario (abajo) se perfila con ese color; los demás reciben colores propios por turnos, para distinguir fácilmente a los vecinos. Con **Ajustar a la cuadrícula** (`Shift+S`) activado, los bordes de los slices se ajustan a la cuadrícula del documento, tanto al crear un slice como al arrastrarlo. Con **Ajustar a las guías** (`Ctrl+Shift+;`) activado, crear, mover y cambiar el tamaño de slices, y mover sus líneas de 9-slice y sus pivotes, también se ajusta a las [guías](https://pxstud.io/es/docs/manual/guides/selection.md#rulers-and-guides) cercanas (un slice movido cae en el borde que esté más cerca). ## Auto-slice Para cortar una hoja de sprites o un conjunto de iconos en slices de una sola vez, elige Sprite > Auto-slice.... Añade un slice alrededor de cada región pintada separada, buscadas en las capas visibles del fotograma o solo en la celda activa. Los píxeles que se tocan por una esquina cuentan como una sola región. Define: - **Distancia de unión:** las regiones cuyos cuadros delimitadores están a esta cantidad de píxeles o menos (o se solapan) forman un solo slice. 0 conserva todas las regiones separadas. - **Ancho mín.** y **Alto mín.:** las regiones más pequeñas se omiten. El diálogo muestra cuántos slices añadirá. Se llaman "Slice 1", "Slice 2" y así sucesivamente, de arriba abajo y luego de izquierda a derecha, después de los slices que ya tienes, y toda la tanda es un solo paso de deshacer. Cada uno se exporta como cualquier otro slice. ## Seleccionar, mover y cambiar el tamaño Con la herramienta Slice: | Para | Haz | | - | - | | Seleccionar un slice | Haz clic en él. Un slice seleccionado tiene un contorno continuo y ocho tiradores cuadrados. | | Seleccionar más de uno | `Shift`+clic o `Ctrl`+clic para añadir un slice a la selección o sacarlo de ella. | | Deseleccionar | Haz clic en un lugar vacío, o pulsa `Esc`. | | Mover | Arrastra dentro de un slice. Todos los slices seleccionados se mueven juntos. | | Cambiar el tamaño | Arrastra uno de los tiradores. | | Abrir sus propiedades | Haz doble clic en él. | Donde los slices se solapan, un clic elige el que se creó último. Cada arrastre es un solo paso de deshacer, sin importar cuántos slices haya movido. ## Centro 9-slice Un slice **9-slice** se divide en una cuadrícula de nueve partes mediante su rectángulo de **centro**. Cuando el arte se estira (un botón o el marco de un diálogo en un juego), las esquinas se quedan como se dibujaron, los bordes se estiran en una dirección y el centro rellena el resto. - **Activarlo:** haz clic derecho en el slice y elige **Establecer 9-slice**. El tercio central del slice pasa a ser el centro, mostrado como cuatro líneas punteadas que cruzan el slice. - **Ajustarlo:** selecciona el slice y arrastra cualquiera de las cuatro líneas punteadas. - **Definirlo con exactitud:** usa **9-slice (centro)** en el diálogo Propiedades del slice. - **Desactivarlo:** haz clic derecho y elige **Quitar 9-slice**. El centro debe estar dentro del slice. ## Pivote El **pivote** es un punto que tu juego puede usar como ancla del slice: los pies de un personaje, el punto alrededor del cual gira un sprite. Se muestra como una pequeña cruz. - **Definirlo:** haz clic derecho en el slice donde quieras el pivote y elige **Establecer pivote**. El pivote queda en el píxel donde hiciste clic. - **Moverlo:** selecciona el slice y arrastra la cruz. - **Quitarlo:** haz clic derecho y elige **Quitar pivote**. El pivote puede quedar fuera del slice. ## Slices que cambian durante la animación La posición, el tamaño, el centro y el pivote de un slice pueden cambiar de un fotograma a otro, mientras su nombre sigue igual. Ve al fotograma donde debe cambiar y edita allí el slice (arrástralo, o cámbialo en Propiedades del slice). Ese fotograma recibe su propia **clave**: la nueva geometría se mantiene desde ese fotograma, hasta el siguiente fotograma con una clave propia. Editar en el primer fotograma cambia la geometría propia del slice. Para deshacer un cambio desde un fotograma en adelante, ve a ese fotograma, haz clic derecho en el slice y elige **Quitar clave del slice** (solo se muestra en los fotogramas que tienen clave propia), o elimina la clave en el diálogo Propiedades del slice. La geometría anterior continúa entonces. ## Propiedades del slice Haz doble clic en un slice con la herramienta Slice, elige **Propiedades del slice...** en su menú de clic derecho, o elige Sprite > Propiedades del slice... (que abre el último slice creado; el diálogo puede cambiar a cualquier otro). Tiene: - **Slice:** qué slice estás editando, cuando el sprite tiene más de uno. - **Nombre**, y los límites: **X**, **Y**, **Ancho** y **Alto**, en píxeles del sprite. - **9-slice (centro)**, con **Centro X**, **Centro Y**, **Centro An.** y **Centro Al.**. - **Pivote**, con **Pivote X** y **Pivote Y**. - **Claves**, cuando el slice cambia con el tiempo: cada fotograma con su propia geometría, con **Ir a** y **Eliminar clave**. - **Datos de usuario:** un color y una nota, que se escriben en los datos de la hoja de sprites junto con el slice. - **Eliminar slice**. El centro y el pivote se miden desde la esquina superior izquierda del slice, como en Aseprite. El diálogo edita el slice tal como está en el fotograma actual; guardar un cambio en un fotograma posterior da a ese fotograma una clave. ## El menú de clic derecho Haz clic derecho en un slice con la herramienta Slice para ver: | Elemento | Qué hace | | - | - | | **Propiedades del slice...** | Abre el diálogo de arriba. | | **Duplicar slice** | Añade una copia llamada "_nombre_ copy", con todas sus claves, y la selecciona. | | **Eliminar** | Elimina el slice. | | **Establecer 9-slice** / **Quitar 9-slice** | Añade un centro o lo quita. | | **Establecer pivote** / **Quitar pivote** | Coloca el pivote donde hiciste clic, o lo quita. | | **Quitar clave del slice** | Quita la clave de este fotograma (solo en los fotogramas que tienen una). | Cada uno de estos es un solo paso de deshacer. ## Eliminar slices Selecciona slices con la herramienta Slice y pulsa `Del` o `Backspace`, usa **Eliminar** en el menú de clic derecho, o **Eliminar slice** en Propiedades del slice. Con la herramienta Slice activa y slices seleccionados, Edición > Eliminar elimina los slices en lugar de píxeles. ## Slices cuando cambia el lienzo Redimensionar, recortar, ajustar, girar y voltear el sprite mueve y cambia el tamaño de sus slices junto con el arte ([Redimensionar, recortar y efectos](https://pxstud.io/es/docs/manual/guides/document.md)). ## Adónde van los slices - **Exportar** puede guardar solo un slice, o cada slice como su propio archivo: elígelo en **Área** dentro de Archivo > Exportar... ([Abrir, importar y exportar](https://pxstud.io/es/docs/manual/guides/import-export.md#export)). - **Los archivos de Aseprite** conservan todos los slices, con sus claves, centro, pivote y datos de usuario, en ambos sentidos ([Abrir, importar y exportar](https://pxstud.io/es/docs/manual/guides/import-export.md)). - **Hojas de sprites:** los datos JSON listan cada slice en el formato de Aseprite: su nombre, el color y la nota de sus datos de usuario, y una clave por fotograma donde cambia, con los límites, el centro y el pivote, escalados con la hoja. - **Los scripts** pueden añadir, leer, cambiar y quitar slices ([Slices en la referencia de scripting](https://pxstud.io/es/docs/scripting/slices.md)).