Benutzerhandbuch Abbrechen

Slices und Imagemaps

  1. Illustrator-Benutzerhandbuch
  2. Illustrator kennenlernen
    1. Einführung in Illustrator
      1. Neue Funktionen in Illustrator
      2. Häufige Fragen
      3. Systemanforderungen für Illustrator
      4. Illustrator für Apple-Chip
    2. Arbeitsbereich
      1. Arbeitsbereich – Grundlagen
      2. Erstellen von Dokumenten
      3. Schneller Zugriff auf Trainingsinhalte über das Bedienfeld „Entdecken“ von Illustrator
      4. Beschleunigen von Workflows mit der kontextbezogenen Taskleiste
      5. Symbolleiste
      6. Standardtastaturbefehle
      7. Anpassen von Tastaturbefehlen
      8. Einführung in Zeichenflächen
      9. Zeichenflächen verwalten
      10. Anpassen des Arbeitsbereichs
      11. Eigenschaftenbedienfeld
      12. Festlegen von Voreinstellungen
      13. Touch-Arbeitsbereich
      14. Unterstützung des Microsoft Surface Dial in Illustrator
      15. Rückgängig machen von Änderungen und Verwalten des Design-Verlaufs
      16. Drehen der Ansicht
      17. Lineale, Raster und Hilfslinien
      18. Barrierefreiheit in Illustrator
      19. Abgesicherter Modus
      20. Anzeigen von Bildmaterial
      21. Verwenden der Touch Bar in Illustrator
      22. Dateien und Vorlagen
    3. Werkzeuge in Illustrator
      1. Werkzeuge-Überblick
      2. Auswahl-Werkzeuge
        1. Auswahl
        2. Direktauswahl
        3. Gruppenauswahl
        4. Zauberstab
        5. Lasso
        6. Zeichenfläche
      3. Navigieren-Werkzeuge
        1. Hand
        2. Drehen der Ansicht
        3. Zoom
      4. Malwerkzeuge
        1. Verlauf
        2. Raster
        3. Formerstellung
      5. Textwerkzeuge
        1. Text
        2. Pfadtext
        3. Vertikaler Text
      6. Zeichnen-Werkzeuge
        1. Zeichenstift
        2. Ankerpunkt hinzufügen
        3. Ankerpunkt löschen
        4. Ankerpunkt
        5. Kurvenzeichner
        6. Liniensegment
        7. Rechteck
        8. Abgerundetes Rechteck
        9. Ellipse
        10. Polygon
        11. Stern
        12. Pinsel
        13. Tropfenpinsel
        14. Schraffur
        15. Shaper
        16. Slice
      7. Änderungswerkzeuge
        1. Drehen
        2. Reflektieren
        3. Skalieren
        4. Verbiegen
        5. Breite
        6. Frei transformieren
        7. Pipette
        8. Angleichen
        9. Radiergummi
        10. Schere
        11. Bemaßung
    4. Generative KI (nicht verfügbar in Festlandchina)
      1. Generieren von Szenen, Motiven und Symbolen mit Text-Prompts
      2. Generieren von Vektormustern mit Text-Prompts
      3. Generieren von Vektorformfüllungen mit Text-Prompts
      4. Neufärben von Grafiken mit Text-Prompts
    5. Schnellaktionen
      1. Retro-Text
      2. Neon-leuchtender Text
      3. Nostalgischer Text
      4. Neu färben
      5. Skizze in Vektor umwandeln
  3. Illustrator im Web (Beta)
    1. Überblick über Illustrator im Web (Beta)
    2. Häufig gestellte Fragen zu Illustrator im Web (Beta)
    3. Häufig gestellte Fragen zur Fehlerbehebung
    4. Tastaturbefehle für Illustrator im Web (Beta)
    5. Erstellen und Kombinieren von Formen im Web
    6. Hinzufügen und Bearbeiten von Text im Web
    7. Anwenden von Farben und Farbverläufen im Web
    8. Zeichnen und Bearbeiten von Pfaden im Web
    9. Arbeiten mit Cloud-Dokumenten im Web
    10. Einladen von Mitwirkenden zum Bearbeiten im Web
  4. Illustrator auf dem iPad
    1. Einführung in Illustrator auf dem iPad
      1. Illustrator auf dem iPad – Überblick
      2. Häufige Fragen zu Illustrator auf dem iPad
      3. Systemanforderungen | Illustrator auf dem iPad
      4. Funktionsumfang von Illustrator auf dem iPad
    2. Arbeitsbereich
      1. Arbeitsbereich von Illustrator auf dem iPad
      2. Touch-Kurzbefehle und Gesten
      3. Tastaturbefehle für Illustrator auf dem iPad
      4. Verwalten von App-Einstellungen
    3. Dokumente
      1. Arbeiten mit Dokumenten in Illustrator auf dem iPad
      2. Importieren von Photoshop- und Fresco-Dokumenten
    4. Auswählen und Anordnen von Objekten
      1. Erstellen von Wiederholungsobjekten
      2. Angleichen von Objekten
    5. Zeichnen
      1. Zeichnen und Bearbeiten von Pfaden
      2. Zeichnen und Bearbeiten von Formen
    6. Text
      1. Arbeiten mit Text und Schriftarten
      2. Erstellen von Text-Designs entlang eines Pfads
      3. Hinzufügen eigener Schriften
    7. Arbeiten mit Bildern
      1. Vektorisieren von Rasterbildern
    8. Farben
      1. Anwenden von Farben und Farbverläufen
  5. Cloud-Dokumente
    1. Grundlagen
      1. Arbeiten mit Illustrator-Cloud-Dokumenten
      2. Freigeben und gemeinsame Bearbeitung von Illustrator-Cloud-Dokumenten
      3. Freigeben von Dokumenten für Reviews
      4. Upgraden des Cloud-Speicherplatzes für Adobe Illustrator
      5. Illustrator-Cloud-Dokumente | Häufige Fragen
    2. Fehlerbehebung
      1. Fehlerbehebung beim Erstellen oder Speichern von Problemen für Illustrator-Cloud-Dokumente
      2. Beheben von Problemen mit Illustrator-Cloud-Dokumenten
  6. Hinzufügen und Bearbeiten von Inhalten
    1. Zeichnen
      1. Zeichnen – Grundlagen
      2. Bearbeiten von Pfaden
      3. Zeichnen pixelgenauer Grafiken
      4. Zeichnen mit dem Zeichenstift- oder Buntstift-Werkzeug und dem Kurvenzeichner
      5. Zeichnen von einfachen Linien und Formen
      6. Zeichnen rechteckiger und radialer Raster
      7. Zeichnen und Bearbeiten von Blendenflecken
      8. Nachzeichnen von Bildern
      9. Vereinfachen von Pfaden
      10. Symbol-Werkzeuge und Symbolsätze
      11. Anpassen von Pfadsegmenten
      12. Zeichnen einer Blume in fünf einfachen Schritten
      13. Erstellen und Bearbeiten eines Perspektivenrasters
      14. Zeichnen und Ändern von Objekten in einem Perspektivenraster
      15. Verwenden von Objekten als Symbole für die mehrfache Verwendung
      16. Zeichnen von an Pixeln ausgerichteten Pfaden für Web-Workflows
    2. Bemaßung
      1. Anzeigen und Einzeichnen von Bemaßungen
    3. 3D-Objekte und -Materialien
      1. Grundlagen von 3D‑Effekten in Illustrator
      2. Erstellen von 3D‑Grafiken
      3. Zuordnen von Bildmaterial auf 3D-Objekte
      4. Erstellen von 3D-Text
      5. Erstellen von 3D-Objekten
    4. Farben
      1. Wissenswertes zu Farben
      2. Auswählen von Farben
      3. Verwenden und Erstellen von Farbfeldern
      4. Anpassen von Farben
      5. Verwenden des Bedienfelds „Adobe Color-Themen“
      6. Farbgruppen (Harmonien)
      7. Adobe Color-Themen-Bedienfeld
      8. Bildmaterial neu färben
    5. Malen
      1. Wissenswertes zum Malen
      2. Malen mit Flächen und Konturen
      3. Interaktive Malgruppen
      4. Verläufe
      5. Pinsel
      6. Transparenz und Füllmethoden
      7. Anwenden einer Kontur auf ein Objekt
      8. Erstellen und Bearbeiten von Mustern
      9. Raster
      10. Muster
    6. Auswählen und Anordnen von Objekten
      1. Auswählen von Objekten
      2. Ebenen
      3. Gruppieren und Umwandeln von Objekten
      4. Verschieben, Ausrichten und Verteilen von Objekten
      5. Ausrichten, Anordnen und Verschieben von Objekten auf einem Pfad
      6. Ausrichten von Objekten an einer Glyphe
      7. Ausrichten von Objekten an einer japanischen Glyphe
      8. Übereinanderlegen von Objekten    
      9. Sperren, Ausblenden und Löschen von Objekten
      10. Kopieren und Duplizieren von Objekten
      11. Drehen und Spiegeln von Objekten
      12. Objekte verflechten
      13. Erstellen realistischer Grafikmaterial-Mockups
    7. Ändern der Form von Objekten
      1. Freistellen von Bildern
      2. Transformieren von Objekten
      3. Kombinieren von Objekten
      4. Ausschneiden, Aufteilen und Zuschneiden von Objekten
      5. Formraster
      6. Skalieren, Verbiegen und Verzerren von Objekten
      7. Angleichen von Objekten
      8. Verformen mit Hüllen
      9. Ändern der Form von Objekten mit Effekten
      10. Erstellen neuer Formen mit den Shaper- und Formerstellungswerkzeugen
      11. Verwenden von interaktiven Ecken
      12. Verbesserte Workflows zum Ändern von Formen mit Touch-Unterstützung
      13. Bearbeiten von Schnittmasken
      14. Interaktive Formen
      15. Erstellen von Formen mit dem Formerstellungswerkzeug
      16. Globale Bearbeitung
    8. Text
      1. Hinzufügen von Text und Arbeiten mit Textobjekten
      2. Reflow-Ansicht
      3. Erstellen von Aufzählungslisten und nummerierten Listen
      4. Verwalten des Textbereichs
      5. Schriftarten und Typografie
      6. Konvertieren von Text in Bildern in bearbeitbaren Text
      7. Hinzufügen grundlegender Formatierungen zu Text
      8. Hinzufügen erweiterter Formatierungen zu Text
      9. Importieren und Exportieren von Text
      10. Formatieren von Absätzen
      11. Sonderzeichen
      12. Erstellen von Pfadtext
      13. Zeichen- und Absatzformate
      14. Registerkarten
      15. Suchen nach fehlenden Schriften (Typekit-Workflow)
      16. Arabische und hebräische Schrift
      17. Schriftarten | Häufige Fragen und Tipps zur Fehlerbehebung
      18. Kreative Typografie-Designs
      19. Skalieren und Drehen von Text
      20. Zeilen- und Zeichenabstand
      21. Silbentrennung und Zeilenumbrüche
      22. Rechtschreibungs- und sprachspezifische Wörterbücher
      23. Formatieren von asiatischen Schriftzeichen
      24. Setzer für asiatische Schriften
      25. Erstellen von Textdesigns mit Angleichungsobjekten
      26. Erstellen eines Textposters mithilfe des Bildnachzeichners
    9. Erstellen von Spezialeffekten
      1. Arbeiten mit Effekten
      2. Grafikstile
      3. Aussehen-Attribute
      4. Erstellen von Zeichnungen und Mosaiken
      5. Schlagschatten, Schein und weiche Kanten
      6. Überblick über die Effekte
    10. Webgrafiken
      1. Empfehlungen zum Erstellen von Webgrafiken
      2. Diagramme
      3. SVG
      4. Slices und Imagemaps
  7. Importieren, Exportieren und Speichern
    1. Importieren
      1. Platzieren mehrerer Dateien
      2. Verwalten verknüpfter und eingebetteter Dateien
      3. Verknüpfungsinformationen
      4. Einbettung von Bildern aufheben
      5. Importieren von Bildmaterial aus Photoshop
      6. Importieren von Bitmap-Bildern
      7. Importieren von Adobe PDF-Dateien
      8. Importieren von EPS-, DCS- und AutoCAD-Dateien
    2. Creative Cloud-Bibliotheken in Illustrator 
      1. Creative Cloud-Bibliotheken in Illustrator
    3. Speichern und Exportieren
      1. Speichern von Grafiken
      2. Exportieren von Grafiken
      3. Erstellen von Adobe PDF-Dateien
      4. Adobe PDF-Optionen
      5. Verwenden von Illustrator-Grafiken in Photoshop
      6. Sammeln von Elementen und Exportieren in Stapeln
      7. Verpacken von Dateien
      8. Extrahieren von CSS | Illustrator CC
      9. Bedienfeld „Dokumentinformationen“
  8. Drucken
    1. Vorbereitung für den Druck
      1. Einrichten von Dokumenten zum Drucken
      2. Ändern von Seitenformat und Ausrichtung
      3. Festlegen von Schnittmarken für das Zuschneiden oder Ausrichten
      4. Erste Schritte mit großen Arbeitsflächen
    2. Drucken
      1. Überdrucken
      2. Drucken mit Farbmanagement
      3. Drucken von PostScript-Dateien
      4. Druckvorgaben
      5. Druckermarken und Anschnitt
      6. Drucken und Speichern von transparentem Bildmaterial
      7. Überfüllen
      8. Drucken von Farbseparationen
      9. Drucken von Verläufen, Rastern und Farbübergängen
      10. Weiß überdrucken
  9. Automatisieren von Aufgaben
    1. Zusammenführen von Daten über das Variablenbedienfeld
    2. Automatisieren mit Skripten
    3. Automatisieren mit Aktionen
  10. Fehlerbehebung 
    1. Behobene Probleme
    2. Bekannte Probleme
    3. Probleme mit Abstürzen
    4. Wiederherstellen von Dateien nach Absturz
    5. Dateiprobleme
    6. Unterstützte Dateiformate
    7. Probleme mit GPU-Gerätetreibern
    8. Probleme mit Wacom-Geräten
    9. Probleme mit DLL-Dateien
    10. Arbeitsspeicherprobleme
    11. Probleme mit der Voreinstellungendatei
    12. Schriftprobleme
    13. Druckerprobleme
    14. Absturzbericht an Adobe senden
    15. Leistung von Illustrator verbessern

