Grundbegriffe

Einführung in Slices

Slices dienen zum Unterteilen eines Quellbildes in funktionale Bereiche. Beim Speichern des Bildes als Webseite wird jedes Slice als einzelne Datei mit eigener Farbpalette sowie eigenen Einstellungen, Verknüpfungen, Rollover- und Animationseffekten gespeichert. Mit Slices kann der Ladevorgang beschleunigt werden. Außerdem sind sie beim Arbeiten mit Bildern nützlich, die verschiedene Datentypen enthalten. Wenn z. B. ein Bildbereich zur Unterstützung einer Animation im GIF-Format optimiert werden muss, während der übrige Bildbereich besser im JPEG-Format optimiert werden sollte, können Sie die Animation mit einem Slice abtrennen.

Im Dialogfeld "Ausgabe-Einstellungen" legen Sie fest, wie Photoshop oder ImageReady HTML-Code zum Ausrichten von Slices erzeugt (mit Tabellen oder Cascading Style Sheets [CSS]). Außerdem können Sie die Benennungsmethode für Slice-Dateien festlegen.

Slice-Typen

Mit dem Slice-Werkzeug erstellte Slices werden als Benutzer-Slices bezeichnet und aus Ebenen erstellte Slices als ebenenbasierte Slices. Wenn Sie ein neues Benutzer- oder ebenenbasiertes Slice erstellen, werden zusätzliche Auto-Slices erzeugt, um die übrigen Bildbereiche abzudecken, d. h. der nicht durch Benutzer- oder ebenenbasierte Slices definierte Bildraum wird durch Auto-Slices gefüllt. Auto-Slices werden jedes mal regeneriert, wenn Sie Benutzer- oder ebenenbasierte Slices hinzufügen oder bearbeiten. Benutzer-, Auto- und ebenenbasierte Slices sehen unterschiedlich aus. Benutzer- und ebenenbasierte Slices werden durch eine durchgezogene Linie definiert, Auto-Slices durch eine gepunktete Linie.

Ein Unter-Slice ist eine Art von Auto-Slice, das beim Erstellen von überlappenden Slices erzeugt wird. Unter-Slices geben an, wie das Bild beim Speichern der optimierten Datei unterteilt wird. Obwohl Unter-Slices numeriert sind und mit einem Slice-Symbol angezeigt werden, können sie nicht getrennt von dem zugrundeliegenden Slice ausgewählt oder bearbeitet werden. Unter-Slices werden jedesmal regeneriert, wenn Sie die Stapelreihenfolge der Slices ändern.

Erstellen von Benutzer-Slices

 Sie können Benutzer-Slices mit dem Slice-Werkzeug oder, in ImageReady, aus einer Auswahl oder entlang der Hilfslinien erstellen.

So erstellen Sie ein Slice mit dem Slice-Werkzeug

1 Wählen Sie das Slice-Werkzeug aus. Alle vorhandenen Slices werden automatisch im Dokumentfenster angezeigt.

2 Wählen Sie aus der Optionsleiste eine Formateinstellung:

·  "Normal" zum Bestimmen von Slice-Proportionen durch Ziehen

·  "Seitenverhältnis" zum Festlegen eines Höhe-Breite-Verhältnisses. Geben für das Seitenverhältnis ganze Zahlen oder Dezimalzahlen ein. Um z. B. ein Slice mit einem Höhe-Breite-Verhältnis von 1:2 zu erstellen, geben Sie für die Breite 2 und für die Höhe 1 ein.

·  "Feste Größe" zur Angabe der Slice-Höhe- und -Breite. Geben Sie Pixelwerte in ganzen Zahlen ein.

 3 Ziehen Sie über den Bereich, in dem Sie ein Slice erstellen möchten. Ziehen Sie bei gedrückter Umschalttaste, um das Slice auf ein Quadrat zu beschränken. Ziehen Sie bei gedrückter Alt-Taste, um von der Mitte aus zu zeichnen. Verwenden Sie die Ausrichtungsfunktion, um ein neues Slice an einer Hilfslinie oder einem anderen Slice im Bild auszurichten.

So erstellen Sie ein Slice aus einer Auswahl

1 Wählen Sie einen Bereich des Bildes aus.

