# Der Arbeitsbereich

Verschiebe, docke an, lass schweben und blende Bedienfelder aus, wechsle zwischen Layouts und öffne mehr als einen Editor.

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

Alles rund um die Leinwand ist ein **Bedienfeld**, und jedes Bedienfeld lässt sich verschieben, in der
Größe ändern, mit anderen stapeln oder schließen. Richte den Editor zum Zeichnen, zum Animieren oder
für einen kleinen Laptop-Bildschirm ein, speichere die Anordnung als Layout und wechsle über das Menü
Ansicht zwischen Layouts.

![Der Editor im Standard-Layout: oben die Menüleiste, links die Palette und die Farbauswahl, in der Mitte die Leinwand mit einem grünen Slime-Sprite über der Zeitleiste und rechts die Werkzeuge](https://pxstud.io/manual/images/guides/workspace-default.light.webp)

_Das Standard-Layout_

## Die Bedienfelder

| Bedienfeld | Wofür es da ist |
| - | - |
| **Menüleiste** (Leiste) | The menus, plus the save status, your account and the theme and full-screen buttons. |
| **Werkzeuge** (Leiste) | The tools. |
| **Werkzeugoptionen** (Leiste) | Settings for the current tool. |
| **Editor** | The sprite tabs and the canvas. You can open several. |
| **Zeitleiste** | Layers, frames, cels and tags. |
| **Palette** | The sprite's colors. |
| **Farbwähler** | Picks any color for the foreground or background. |
| **Farben** (Leiste) | The foreground and background colors and your recent colors. |
| **Tileset** | The tiles of the active tilemap layer; it comes to the front when you select one. |
| **Vorschau** | A second, separate view of the sprite. |
| **Skripte** | The script editor; it opens when you create or open a script. |

Die Menüleiste, Werkzeuge, Werkzeugoptionen und Farben sind **Leisten**: Sie passen ihre Größe an
ihren Inhalt an und docken nur an Rändern an.

## Bedienfelder verschieben

Zieh ein Bedienfeld an einer beliebigen leeren Stelle oder an seinem Tab. (Felder, Regler, die
Leinwand und Listen starten kein Ziehen, funktionieren also normal weiter.) Beim Ziehen wird das
Ziel hervorgehoben:

- **auf den Rand eines anderen Bedienfelds**, um den Platz mit ihm zu teilen;
- **auf die Mitte oder die Tabs eines anderen Bedienfelds**, um es dort als Tab zu stapeln;
- **an den Rand des Arbeitsbereichs**, um es über diese ganze Seite anzudocken;
- **mit gehaltener `Alt`-Taste**, um es in einem eigenen Fenster schweben zu lassen, dessen
  Größe du an jedem Rand ändern kannst.

`Esc` bricht das Ziehen ab. Auf einem Touchscreen hältst du den Finger einen Moment auf dem
Bedienfeld, bevor du es ziehst.

Zieh die Linien zwischen Bedienfeldern, um ihre Größe zu ändern. Das funktioniert auch per Tastatur:
Geh mit Tab zu einer Linie und nutze die Pfeiltasten (`Shift` für größere Schritte). Doppelklick
auf eine Linie oder `Enter` darauf passt die Bedienfelder daneben an ihren Inhalt an. Kein
Bedienfeld lässt sich kleiner machen als sein Inhalt.

### Das Bedienfeldmenü

Klick mit rechts auf den leeren Bereich oder den Tab eines Bedienfelds (oder halte lange darauf
gedrückt oder drück `Shift+F10`) für sein Menü:

- **Schweben lassen** oder **Am linken / rechten / oberen / unteren Rand andocken**;
- **Zu Tabs einklappen** (zeigt nur die Tabs; ein Klick auf einen öffnet das Bedienfeld über dem
  Arbeitsbereich) oder **Ausklappen**;
- **Stapeln mit** einem anderen Bedienfeld;
- **Neuer Editor neben diesem** (nur bei Editoren);
- **Schließen**.

## Bedienfelder ein- und ausblenden

Ansicht > Bedienfelder > Zeitleiste, Ansicht > Bedienfelder > Palette und die anderen Einträge unter **Ansicht >
Bedienfelder** blenden jedes Bedienfeld ein und aus. Ein Bedienfeld, das du wieder öffnest, kehrt an
seinen alten Platz zurück.

Schließt du die Menüleiste und auch die Leiste Farben, erscheint in der Ecke eine Schaltfläche **☰
Arbeitsbereich**, um die Menüleiste zurückzuholen oder das Layout zurückzusetzen.

## Layouts

**Ansicht > Arbeitsbereich** listet die Layouts auf. Wähl eines, um zu ihm zu wechseln.

| Layout | Anordnung |
| - | - |
| **Standard** | Palette, Farbauswahl und Farben links; Werkzeugoptionen, Leinwand und Zeitleiste in der Mitte; Werkzeuge rechts. |
| **Animation** | Wie Standard, mit einer höheren Zeitleiste und der Vorschau neben der Leinwand angedockt. |
| **Minimal** | Nur die Menüleiste, die Werkzeugoptionen, die Leinwand und die Werkzeuge. |
| **Kompakt** | Für hochkant gehaltene Smartphones: die Leinwand mit Werkzeugen an der Seite und die anderen Bedienfelder als Tabs, die sich als Sheets öffnen. |
| **Kompakt (Querformat)** | Dasselbe für quer gehaltene Smartphones. |

- Ansicht > Arbeitsbereich > Layout speichern unter... speichert die aktuelle Anordnung unter einem Namen. Setz ein Häkchen bei
  **Diese Einstellungen einbeziehen**, damit das Layout bei jedem Wechsel dorthin auch deine
  Ansichtseinstellungen, dein Design, deine Tastenkürzel oder Werkzeug-Standards mitbringt.
- Ansicht > Arbeitsbereich > Aktuelles Layout aktualisieren speichert Änderungen am aktiven gespeicherten Layout.
- Ansicht > Arbeitsbereich > Layout zurücksetzen setzt die Bedienfelder so zurück, wie das aktive Layout gespeichert
  wurde.
- Ansicht > Arbeitsbereich > Layouts verwalten... lässt dich Layouts umbenennen, löschen, exportieren und importieren (als
  `.pxlayout.json`-Dateien, um sie zu teilen oder in einen anderen Browser zu bringen).
- Ansicht > Arbeitsbereich > Layout sperren verhindert, dass Bedienfelder versehentlich verschoben werden.

Layouts werden in diesem Browser auf diesem Gerät gespeichert. Sie werden nicht mit deinem Konto
synchronisiert.

## Kleine Bildschirme und Smartphones

Ist das Fenster schmaler als 768 Pixel oder niedriger als 500, wechselt der Editor zum Layout Kompakt
(Kompakt (Querformat), wenn das Fenster breiter als hoch ist). Wächst das Fenster wieder, wechselt er
zurück. Das richtet sich nach der Fenstergröße, daher bekommt auch ein schmales Desktop-Fenster das
kompakte Layout.

Jede Größe behält ihre eigene Anordnung, sodass das Drehen eines Smartphones oder die Größenänderung
eines Fensters nie zunichtemacht, wie du die andere eingerichtet hast. Eine Desktop-Anordnung, die
nicht mehr ins Fenster passt, weicht ebenfalls der kompakten, bis wieder Platz ist.

In den kompakten Layouts öffnen sich Bedienfelder, die als Tabs gezeigt werden, als **Sheets** über dem
Arbeitsbereich: Tipp erneut auf den Tab, tipp woanders hin oder drück `Esc`, um eines zu
schließen, und zieh an seinem Rand, um es größer zu machen. Die Menüs findest du unter dem **☰** in der
Leiste Farben. Kompakte Layouts starten gesperrt; entsperre sie im Bedienfeldmenü oder mit
Ansicht > Arbeitsbereich > Layout sperren.

## Mehr als ein Editor

Ansicht > Neuer Editor öffnet neben dem aktuellen einen weiteren Editor. Nutz ihn, um denselben Sprite
bei zwei Zoomstufen zu sehen oder zwei Sprites nebeneinander.

- Jeder Editor hat sein eigenes **Zoomen, Verschieben, Drehen, Kachelmodus, Pixelraster und Onion
  Skin** und zeigt seinen eigenen Sprite.
- **Werkzeuge, Pinsel und Farben** teilen sich alle Editoren.
- Der Editor, auf den du zuletzt geklickt hast, ist der **aktive**: Menüs und Kürzel wirken auf seinen
  Sprite.

## Zoomen, verschieben und drehen

| Um | Mach Folgendes |
| - | - |
| Hinein- oder herauszuzoomen | Mausrad oder Pinch auf dem Trackpad (um den Zeiger oder die Mitte der Ansicht), `Ctrl+=` / `Ctrl+-` oder die Zoom |
| Den ganzen Sprite zu sehen | Ansicht > An Fenster anpassen (`Ctrl+Shift+0`) |
| Pixel bei 100 % zu sehen | Ansicht > Originalgröße (`Ctrl+0`) |
| Zu verschieben | `Space` halten und ziehen (mit jedem Werkzeug, wie in Aseprite), Scrollen mit zwei Fingern auf dem Trackpad, die mittlere Maustaste, `Shift` + Mausrad für seitwärts oder die Hand |
| Die Ansicht zu drehen | `Ctrl+Alt+]` / `Ctrl+Alt+[`; klick auf das Winkel-Abzeichen auf der Leinwand oder drück `Ctrl+Alt+0`, um sie wieder gerade zu stellen |

Das Drehen der Ansicht dreht nur, wie du den Sprite siehst, nie den Sprite selbst. Der Zoom reicht von
1/64 (etwa 2 %) bis 64×, dem Bereich von Aseprite, sodass sogar ein Sheet mit 4096 Pixeln auf den
Bildschirm passt.

Das **Zoom-Einrasten** (Einstellungen > Zoom-Einrasten > Ganze Zahlen, unter Einstellungen) legt fest, auf welchen
Zoomstufen du landen kannst:

- **Ganze Zahlen** (der Standard): die Zoomstufen von Aseprite, 1×, 2×, 3×, 4×, 5×, 6×, 8×, 12×, 16×,
  24×, 32×, 48× und 64×, und unter 100 % 1/2, 1/3, 1/4, 1/5, 1/6, 1/8, 1/12 und so weiter bis hinunter
  zu 1/64. Jedes Pixel ist auf dem Bildschirm gleich groß: Bei 2,5× wären einige Pixel zwei
  Bildschirmpixel breit und andere drei.
- **Zweierpotenzen:** 1/64, 1/32 ... 1/2, 1×, 2×, 4×, 8×, 16×, 32× und 64×, für größere Sprünge.
- **Aus (flüssig):** jede Stufe dazwischen, in kleinen Schritten.

Solange das Einrasten an ist, bewegt jede Rastung des Mausrads, jede Zoomtaste und jeder Klick mit dem
Zoom-Werkzeug eine Stufe. Pinch-Gesten mit dem Trackpad oder zwei Fingern springen beim Ziehen von
Stufe zu Stufe. Ansicht > An Fenster anpassen wählt die größte Stufe, die noch passt. Die Einstellung gilt
für jeden Editor und für die Vorschau und wird auf diesem Gerät gespeichert.

**Maus und Trackpad** (Einstellungen > Maus und Trackpad...) ändert, wie die Maus auf der Leinwand arbeitet:

- **Mausrad:** **Zoomen** (Standard) zoomt mit dem Mausrad und verschiebt mit Scrollen mit zwei
  Fingern auf dem Trackpad. **Ansicht verschieben** verschiebt stattdessen mit dem Mausrad
  (`Shift` + Mausrad seitwärts) und zoomt mit `Ctrl` + Mausrad (`⌘` + Mausrad auf
  einem Mac). Ein Pinch auf dem Trackpad zoomt in beiden Fällen.
- **Zoomen um:** Der Punkt unter dem Zeiger bleibt beim Zoomen stehen (Standard), oder die Mitte
  der Ansicht.
- **Pinselgröße:** `Ctrl+Shift` + Mausrad (`⌘⇧` + Mausrad auf einem Mac) macht den Pinsel
  des aktiven Werkzeugs, oder die Breite einer Linie, größer, wenn das Rad nach oben geht.
  **Mausrad für die Pinselgröße umkehren** dreht das um, wie in älteren Aseprite-Versionen.
- **Rechte Maustaste:** der eigene Rechtsklick des Werkzeugs (Standard: die meisten malen mit der
  Hintergrundfarbe, wie in Aseprite), oder **Radieren, solange gedrückt**, **Farbe aufnehmen,
  solange gedrückt** oder **Ansicht verschieben**. Zoom, Slice und Text behalten ihren eigenen
  Rechtsklick. Die Seitentaste eines Stifts zählt als rechte Taste.
- **Zurück- und Vorwärts-Taste** öffnen das [Werkzeugrad](https://pxstud.io/de/docs/manual/reference/tools.md), solange du eine
  davon über der Leinwand hältst; lass über einem Werkzeug los, um es zu wählen. Der Browser geht
  nicht zurück, solange der Zeiger über der Leinwand ist.
- **Cursorgröße:** 100 %, 150 % oder 200 %, trotzdem scharf.

Die mittlere Taste verschiebt immer die Ansicht. Jede Maustaste außer der linken und jede
Mausrad-Richtung kann, mit oder ohne Sondertasten, auch einen Befehl ausführen: Füge sie unter
Einstellungen > Tastenkürzel... hinzu, wo sie ersetzt, was die Taste oder das Mausrad auf der Leinwand
getan hat ([Tastenkürzel](https://pxstud.io/de/docs/manual/reference/shortcuts.md)).

**Vollbild:** Die Schaltfläche rechts in der Menüleiste macht den ganzen Editor zum Vollbild, und die
Schaltfläche in der rechten oberen Ecke der Leinwand zeigt nur die Leinwand. `Esc` verlässt
beides.

**Leinwandinfo:** Ansicht > Leinwand-Info anzeigen zeigt in einer Ecke der Leinwand eine Anzeige (Zeigerposition,
Auswahlgröße, Werkzeug, Ebene, Frame, Zoom und mehr). Wähl ihre Ecke und was sie zeigt mit
Einstellungen > Leinwand-Info....