Wissenswertes zu Slices

Webseiten können eine Vielzahl von Elementen wie beispielsweise HTML-Text, Bitmap- und Vektorgrafiken enthalten. In Illustrator können Sie mithilfe von Slices die Begrenzungen unterschiedlicher Webelemente im Bildmaterial definieren. Wenn das Bildmaterial z. B. eine Bitmap enthält, die im JPEG-Format optimiert werden muss, und für den Rest des Bildes die Optimierung als GIF-Datei wünschenswert wäre, können Sie das Bitmapbild mit einem Slice isolieren. Wenn Sie das Bildmaterial mit dem Befehl „Für Web und Geräte speichern“ als Webseite speichern, können Sie festlegen, dass jedes Slice als unabhängige Datei mit eigenem Format, eigenen Einstellungen und eigener Farbtabelle gespeichert wird.

Slices in einem Illustrator-Dokument entsprechen Tabellenzellen in der resultierenden Webseite. Standardmäßig wird der Slice-Bereich als Bilddatei exportiert, die von einer Tabellenzelle umgeben wird. Wenn Sie möchten, dass die Tabellenzelle HTML-Text und eine Hintergrundfarbe anstelle einer Bilddatei enthält, ändern Sie den Slice-Typ in „Kein Bild“. Wenn Sie Illustrator-Text in HTML-Text umwandeln möchten, ändern Sie den Slice-Typ in „HTML-Text“.