2 Wählen Sie "Slices" > "Slice aus Auswahl erstellen".

In ImageReady wird anhand des Auswahlrechteck-Werkzeugs ein Benutzer-Slice erstellt. Wenn die Auswahl weiche Kanten hat, wird sie von dem Slice vollständig (einschließlich der weichen Kanten) abgedeckt. Ist die Auswahl nicht rechteckig, deckt das Slice einen rechteckigen Bereich ab, der groß genug ist, um die gesamte Auswahl zu bedecken.

So erstellen Sie Slices entlang der Hilfslinien

Wählen Sie in einem Bild mit Hilfslinien "Slices" > "Slices entlang der Hilfslinien erstellen". Alle entlang der Hilfslinien erstellten Slices sind Benutzer-Slices.

Bei diesem Vorgang werden alle vorhandenen Slices gelöscht.

Verschieben und Skalieren von Benutzer-Slices

 Sie können Benutzer-Slices in Photoshop und ImageReady verschieben und skalieren, jedoch nicht im Photoshop-Dialogfeld "Für Web speichern". Außerdem können Sie Slices mit Hilfe numerischer Koordinaten verschieben oder skalieren.

So verschieben oder skalieren Sie ein Benutzer-Slice

1 Wählen Sie ein Benutzer-Slice aus. In ImageReady können Sie mehrere Slices auswählen und verschieben.

2 Führen Sie einen der folgenden Schritte aus:

·  Um ein Slice zu verschieben, verschieben Sie den Zeiger innerhalb der Slice-Auswahlbegrenzung, und ziehen Sie das Slice an eine neue Position. Drücken Sie die Umschalttaste, um die Verschiebung auf eine vertikale oder horizontale Linie oder eine diagonale Linie im Winkel von 45° zu beschränken.

·  Um die Größe eines Slice zu ändern, ziehen Sie einen seitlichen oder Eckgriff des Slice. Wenn Sie in ImageReady aneinandergrenzende Slices auswählen und skalieren, werden gemeinsame Kanten von Slices gemeinsam skaliert.

 So richten Sie Slices an einer Hilfslinie oder einem anderen Benutzer-Slice aus

1 Wählen Sie aus Menü "Ansicht" > "Ausrichten an" die gewünschten Optionen aus, und wählen Sie dann "Ansicht" > "Ausrichten". Durch ein Häkchen wird angezeigt, dass die Option aktiviert ist.

2 Verschieben Sie die ausgewählten Slices wie gewünscht. Die Slices werden an allen Hilfslinien oder Slices innerhalb von 4 Pixeln ausgerichtet.

Skalieren und Verschieben von Slices anhand numerischer Koordinaten

Mit den Optionen unter "Abmessungen" legen Sie die exakte Position und die Abmessungen eines Slice im Verhältnis zum Dokumentfenster fest. Diese Option ist nicht verfügbar, wenn Sie über das Photoshop-Dialogfeld "Für Web speichern" auf das Dialogfeld "Slice-Optionen" zugreifen.

Wenn in ImageReady die Optionen unter "Abmessungen" nicht angezeigt werden, wählen Sie aus dem Menü der Slice-Palette "Optionen einblenden", oder klicken Sie auf der Palette auf das Symbol "Optionen einblenden", um sie anzuzeigen.

Hinweis: Ein ebenenbasiertes Slice kann mit dieser Methode nicht skaliert oder verschoben werden.

So skalieren und verschieben Sie ein Slice anhand numerischer Koordinaten

1 Wählen Sie ein Slice aus. Wenn Sie Photoshop verwenden, doppelklicken Sie mit dem Slice-Auswahlwerkzeug auf das Slice, um das Dialogfeld "Slice-Optionen" anzuzeigen.

2 Ändern Sie im Dialogfeld "Slice-Optionen" (Photoshop) oder auf der Slice-Palette (ImageReady) unter "Abmessungen" eine oder mehrere der folgenden Optionen:

·  "x", um den Abstand zwischen der linken Slice-Kante und dem Linealursprung im Dokumentfenster in Pixel anzugeben

·  "y", um den Abstand zwischen der oberen Slice-Kante und dem Linealursprung im Dokumentfenster in Pixel anzugeben

 Hinweis: Der Standard-Linealursprung ist die linke obere Bildecke.

