Slicing

Slicing bedeutet in Photoshop mehr als nur "Bilder zerteilen". Dazu ist allerdings einiges an Hintergrundwissen nötig, da es, wie in allen Adobe-Programmen, weder Assistenten noch ausführliche Hilfestellung gibt.
PS kennt drei verschiedene Arten von Slices:
1) Das Benutzer-Slice. Dieses können Sie verschieben (LMT->halten->ziehen) und skalieren (Anfasser wählen->LMT->halten->ziehen).
2) Das Ebenen-basierten Slice. Er wird aus den sichtbaren Begrenzungen einer Ebene erstellt und ist nicht skalierbar, geht aber mit einer Ebenen-Verschiebung mit und PS errechnet die
3) automatischen Unter-Slices neu. Diese werden von PS generiert und dienen dem Aufteilen in der HTML-Tabelle. Sie können weder verschoben noch skaliert werden. Will man sie ändern, so muss ein Unter-Slice zuerst in ein Benutzer-Slice umgewandelt werden (Slice-Auswahlwerkzeug->RMT->In Benutzerslice umwandeln).
Es gibt mehrere Möglichkeiten, Slices zu erstellen. Die einfachste davon ist
aus Hilfslinien.

Ziehen Sie über Ihr Bild Hilfslinien (Ansicht->neue Hilfslinie) so wie später das Slice aussehen soll und verschieben diese gegebenenfalls noch (Bild 1). Öffnen Sie jetzt Image Ready (IR), indem Sie entweder den Button "Springen" ganz unten in der Toolleiste betätigen, "Datei->springen zu->ImageReady" anwählen oder Umsch-Str-M drücken. Das Bild wir automatisch geladen. Wählen Sie jetzt "Slices->entlang der Hilfslinie erstellen" und schon haben Sie die gewünschte Aufteilung (Bild 2). Mit "RMT->Vorschau in" können Sie sich das Ergebnis inklusive Quellcode jetzt ansehen. Sind Sie zufrieden, dann gehen Sie zu "Datei->optimierte Version speichern unter" und sichern Ihr Slice. IR erstellt nun einen Unterordner "Bilder" mit den Kacheln und eine HTML-Seite mit dem Code.
Alle Slices sind Benutzer-Slices. Sie können diese daher auch noch nachträglich skalieren. Allerdings werden dadurch neue Unter-Slices nötig, welche dann die Zahl der Kacheln erhöhen. Ausserdem geht IR davon aus, daß Sie die Möglichkeit haben, ein Slice auch über den Bildrand hinaus zu ziehen (welchen Sinn das auch immer haben möge). Daher werden Spacer-gifs erzeugt, welche dann leere Tabellenzellen füllen sollen. Und hier liegt eine Gemeinheit im Detail. Wird die Tabelle anschliessend in eine andere Tabelle eingebunden, welche nicht mit border, cellspacing und cellpadding auf 0 gesetzt wurde, so ergeben sich von einfachen durchgehenden Linien bis zu einem völlig zerfetzten Bild alle möglichen Varianten. Hier ist also Vorsicht geboten.
Eine weitere Möglichkeit ist das Erstellen mit Hilfe des Slice-Werkzeuges.
Hier können Sie alleine mit PS ein Slice erstellen. Wählen Sie dazu das Slice-Werkzeug aus der Toolleiste aus und ziehen Sie über die gewünschten Bildpartien Rechtecke auf. Diese Rechtecke sind nun Ihre Benutzer-Slices und blau markiert. Sie können sie nach belieben ändern. Alle anderen sind Unter-Slices und grau markiert. Gespeichert wird das Slice mit "Datei->für Web speichern" in bekannter Art und Weise. Sie haben in PS allerdings keine Vorschau wie bei IR, und für die Quelltext-Ansicht müssen Sie anschliessend einen Editor bemühen.


Wollen Sie in Grafiken genaue Konturen schneiden, so empfiehlt sich der Einsatz von ebenenbasierten Slices.
Jede dieser Figuren befindet sich auf einer eigenen Ebene. Wählen Sie in der Ebenen-Palette die gewünschte Ebene aus und gehen Sie zu "Ebene->neues ebenenbasiertes Slice". Sofort wird an den Aussenkanten ein Slice berechnet mit sämtlichen Unter-Slices dazu. Verfahren Sie so mit allen anderen Ebenen, die Sie in das Slice miteinbeziehen wollen. Sollten Sie nun erkennen, daß das berechnete Slice doch nicht so ganz das Wahre ist, so können Sie jedes einzelne in ein Benutzer-Slice umwandeln und schon stehen Ihnen wieder alle Skalierungsmöglichkeiten offen.


Zum Schluss dieses Kapitels noch einige Tips:
1) Wenn Sie in IR optimiert speichern, dann müssen Sie schon vorher wissen, welches Format und welche Kompression Sie anwenden wollen. Unter "Bearbeiten->Voreinstellungen->Optimierung" sollten Sie vor dem Speichervorgang die nötigen Einstellungen vornehmen.
2) Mit"RMT->Slice-Optionen bearbeiten" können Sie jederzeit ein Slice verlinken.
3) Ärgert es Sie, daß Sie bei jedem Bild bereits einen Slice-Rahmen angezeigt bekommen, obwohl noch gar keines erstellt ist? Dann haben Sie unter "Ansicht" den Punkt "Extras" angehakt. Mit der Entfernung des Hakens ist auch der Rahmen verschwunden.
4) Manchmal können die Slice-Kästchen im Weg sein. Unter "Bearbeiten->Voreinstellungen->Hilfslinien...." gibt es eine Checkbox "Slice-Nummern einblenden". Entfernen Sie da den Haken, dann sind auch nur mehr die Linien zu sehen.