Geslictes Bildmaterial mit unterschiedlichen Slice-Typen
Geslictes Bildmaterial mit unterschiedlichen Slice-Typen

A. Slice-Typ „Kein Bild“ B. Slice-Typ „Bild“ C. Slice-Typ „HTML-Text“ 

Sie können Slices auf der Zeichenfläche und im Dialogfeld „Für Web und Geräte speichern“ anzeigen. Illustrator nummeriert Slices von links nach rechts und von oben nach unten und beginnt dabei in der linken oberen Ecke des Bildmaterials. Wenn Sie die Anordnung oder Gesamtzahl der Slices ändern, werden die Slice-Nummern entsprechend aktualisiert.

Wenn Sie ein Slice erstellen, wird das umgebende Bildmaterial von Illustrator in automatische Slices unterteilt, um das Layout mithilfe einer webbasierten Tabelle verwalten zu können. Es gibt zwei Arten von automatischen Slices: Auto-Slices und Unter-Slices. Auto-Slices beziehen sich auf die Bereiche des Bildmaterials, die Sie nicht als Slice definiert haben. Auto-Slices werden bei jedem Hinzufügen bzw. Bearbeiten von Slices neu generiert. Unter-Slices geben an, wie überlappende, benutzerdefinierte Slices aufgeteilt werden. Obwohl Unter-Slices nummeriert sind und mit einem Slice-Symbol angezeigt werden, können Sie sie nicht vom darunter liegenden Slice getrennt auswählen. Bei Bedarf werden Auto-Slices und Unter-Slices von Illustrator während der Bearbeitung neu generiert.