·  "B", um die Slice-Breite anzugeben

·  "H", um die Slice-Höhe anzugeben

·  "Proportionen erhalten", um die aktuellen Slice-Proportionen zu erhalten

 3 (Photoshop) Klicken Sie auf "OK".

Erstellen von ebenenbasierten Slices

Wenn Sie ein Slice aus einer Ebene erstellen, umfasst der Slice-Bereich alle Pixeldaten der Ebene. Wird die Ebene verschoben oder der Ebeneninhalt bearbeitet, so wird der Slice-Bereich automatisch so angepaßt, daß er die neuen Pixel umfasst.

Ebenenbasierte Slices sind v. a. beim Arbeiten mit Rollovers nützlich. Plazieren Sie zunächst das Rollover-Element auf einer separaten Ebene, und erstellen Sie dann ein Slice aus dieser Ebene. Wenn Sie zum Erstellen eines Rollover-Status einen Effekt auf die Ebene anwenden (z. B. einen Schlagschatten oder Schein), wird das Slice automatisch so angepasst, dass es die neuen Pixel umfasst. Verwenden Sie jedoch kein ebenenbasiertes Slice, wenn Sie die Ebene während einer Animation über einen großen Bildbereich bewegen möchten, da das Slice u. U. zu groß ist

So erstellen Sie ein Slice aus einer Ebene

1 Wählen Sie auf der Ebenen-Palette eine Ebene aus.

2 Wählen Sie "Ebene" > "Neues ebenenbasiertes Slice".

Konvertieren von Auto-Slices in Benutzer-Slices

Sie können Benutzer-Slices verschieben, duplizieren, kombinieren, unterteilen, skalieren, löschen, anordnen, ausrichten und verteilen, sowie verschiedene Optimierungseinstellungen auf Benutzer-Slices anwenden. Alle Auto-Slices in einem Bild sind dagegen verknüpft und haben dieselben Optimierungseinstellungen, da sie bei jeder Erstellung oder Bearbeitung eines Benutzer- oder ebenenbasierten Slice regeneriert werden.

Durch Konvertieren eines Auto-Slice in ein Benutzer-Slice wird verhindert, daß ein Slice bei einer Regenerierung geändert wird. Durch Unterteilen, Kombinieren, Verknüpfen und Festlegen von Optionen werden Auto-Slices automatisch in Benutzer-Slices konvertiert.

So konvertieren Sie ein Auto-Slice in ein Benutzer-Slice

1 Wählen Sie ein Auto-Slice aus. In ImageReady können Sie mehrere Slices auswählen.

2 Führen Sie einen der folgenden Schritte aus:

·  (Photoshop) Klicken Sie auf der Optionsleiste auf "In Benutzer-Slice umwandeln".

·  (ImageReady) Wählen Sie "Slices" > "In Benutzer-Slice(s) umwandeln".

Konvertieren von ebenenbasierten Slices in Benutzer-Slices

Da ein ebenenbasiertes Slice mit dem Pixelinhalt einer Ebene verbunden ist, kann es nur durch Bearbeiten der Ebene verschoben, kombiniert, unterteilt, skaliert und ausgerichtet werden. Sie können ein ebenenbasiertes Slice in ein Benutzer-Slice konvertieren, um die Verknüpfung zu der Ebene aufzuheben.

So konvertieren Sie ein ebenenbasiertes Slice in ein Benutzer-Slice

1 Wählen Sie ein ebenenbasiertes Slice aus. In ImageReady können Sie mehrere Slices auswählen.

2 Führen Sie einen der folgenden Schritte aus:

·  (Photoshop) Klicken Sie auf der Optionsleiste auf "In Benutzer-Slice umwandeln".

·  (ImageReady) Wählen Sie "Slices" > "In Benutzer-Slice(s) umwandeln".

Anzeigen von Slices

 Sie können Slices in Photoshop, im Photoshop-Dialogfeld "Für Web speichern" und in ImageReady anzeigen. Die folgenden Merkmale können beim Identifizieren und Unterscheiden von Slices hilfreich sein:

Slice-Linien Definieren die Slice-Rahmen. Durchgezogene Linien kennzeichnen Benutzer- oder ebenenbasierte Slices, gepunktete Linien kennzeichnen Auto-Slices.

