# Slices

Markiere benannte Bereiche eines Sprites für Export, Game-Engines und 9-Slice-Skalierung, mit Pivot und Änderungen pro Frame.

_Die Tastenkürzel sind für Windows und Linux notiert. Auf einem Mac nimmst du ⌘ Cmd statt Ctrl und ⌥ Option statt Alt._

Ein **Slice** ist ein benanntes Rechteck auf dem Sprite: der Bereich eines Buttons, die Hitbox einer
Figur, der Teil eines Sheets, den ein Spiel ausschneiden soll. Slices enthalten keine Pixel, sodass
Zeichnen sie nie verändert. Sie werden mit dem Sprite gespeichert, in Aseprite-Dateien und
Sprite-Sheet-Daten geschrieben, und eine Game-Engine kann sie von dort lesen.

Ein Slice kann außerdem eine **9-Slice-Mitte** tragen, für Artwork, das sich dehnt, ohne seine Ecken
zu verzerren, und einen **Pivot**, einen Punkt, den das Spiel als Ursprung des Slices behandelt.

![Ein grüner Spiel-Button auf der Leinwand mit zwei Slices: Button, ausgewählt, mit acht Griffen, gepunkteten 9-Slice-Linien und einem Pivot-Fadenkreuz an seiner Unterkante, und ein gestrichelter Slice Icon um den Stern in der Mitte](https://pxstud.io/manual/images/guides/slices-canvas.light.webp)

_Ein ausgewähltes 9-Slice mit Pivot und ein zweiter Slice darin_

## Einen Slice erstellen

Wähl das Slice (`Shift+C`) und zieh auf einer leeren Stelle der Leinwand von einer Ecke
zur gegenüberliegenden; ein gestrichelter Umriss zeigt ihn beim Ziehen. Halte `Shift`, um ihn
quadratisch zu machen. Der neue Slice heißt „Slice 1“, „Slice 2“ und so weiter und ist ausgewählt,
bereit zum Anpassen.

Jeder Slice wird unabhängig vom aktiven Werkzeug als gestrichelter Umriss mit seinem Namen auf die
Leinwand gezeichnet. Ein Slice mit einer Farbe in seinen Benutzerdaten (unten) wird in dieser Farbe
umrandet; die anderen bekommen der Reihe nach eigene Farben, damit sich Nachbarn leicht
unterscheiden lassen.

Ist **Am Raster ausrichten** (`Shift+S`) eingeschaltet, rasten die Ränder von Slices am
Dokumentraster ein, sowohl beim Erstellen eines Slices als auch beim Ziehen. Ist **An Hilfslinien
ausrichten** (`Ctrl+Shift+;`) eingeschaltet, rasten Erstellen, Verschieben und
Größenänderung von Slices sowie das Verschieben ihrer 9-Slice-Linien und Pivots ebenfalls an
nahen [Hilfslinien](https://pxstud.io/de/docs/manual/guides/selection.md#rulers-and-guides) ein (ein verschobener Slice landet an der Kante,
die näher ist).

## Auto-Slice

Um ein Sprite-Sheet oder ein Symbolset in einem Rutsch in Slices zu zerlegen, wähl
Sprite > Auto-Slice.... Es fügt um jeden getrennten bemalten Bereich einen Slice hinzu, gefunden in
den sichtbaren Ebenen des Frames oder nur im aktiven Cel. Pixel, die sich an einer Ecke berühren,
zählen als ein Bereich. Lege fest:

- **Abstand zum Zusammenfassen:** Bereiche, deren Umrandungen so viele Pixel voneinander entfernt oder
  näher sind (oder sich überlappen), werden zu einem Slice. 0 behält jeden getrennten Bereich.
- **Mindestbreite** und **Mindesthöhe:** Kleinere Bereiche werden übersprungen.

Der Dialog zeigt, wie viele Slices er hinzufügen wird. Sie heißen „Slice 1“, „Slice 2“ und so weiter,
von oben nach unten, dann von links nach rechts, nach den Slices, die du schon hast, und der ganze
Durchlauf ist ein Schritt zum Rückgängigmachen. Jeder wird wie jeder andere Slice exportiert.

## Auswählen, verschieben und Größe ändern

Mit dem Slice-Werkzeug:

| Um | Mach Folgendes |
| - | - |
| Einen Slice auszuwählen | Klick darauf. Ein ausgewählter Slice hat einen durchgezogenen Umriss und acht quadratische Griffe. |
| Mehr als einen auszuwählen | `Shift`+Klick oder `Ctrl`+Klick, um einen Slice zur Auswahl hinzuzufügen oder aus ihr zu entfernen. |
| Die Auswahl aufzuheben | Klick auf eine leere Stelle oder drück `Esc`. |
| Zu verschieben | Zieh innerhalb eines Slices. Alle ausgewählten Slices bewegen sich gemeinsam. |
| Die Größe zu ändern | Zieh an einem der Griffe. |
| Seine Eigenschaften zu öffnen | Doppelklick darauf. |

Wo sich Slices überlappen, wählt ein Klick den zuletzt erstellten.

Jedes Ziehen ist ein Schritt zum Rückgängigmachen, egal wie viele Slices es bewegt hat.

## 9-Slice-Mitte

Ein **9-Slice** wird durch sein **Mitte**-Rechteck in ein Raster aus neun Teilen geteilt. Wird das
Artwork gedehnt (ein Button oder ein Dialograhmen in einem Spiel), bleiben die Ecken, wie gezeichnet,
die Kanten dehnen sich in einer Richtung, und die Mitte füllt den Rest.

- **Einschalten:** Klick mit rechts auf den Slice und wähl **9-Slice festlegen**. Das mittlere Drittel
  des Slices wird zur Mitte, angezeigt als vier gepunktete Linien quer über den Slice.
- **Anpassen:** Wähl den Slice aus und zieh an einer der vier gepunkteten Linien.
- **Exakt festlegen:** Nutz **9-Slice (Mitte)** im Dialog Slice-Eigenschaften.
- **Ausschalten:** Klick mit rechts und wähl **9-Slice entfernen**.

Die Mitte muss innerhalb des Slices liegen.

## Pivot

Der **Pivot** ist ein Punkt, den dein Spiel als Anker des Slices nutzen kann: die Füße einer Figur,
die Stelle, um die sich ein Sprite dreht. Er erscheint als kleines Fadenkreuz.

- **Festlegen:** Klick mit rechts auf den Slice dort, wo der Pivot hin soll, und wähl **Pivot
  festlegen**. Der Pivot landet auf dem Pixel, auf das du geklickt hast.
- **Verschieben:** Wähl den Slice aus und zieh das Fadenkreuz.
- **Entfernen:** Klick mit rechts und wähl **Pivot entfernen**.

Der Pivot kann außerhalb des Slices liegen.

## Slices, die sich über die Animation ändern

Position, Größe, Mitte und Pivot eines Slices können sich von Frame zu Frame ändern, während sein Name
gleich bleibt. Geh zu dem Frame, in dem er sich ändern soll, und bearbeite den Slice dort (zieh ihn
oder ändere ihn in den Slice-Eigenschaften). Dieser Frame bekommt seinen eigenen **Key**: Die neue
Geometrie gilt ab diesem Frame, bis zum nächsten Frame mit eigenem Key. Eine Bearbeitung im ersten
Frame ändert die eigene Geometrie des Slices.

Um eine Änderung ab einem Frame rückgängig zu machen, geh zu diesem Frame, klick mit rechts auf den
Slice und wähl **Slice-Key entfernen** (nur in Frames mit eigenem Key angezeigt) oder lösche den Key
im Dialog Slice-Eigenschaften. Die Geometrie davor läuft dann weiter.

## Slice-Eigenschaften

Doppelklick auf einen Slice mit dem Slice-Werkzeug, wähl **Slice-Eigenschaften...** in seinem
Rechtsklick-Menü oder wähl Sprite > Slice-Eigenschaften... (das den zuletzt erstellten Slice öffnet; der
Dialog kann zu jedem anderen wechseln). Er enthält:

- **Slice:** welchen Slice du bearbeitest, wenn der Sprite mehr als einen hat.
- **Name** und die Begrenzung: **X**, **Y**, **Breite** und **Höhe**, in Sprite-Pixeln.
- **9-Slice (Mitte)**, mit **Mitte X**, **Mitte Y**, **Mitte B** und **Mitte H**.
- **Pivot**, mit **Pivot X** und **Pivot Y**.
- **Keys**, wenn sich der Slice über die Zeit ändert: jeder Frame mit eigener Geometrie, mit
  **Springen** und **Key löschen**.
- **Benutzerdaten:** eine Farbe und eine Notiz, die zusammen mit dem Slice in die Sprite-Sheet-Daten
  geschrieben werden.
- **Slice löschen**.

Mitte und Pivot werden von der linken oberen Ecke des Slices aus gemessen, wie in Aseprite. Der
Dialog bearbeitet den Slice, wie er im aktuellen Frame ist; das Speichern einer Änderung in einem
späteren Frame gibt diesem Frame einen Key.

## Das Rechtsklick-Menü

Ein Rechtsklick auf einen Slice mit dem Slice-Werkzeug bietet:

| Eintrag | Funktion |
| - | - |
| **Slice-Eigenschaften...** | Öffnet den Dialog oben. |
| **Slice duplizieren** | Fügt eine Kopie namens „_Name_ copy“ mit allen ihren Keys hinzu und wählt sie aus. |
| **Löschen** | Löscht den Slice. |
| **9-Slice festlegen** / **9-Slice entfernen** | Fügt eine Mitte hinzu oder entfernt sie. |
| **Pivot festlegen** / **Pivot entfernen** | Setzt den Pivot dorthin, wo du geklickt hast, oder entfernt ihn. |
| **Slice-Key entfernen** | Entfernt den Key dieses Frames (nur in Frames, die einen haben). |

Jedes davon ist ein Schritt zum Rückgängigmachen.

## Slices löschen

Wähl Slices mit dem Slice-Werkzeug aus und drück `Del` oder `Backspace`, nutze **Löschen** im
Rechtsklick-Menü oder **Slice löschen** in den Slice-Eigenschaften. Ist das Slice-Werkzeug aktiv und
sind Slices ausgewählt, löscht Bearbeiten > Löschen die Slices statt Pixel.

## Slices, wenn sich die Leinwand ändert

Größenänderung, Zuschneiden, Beschneiden, Drehen und Spiegeln des Sprites verschieben und
skalieren seine Slices zusammen mit dem Artwork ([Größe ändern, zuschneiden und Effekte](https://pxstud.io/de/docs/manual/guides/document.md)).

## Wohin Slices gehen

- Der **Export** kann nur einen Slice speichern oder jeden Slice als eigene Datei: Wähl es unter
  **Bereich** in Datei > Exportieren... ([Öffnen, Importieren und Exportieren](https://pxstud.io/de/docs/manual/guides/import-export.md#export)).
- **Aseprite-Dateien** behalten jeden Slice mit seinen Keys, seiner Mitte, seinem Pivot und seinen
  Benutzerdaten, in beide Richtungen ([Öffnen, Importieren und Exportieren](https://pxstud.io/de/docs/manual/guides/import-export.md)).
- **Sprite-Sheets:** Die JSON-Daten listen jeden Slice im Format von Aseprite auf: seinen Namen, die
  Farbe und Notiz seiner Benutzerdaten und einen Key pro Frame, in dem er sich ändert, mit
  Begrenzung, Mitte und Pivot, skaliert mit dem Sheet.
- **Skripte** können Slices hinzufügen, lesen, ändern und entfernen ([Slices in der
  Skript-Referenz](https://pxstud.io/de/docs/scripting/slices.md)).