Erstellen von Slices

  1. Führen Sie einen der folgenden Schritte durch:
    • Wählen Sie mindestens ein Objekt auf der Zeichenfläche aus und wählen Sie „Objekt“ > „Slice“ > „Erstellen“.

    • Wählen Sie das Slice-Werkzeug  aus und ziehen Sie es über den Bereich, in dem Sie ein Slice erstellen möchten. Halten Sie beim Ziehen des Zeigers über den Bereich die Umschalttaste gedrückt, wenn das Slice quadratisch sein soll. Ziehen Sie bei gedrückter Alt- (Windows) bzw. Wahltaste (Mac OS), um das Slice von der Mitte aus zu zeichnen.

    • Wählen Sie mindestens ein Objekt auf der Zeichenfläche aus und wählen Sie „Objekt“ > „Slice“ > „Aus Auswahl erstellen“.

    • Setzen Sie Hilfslinien an die Stellen, an denen das Bildmaterial in Slices aufgeteilt werden soll, und wählen Sie „Objekt“ > „Slice“ > „Aus Hilfslinien erstellen“.

    • Wählen Sie ein vorhandenes Slice aus und wählen Sie „Objekt“ > „Slice“ > „Slice duplizieren“.

      Tipp: Verwenden Sie den Befehl „Objekt“ > „Slice“ > „Erstellen“, wenn die Slice-Abmessungen mit der Begrenzung eines Elements im Bildmaterial übereinstimmen sollen. Wenn das Element verschoben oder bearbeitet wird, passt sich die Größe des Slice automatisch an das neue Bildmaterial an. Mit diesem Befehl können Sie auch ein Slice erstellen, das Text- und grundlegende Formatierungseigenschaften eines Textobjekts erfasst.

      Tipp: Verwenden Sie das Slice-Werkzeug, den Befehl „Aus Auswahl erstellen“ oder den Befehl „Aus Hilfslinien erstellen“, wenn die Abmessungen des Slice von dem zugrunde liegenden Bildmaterial unabhängig sein sollen. Die so erstellten Slices werden im Ebenenbedienfeld angezeigt und können wie jedes andere Vektorobjekt verschoben, skaliert und gelöscht werden.