Slice-Farben Unterscheiden Benutzer- und ebenenbasierte Slices von Auto-Slices. Standardmäßig besitzen Benutzer- und ebenenbasierte Slices blaue Symbole, Auto-Slices dagegen graue.

Außerdem werden in ImageReady und im Photoshop-Dialogfeld "Für Web speichern" nicht ausgewählte Slices durch Farbkorrekturen abgedunkelt. Diese Korrekturen dienen nur zu Anzeigezwecken und wirken sich nicht auf die endgültige Bildfarbe aus. Standardmäßig ist die Farbkorrektur bei Auto-Slices doppelt so umfangreich wie bei Benutzer-Slices.

Slice-Nummern Slices werden, ausgehend von der linken oberen Ecke des Bildes, von links nach rechts und von oben nach unten durchnumeriert. Wenn Sie die Anordnung oder Gesamtzahl der Slices ändern, werden die Slice-Nummern entsprechend aktualisiert.

Slice-Symbole Zeigen an, ob ein Benutzer-Slice zum Typ "Bild" oder "Kein Bild" gehört, ob ein Slice ebenenbasiert oder verknüpft ist, und ob es einen Rollover-Effekt enthält.

So blenden Sie Slices ein oder aus

Führen Sie einen der folgenden Schritte aus:

·  Aktivieren Sie die Anzeige von Slices im Untermenü "Ansicht" > "Einblenden", und wählen Sie "Ansicht" > "Extras einblenden". Dieser Befehl dient auch zum Aus- und Einblenden von: Auswahlkanten, Hilfslinien, Raster, Zielpfad und Anmerkungen bzw. Auswahlkanten, Imagemaps, Textbegrenzungen, Textgrundlinie und Textauswahl.

·  Klicken Sie auf das Symbol "Slices einblenden/ausblenden".

 So ändern Sie die Farbe von Slice-Linien

1 Wählen Sie auf der Optionsleiste unter "Linienfarbe" eine Farbe.

So ändern Sie die Farbe von Slice-Linien

1 Wählen Sie "Bearbeiten" > "Voreinstellungen" > "Slices".

2 Wählen Sie für "Slice-Linien" unter "Linienfarbe" eine Farbe.

Durch Ändern der Slice-Linienfarbe wird die Farbe der ausgewählten Slice-Linien automatisch in eine Kontrastfarbe geändert.

So blenden Sie Slice-Nummern ein oder aus (Photoshop)

Wählen Sie auf der Optionsleiste "Slice-Nummern einblenden". Slice-Nummern zeigen an, daß die Option aktiviert ist.

So ändern Sie die Anzeige von Slice-Nummern und -Symbolen

1 Wählen Sie "Bearbeiten" > "Voreinstellungen" > "Slices".

2 Wählen Sie unter "Ziffern und Symbole" eine Größe für die Symbolanzeige:

·  "Ohne", um keine Ziffern oder Symbole anzuzeigen

·  Das kleine Symbol, um kleine Ziffern und Symbole anzuzeigen

·  Das große Symbol, um große Ziffern und Symbole anzuzeigen

3 Geben Sie unter "Deckkraft" einen Wert ein, oder wählen Sie einen Wert mit dem Regler, um die Deckkraft von Ziffern und Symbolen bei der Anzeige zu ändern.

So ändern Sie Slice-Farbkorrekturen

1 Wählen Sie "Bearbeiten" > "Voreinstellungen" > "Slices".

2 Geben Sie einen Wert ein, oder wählen Sie unter "Farbkorrekturen" einen Wert für Benutzer- und/oder Auto-Slices. (Mit der Option für Benutzer-Slices werden Farbkorrekturen für Benutzer-Slices und ebenenbasierte Slices gesteuert.)

Der Wert bestimmt, wie stark Helligkeit und Kontrast von nicht ausgewählten Slices abgedunkelt werden.

So zeigen Sie nur Slice-Linien an 1 Wählen Sie "Bearbeiten" > "Voreinstellungen" > "Slices".

2 Wählen Sie unter "Slice-Linien" die Option "Nur Linien einblenden", um nur Linien anzuzeigen, und deaktivieren Sie die Optionen für Farbkorrekturen sowie Ziffern- und Symbolanzeige.