Auswählen von Slices

Wählen Sie mit dem Slice-Auswahl-Werkzeug  im Zeichenfenster oder im Dialogfeld „Für Web und Geräte speichern“ ein Slice aus.

  • Soll ein Slice ausgewählt werden, klicken Sie darauf.
  • Sollen mehrere aufeinander folgende Slices ausgewählt werden, halten Sie beim Klicken die Umschalttaste gedrückt. (Im Dialogfeld „Für Web und Geräte speichern“ können Sie auch bei gedrückter Umschalttaste ziehen.)
  • Soll ein Slice ausgewählt werden, das von einem anderen überlappt wird, klicken Sie auf den noch sichtbaren Bereich dieses Slice.

    Außerdem können Sie Slices im Zeichenfenster auswählen, indem Sie einen der folgenden Schritte ausführen:

  • Soll ein Slice ausgewählt werden, das mit dem Befehl „Objekt“ > „Slice“ > „Erstellen“ erstellt wurde, wählen Sie das entsprechende Bildmaterial auf der Zeichenfläche aus. Wenn das Slice mit einer Gruppe oder Ebene verbunden ist, wählen Sie im Ebenenbedienfeld das Zielsymbol neben der Gruppe bzw. Ebene aus.
  • Soll ein Slice ausgewählt werden, das mit dem Slice-Werkzeug, dem Befehl „Aus Auswahl erstellen“ oder dem Befehl „Aus Hilfslinien erstellen“ erstellt wurde, wählen Sie das Slice im Ebenenbedienfeld als Ziel aus.
  • Klicken Sie mit dem Auswahl-Werkzeug  auf den Slice-Pfad.
  • Soll ein Slice-Pfadsegment oder ein Slice-Ankerpunkt ausgewählt werden, klicken Sie mit dem Direktauswahl-Werkzeug auf das gewünschte Element.

    Hinweis: Auto-Slices können nicht ausgewählt werden. Diese Slices werden abgeblendet dargestellt.

Festlegen von Slice-Optionen

Es hängt von den für das Slice ausgewählten Optionen ab, wie der Inhalt des Slice in der resultierenden Webseite angezeigt wird und funktioniert.

  1. Führen Sie mit dem Slice-Auswahl-Werkzeug einen der folgenden Schritte aus:
    • Wählen Sie im Zeichenfenster ein Slice aus und wählen Sie „Objekt“ > „Slice“ > „Slice-Optionen“.

    • Doppelklicken Sie im Dialogfeld „Für Web und Geräte speichern“ mit dem Slice-Auswahl-Werkzeug auf ein Slice.

  2. Wählen Sie einen Slice-Typ und legen Sie die entsprechenden Optionen fest:

    Bild

    Wählen Sie diesen Typ, wenn Sie möchten, dass der Slice-Bereich in der resultierenden Webseite eine Bilddatei sein soll. Wenn Sie möchten, dass das Bild ein HTML-Link ist, geben Sie einen URL und einen Ziel-Frame ein. Sie können auch eine Meldung festlegen, die im Statusbereich des Browsers angezeigt wird, wenn Sie mit dem Mauszeiger auf das Bild zeigen. Außerdem können Sie einen alternativen Text festlegen, der angezeigt wird, wenn das Bild nicht sichtbar ist, sowie eine Hintergrundfarbe für die Tabellenzelle.

    Kein Bild

    Wählen Sie diesen Typ, wenn Sie möchten, dass der Slice-Bereich HTML-Text sowie eine Hintergrundfarbe in der resultierenden Webseite enthalten soll. Geben Sie den gewünschten Text im Textfeld „In Zelle angez. Text“ ein und formatieren Sie ihn mithilfe der üblichen HTML-Tags. Geben Sie nicht mehr Text ein, als im Slice-Bereich angezeigt werden kann. (Wenn Sie zu viel Text eingeben, fließt dieser in benachbarte Slices und das Layout der Webseite wird beeinträchtigt. Da der Text nicht auf der Zeichenfläche angezeigt wird, lässt sich dies aber erst feststellen, wenn Sie sich die Webseite in einem Webbrowser ansehen.) Legen Sie Optionen für die horizontale und vertikale Ausrichtung fest, um die Ausrichtung von Text in der Tabellenzelle zu ändern.

    HTML-Text

    Dieser Typ ist nur verfügbar, wenn Sie das Slice durch Auswählen eines Textobjekts und Wählen von „Objekt“ > „Slice“ > „Erstellen“ erstellt haben. Der Illustrator-Text wird in HTML-Text mit grundlegenden Formatattributen in der resultierenden Webseite konvertiert. Zur Bearbeitung des Textes müssen Sie den Text im Bildmaterial aktualisieren. Legen Sie Optionen für die horizontale und vertikale Ausrichtung fest, um die Ausrichtung von Text in der Tabellenzelle zu ändern. Sie können auch eine Hintergrundfarbe für die Tabellenzelle auswählen.

    Tipp: Wenn Sie Text für den Slice-Typ „HTML-Text“ im Dialogfeld „Slice-Optionen“ bearbeiten möchten, ändern Sie den Slice-Typ in „Kein Bild“. Dadurch wird die Verknüpfung mit dem Textobjekt auf der Zeichenfläche aufgehoben. Soll die Textformatierung ignoriert werden, geben Sie als erstes Wort im Textobjekt „<unformatiert>“ ein.

Sperren von Slices

Durch das Sperren von Slices können Sie versehentliche Änderungen (Skalieren, Verschieben usw.) verhindern.

  • Sollen alle Slices gesperrt werden, wählen Sie „Ansicht“ > „Slices sperren“.
  • Sollen einzelne Slices gesperrt werden, klicken Sie im Ebenenbedienfeld auf die Bearbeitungsspalte der Slices.

Anpassen von Slice-Begrenzungen

Die Lage und die Größe eines Slice, das mit dem Befehl „Objekt“ > „Slice“ > „Erstellen“ erstellt wurde, sind von dem Bildmaterial abhängig, das im Slice enthalten ist. Wenn Sie das Bildmaterial also verschieben oder dessen Größe ändern, werden die Begrenzungen des Slice automatisch angepasst.

Wenn Sie ein Slice mit dem Slice-Werkzeug, dem Befehl „Aus Auswahl erstellen“ oder dem Befehl „Aus Hilfslinien erstellen“ erstellt haben, können Sie die Slices manuell wie folgt anpassen:

  • Soll ein Slice verschoben werden, ziehen Sie es mithilfe des Slice-Auswahl-Werkzeugs  an die gewünschte Stelle. Halten Sie beim Ziehen die Umschalttaste gedrückt, um die Verschiebung auf die vertikale, horizontale oder diagonale (45 Grad) Richtung zu beschränken.
  • Soll die Größe eines Slice geändert werden, wählen Sie das gewünschte Slice mit dem Slice-Auswahlwerkzeug aus und ziehen Sie an einer Ecke oder Seite des Slice. Sie können auch das Auswahl-Werkzeug oder das Transformierenbedienfeld verwenden, um die Größe von Slices zu ändern.
  • Sollen Slices ausgerichtet oder verteilt werden, verwenden Sie das Ausrichtenbedienfeld. Durch das Ausrichten von Slices lassen sich nicht benötigte Auto-Slices entfernen und kleinere, effizientere HTML-Dateien erstellen.
  • Wenn Sie die Stapelreihenfolge von Slices ändern möchten, ziehen Sie das Slice im Ebenenbedienfeld an eine andere Stelle oder wählen Sie unter „Objekt“ > „Anordnen“ einen Befehl aus.
  • Soll ein Slice unterteilt werden, wählen Sie das Slice aus und wählen Sie „Objekt“ > „Slice“ > „Slices unterteilen“.

    Sie können Slices kombinieren, unabhängig davon, mit welcher Methode sie erstellt wurden. Wählen Sie die Slices aus und wählen Sie „Objekt“ > „Slice“ > „Slices kombinieren“. Abmessungen und Position des resultierenden Slice werden durch das Rechteck bestimmt, das durch Verbinden der Außenkanten der kombinierten Slices entsteht. Wenn die kombinierten Slices nicht nebeneinander liegen oder unterschiedliche Proportionen oder Ausrichtungen haben, kann das neue Slice andere Slices überlappen.

    Sollen alle Slices auf die Größe der Zeichenfläche skaliert werden, wählen Sie „Objekt“ > „Slice“ > „Ganze Zeichenfläche exportieren“. Slices, die größer als die Zeichenfläche sind, werden auf die Größe der Zeichenfläche zugeschnitten. Auto-Slices, die kleiner als die Zeichenfläche sind, werden entsprechend vergrößert. An dem Bildmaterial selbst werden keine Änderungen vorgenommen.

Entfernen von Slices

Sie können Slices entfernen, indem Sie sie löschen oder in dem jeweiligen Bildmaterial zurückwandeln.

  • Soll ein Slice gelöscht werden, wählen Sie es aus und klicken Sie auf die Schaltfläche „Löschen“. Wenn das Slice mit dem Befehl „Objekt“ > „Slice“ > „Erstellen“ erstellt wurde, wird gleichzeitig auch das entsprechende Bildmaterial gelöscht. Soll das zugehörige Bildmaterial nicht gelöscht werden, löschen Sie das Slice nicht, sondern wandeln Sie es zurück.
  • Sollen alle Slices gelöscht werden, wählen Sie „Objekt“ > „Slice“ > „Alle löschen“. Slices, die mit dem Befehl „Objekt“ > „Slice“ > „Erstellen“ erstellt wurden, werden nicht gelöscht, sondern zurückgewandelt.
  • Soll ein Slice zurückgewandelt werden, wählen Sie es aus und wählen Sie „Objekt“ > „Slice“ > „Zurückwandeln“.

Ein- oder Ausblenden von Slices

  • Sollen Slices im Zeichenfenster ausgeblendet werden, wählen Sie „Ansicht“ > „Slices ausblenden“.
  • Sollen Slices im Dialogfeld „Für Web und Geräte speichern“ ausgeblendet werden, klicken Sie auf die Schaltfläche „Slices einblenden/ausblenden“ .
  • Wenn Sie die Slice-Nummern ausblenden und die Farbe der Slice-Linien ändern möchten, wählen Sie „Bearbeiten“ > „Voreinstellungen“ > „Intelligente Hilfslinien und Slices“ (Windows) bzw. „Illustrator“ > „Voreinstellungen“ > „Intelligente Hilfslinien und Slices“ (Mac OS).

Erstellen von Imagemaps

Mit Imagemaps können Sie einen oder mehrere Bereiche eines Bildes, die so genannten Hotspots, mit einem URL verknüpfen. Wenn ein Besucher der Webseite auf einen Hotspot klickt, lädt der Webbrowser sofort die verknüpfte Datei.

Der Hauptunterschied bei der Verwendung von Imagemaps und Slices zum Erstellen von Links liegt darin, wie das Bildmaterial als Webseite exportiert wird. Bei Imagemaps bleibt das Bildmaterial als einzelne Bilddatei intakt, während es bei Slices in separate Dateien aufgeteilt wird. Ein weiterer Unterschied besteht darin, dass bei Imagemaps polygonale oder rechteckige Bildbereiche verknüpft werden können, bei Slices aber nur rechteckige Bereiche. Wenn Sie nur rechteckige Bereiche verknüpfen müssen, sind Slices möglicherweise besser geeignet als Imagemaps.

Hinweis:

Im Interesse einer ordnungsgemäßen Darstellung der Verknüpfungen sollten in Slices, die URL-Links enthalten, keine zusätzlichen Imagemap-Bereiche erstellt werden, da in einigen Browsern u. U. eine der beiden Verknüpfungen ignoriert wird.

  1. Wählen Sie das Objekt aus, das mit einem URL verknüpft werden soll.
  2. Wählen Sie im Attributebedienfeld im Menü „Imagemap“ eine Form für die Imagemap aus.
  3. Geben Sie im Textfeld „URL“ einen relativen oder vollständigen URL-Pfad ein oder wählen Sie aus der Liste der verfügbaren URLs einen URL aus. Wenn Sie die eingegebene URL-Adresse testen möchten, klicken Sie auf die Schaltfläche „Browser“.
    Hinweis:

    Wenn Sie die Anzahl der im Menü „URL“ angezeigten Einträge erhöhen möchten, wählen Sie im Menü des Attributebedienfelds die Option „Bedienfeldoptionen“. Geben Sie dann unter „Anzahl der URL-Einträge“ eine Zahl zwischen 1 und 30 ein.

 Adobe

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14. bis 16. Oktober in Miami Beach und online

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14. bis 16. Oktober in Miami Beach und online