Benutzerhandbuch Abbrechen

Erstellen von Web-Fotogalerien

  1. Photoshop-Benutzerhandbuch
  2. Einführung in Photoshop
    1. Erst ist es ein Traum. Dann Realität.
    2. Neuerungen in Photoshop
    3. Bearbeite dein erstes Foto
    4. Erstellen von Dokumenten
    5. Photoshop | Häufige Fragen
    6. Photoshop – Systemanforderungen
    7. Einsatzmöglichkeiten von Photoshop
  3. Photoshop und andere Adobe-Produkte und -Dienste
    1. Arbeiten mit Illustrator-Grafiken in Photoshop
    2. Arbeiten mit Photoshop-Dateien in InDesign
    3. Substance 3D-Materialien für Photoshop
    4. Verwenden der Erweiterung „Capture in-App“ in Photoshop
  4. Photoshop auf dem iPad (nicht verfügbar in Festlandchina)
    1. Photoshop auf dem iPad | Häufige Fragen
    2. Kennenlernen des Arbeitsbereichs
    3. Systemanforderungen | Photoshop auf dem iPad
    4. Erstellen, Öffnen und Exportieren von Dokumenten
    5. Fotos hinzufügen
    6. Arbeiten mit Ebenen
    7. Zeichnen und Malen mit Pinseln
    8. Eine Auswahl treffen und Masken hinzufügen
    9. Retuschieren deiner Kompositionen
    10. Arbeiten mit Korrekturebenen
    11. Die Tonalität deiner Komposition mit Kurven anpassen
    12. Anwenden von Transformationsoperationen
    13. Kompositionen zuschneiden und drehen
    14. Drehen, Verschieben, Zoomen und Zurücksetzen der Arbeitsfläche
    15. Arbeiten mit Textebenen
    16. Arbeiten mit Photoshop und Lightroom
    17. Erhalte fehlende Schriftarten in Photoshop auf dem iPad
    18. Japanischer Text in Photoshop auf dem iPad
    19. App-Einstellungen verwalten
    20. Touch-Shortcuts und Gesten
    21. Tastaturbefehle
    22. Bearbeiten der Bildgröße
    23. Livestream beim Erstellen in Photoshop auf dem iPad
    24. Makel mit dem Reparatur-Pinsel beheben
    25. Pinsel in Capture erstellen und in Photoshop auf dem iPad verwenden
    26. Arbeiten mit Camera Raw Dateien
    27. Erstellen und Arbeiten mit Smartobjekten
    28. Korrigiere die Belichtung in deinen Bildern mit Abwedler und Nachbelichter
    29. Befehle für die automatische Korrektur in Photoshop auf dem iPad
    30. Verwischen von Bildbereichen in Photoshop auf dem iPad
    31. Erhöhen oder Verringern der Sättigung von Bildern mit dem Schwamm-Werkzeug
    32. Inhaltsbasierte Füllung für iPads
  5. Web-Version von Photoshop (nicht verfügbar in Festlandchina)
    1. Häufige Fragen
    2. Systemanforderungen
    3. Tastaturbefehle
    4. Unterstützte Dateitypen
    5. Einführung in den Arbeitsbereich
    6. Cloud-Dokumente öffnen und bearbeiten
    7. Generative KI-Funktionen
    8. Grundlegende Konzepte der Bildbearbeitung
    9. Schnellaktionen
    10. Arbeiten mit Ebenen
    11. Retuschieren von Bildern und Beseitigen von Bilddefekten
    12. Schnelles Auswählen von Bereichen
    13. Bildverbesserungen mit Korrekturebenen
    14. Hinzufügen einer Füllebene
    15. Verschieben, Transformieren und Zuschneiden von Bildern
    16. Zeichnen und malen
    17. Zeichnen und Bearbeiten von Formen
    18. Arbeiten mit Textebenen
    19. Arbeite mit beliebigen anderen Personen im Internet zusammen
    20. App-Einstellungen verwalten
    21. Bild generieren
    22. Hintergrund generieren
    23. Referenzbild
  6. Photoshop (Beta) (nicht verfügbar in Festlandchina)
    1. Erste Schritte mit Beta-Apps in der Creative Cloud
    2. Photoshop (Beta) auf dem Desktop
    3. Generieren eines Hintergrunds mit beschreibenden Texteingaben
  7. Generative KI (nicht verfügbar in Festlandchina)
    1. Häufige Fragen zu generativer KI in Photoshop
    2. Generatives Füllen in Photoshop auf dem Desktop
    3. Generieren eines Bildes mit beschreibenden Texteingaben
    4. Generatives Erweitern in Photoshop auf dem Desktop
    5. Generatives Füllen in Photoshop auf dem iPad
    6. Generatives Erweitern in Photoshop auf dem iPad
    7. Generative KI-Funktion in der Web-Version von Photoshop
  8. Content Authenticity (nicht verfügbar in Festlandchina)
    1. Inhaltsurhebernachweise in Photoshop
    2. Identität und Herkunft für NFTs
    3. Konten für die kreative Zuordnung verknüpfen
  9. Cloud-Dokumente (nicht verfügbar in Festlandchina)
    1. Photoshop-Cloud-Dokumente | Häufige Fragen
    2. Photoshop Cloud-Dokumente | Häufige Fragen
    3. Verwalten und Bearbeiten von Cloud-Dokumenten in Photoshop
    4. Aktualisiere den Cloud-Speicher für Photoshop
    5. Cloud-Dokument kann nicht erstellt oder gespeichert werden
    6. Behebe Fehler in Photoshop Cloud-Dokumenten
    7. Erfassen von Cloud-Dokumentsynchronisierungsprotokollen
    8. Andere zum Bearbeiten deiner Cloud-Dokumente einladen
    9. Dateien freigeben und kommentieren in der App
  10. Arbeitsbereich
    1. Arbeitsbereich – Grundlagen
    2. Voreinstellungen
    3. Schnelleres Lernen mit dem Photoshop „Entdecken“-Bedienfeld
    4. Erstellen von Dokumenten
    5. Einfügen von Dateien
    6. Standard-Tastaturbefehle
    7. Tastaturbefehle anpassen
    8. Werkzeuggalerien
    9. Leistungsvoreinstellungen
    10. Verwenden von Werkzeugen
    11. Presets
    12. Raster und Hilfslinien
    13. Touch-Gesten
    14. Die Touch Bar in Photoshop
    15. Touch-Funktionen und benutzerdefinierte Arbeitsbereiche
    16. Technologievorschau
    17. Metadaten und Anmerkungen
    18. Touch-Funktionen und benutzerdefinierte Arbeitsbereiche
    19. Einfügen von Photoshop-Bildern in andere Anwendungen
    20. Lineale
    21. Anzeigen oder Ausblenden nicht druckbarer Extras
    22. Festlegen von Spalten für ein Bild
    23. Befehl „Rückgängig“ und Protokollbedienfeld
    24. Bedienfelder und Menüs
    25. Positionieren von Elementen durch Ausrichten
    26. Positionieren mit dem Linealwerkzeug
  11. Web-, Bildschirm- und App-Design
    1. Photoshop für Design
    2. Zeichenflächen
    3. Gerätevorschau
    4. Kopieren von CSS aus Ebenen
    5. Slicen von Webseiten
    6. HTML-Optionen für Slices
    7. Ändern des Slice-Layouts
    8. Arbeiten mit Webgrafiken
    9. Erstellen von Web-Fotogalerien
  12. Bilder und Farben – Grundlagen
    1. So skalierst du Bilder
    2. Arbeiten mit Raster- und Vektorbildern
    3. Bildgröße und Auflösung
    4. Importieren von Bildern von Kameras und Scannern
    5. Erstellen, Öffnen und Importieren von Bildern
    6. Anzeigen von Bildern
    7. Ungültiger JPEG-Markerfehler | Bild öffnen
    8. Anzeigen mehrerer Bilder
    9. Anpassen von Farbwählern und Farbfeldern
    10. Bilder mit hohem dynamischem Bereich
    11. Abgleichen von Farben in deinem Bild
    12. Konvertieren zwischen Farbmodi
    13. Farbmodi
    14. Entfernen von Teilen eines Bildes
    15. Füllmethoden
    16. Auswählen von Farben
    17. Anpassen von indizierten Farbtabellen
    18. Bildinformationen
    19. Verzerrungsfilter sind nicht verfügbar
    20. Wissenswertes zu Farbe
    21. Farb- und Monochromkorrekturen über Kanäle
    22. Auswählen von Farben im Farb- und Farbfeldbedienfeld
    23. Aufnehmen
    24. Farbmodus oder Bildmodus
    25. Farbstich
    26. Hinzufügen einer bedingten Modusänderung zu einer Aktion
    27. Hinzufügen von Farbfeldern aus HTML, CSS und SVG
    28. Bittiefe und Voreinstellungen
  13. Ebenen
    1. Ebenen – Grundlagen
    2. Nicht-destruktive Bearbeitung
    3. Erstellen und Verwalten von Ebenen und Gruppen
    4. Auswählen, Gruppieren und Verbinden von Ebenen
    5. Platzieren von Bildern in Rahmen
    6. Deckkraft und Mischmodus einer Ebene
    7. Maskieren von Ebenen
    8. Anwenden von Smartfiltern
    9. Ebenenkompositionen
    10. Verschieben, Stapeln und Fixieren von Ebenen
    11. Maskieren von Ebenen mit Vektormasken
    12. Verwalten von Ebenen und Gruppen
    13. Ebeneneffekte und -stile
    14. Bearbeiten von Ebenenmasken
    15. Elemente extrahieren
    16. Anzeigen von Ebenen mit Schnittmasken
    17. Erzeugen von·Bildelementen aus Ebenen
    18. Die Arbeit mit Smartobjekten
    19. Füllmethoden
    20. Kombinieren mehrerer Bilder zu einem Gruppenporträt
    21. Kombinieren von Bildern mit automatisch überblendeten Ebenen
    22. Ausrichten und Verteilen von Ebenen
    23. Kopieren von CSS aus Ebenen
    24. Laden der Auswahl aus einer Ebene oder den Begrenzungen der Ebenenmaske
    25. Aussparen von Bereichen, um Inhalt von anderen Ebenen zu sehen
  14. Auswahl
    1. Erste Schritte mit der Auswahl
    2. Treffen von Auswahlen in deinem Composite
    3. Arbeitsbereich „Auswählen und maskieren“
    4. Auswählen mit den Auswahlwerkzeugen
    5. Auswählen mit den Lasso-Werkzeugen
    6. Einstellen einer Pixelauswahl
    7. Verschieben, Kopieren und Löschen ausgewählter Pixel
    8. Erstellen einer temporären Maskierung
    9. Auswählen eines Farbbereichs in einem Bild
    10. Konvertieren von Pfaden in Auswahlbegrenzungen (und umgekehrt)
    11. Kanäle – Grundlagen
    12. Speichern der Auswahl und Alphakanalmasken
    13. Auswahl der Bildbereiche im Fokus
    14. Duplizieren, Teilen und Zusammenfügen von Kanälen
    15. Kanalberechnungen
  15. Bildkorrekturen
    1. Ersetzen von Objektfarben
    2. Perspektivische Verformung
    3. Bildstabilisierung zum Ausgleichen des Wackelns der Kamera
    4. Reparatur-Pinsel-Beispiele
    5. Exportieren von Color Lookup-Tabellen
    6. Anpassen der Bildschärfe und Weichzeichnung
    7. Farbkorrekturen
    8. Anwenden einer Helligkeits-/Kontrastkorrektur
    9. Anpassen der Details von Tiefen und Lichtern
    10. Tonwertkorrektur
    11. Anpassen von Farbton und Sättigung
    12. Anpassen der Lebendigkeit
    13. Anpassen der Farbsättigung in Bildbereichen
    14. Durchführen schneller Farbtonkorrekturen
    15. Anwenden von speziellen Farbeffekten auf Bilder
    16. Verbessere dein Bild mit der Farbbalancekorrektur
    17. Bilder mit hohem dynamischem Bereich
    18. Anzeigen von Histogrammen und Pixelwerten
    19. Abgleichen von Farben in deinem Bild
    20. Freistellen und gerades Ausrichten von Fotos
    21. Konvertieren eines Farbbildes in Schwarzweiß
    22. Einstellungs- und Füllebenen
    23. Gradationskurvenkorrektur
    24. Füllmethoden
    25. Anpassen von Bildern für die Ausgabe auf Druckmaschinen
    26. Korrigieren von Farbe und Tonwert mit Tonwertkorrektur- und Gradations-Pipetten
    27. Anpassen von HDR-Belichtung und -Tonung
    28. Abwedeln oder Nachbelichten von Bildbereichen
    29. Vornehmen von selektiven Farbkorrekturen
  16. Adobe Camera Raw
    1. Camera Raw – Systemanforderungen
    2. Neuerungen in Camera Raw
    3. Wissenswertes zu Camera Raw
    4. Erstellen von Panoramen
    5. Unterstützte Objektive
    6. Vignettierung, Körnungs- und Dunstentfernungseffekte in Camera Raw
    7. Standard-Tastaturbefehle
    8. Automatische Perspektivkorrektur in Camera Raw
    9. Radial-Filter in Camera Raw
    10. Verwalten von Camera Raw-Einstellungen
    11. Öffnen, Bearbeiten und Speichern von Bildern in Camera Raw
    12. Reparieren von Bildern mit dem erweiterten Bereichsreparaturwerkzeug in Camera Raw
    13. Drehen, Freistellen und Anpassen von Bildern
    14. Einstellen des Farbrenderings in Camera Raw
    15. Verarbeitungsversionen in Camera Raw
    16. Durchführen lokaler Korrekturen in Camera Raw
  17. Reparieren und Wiederherstellen von Bildern
    1. Entfernen von Objekten aus deinen Fotos mit der Funktion Inhaltsbasierte Füllung
    2. Inhaltsbasiertes Ausbessern und Verschieben
    3. Retuschieren und Reparieren von Fotos
    4. Korrigieren von Bildverzerrung und Rauschen
    5. Grundlegende Schritte zur Fehlerbehebung, die die meisten Probleme beheben
  18. Bildoptimierung und -transformation
    1. Himmel auf deinen Bildern ersetzen
    2. Transformieren von Objekten
    3. Anpassen der Funktionen für Freistellen, Drehen und Arbeitsfläche
    4. So stellst du Fotos frei und richtest sie gerade aus
    5. Erstellen und Bearbeiten von Panoramabildern
    6. Verformen von Bildern, Formen und Pfaden
    7. Fluchtpunkt
    8. Inhaltsbasiertes Skalieren
    9. Transformieren von Bildern, Formen und Pfaden
  19. Zeichnen und Malen
    1. Malen symmetrischer Muster
    2. Zeichne Rechtecke und ändere Konturoptionen
    3. Zeichnen
    4. Zeichnen und Bearbeiten von Formen
    5. Malwerkzeuge
    6. Erstellen und Bearbeiten von Pinseln
    7. Füllmethoden
    8. Hinzufügen von Farbe zu Pfaden
    9. Bearbeiten von Pfaden
    10. Malen mit dem Misch-Pinsel
    11. Pinselvorgaben
    12. Verläufe
    13. Interpolation für Verläufe
    14. Füllen und Zuweisen von Kontur für Auswahlbereiche, Ebenen und Pfade
    15. Zeichnen mit den Zeichenstift-Werkzeugen
    16. Erstellen von Mustern
    17. Erstellen eines Musters mit dem Mustergenerator
    18. Verwalten von Pfaden
    19. Verwalten von Musterbibliotheken und -vorgaben
    20. Zeichnen oder Malen mit einem Grafiktablett
    21. Erstellen von strukturierten Pinseln
    22. Hinzufügen von dynamischen Elementen zu Pinseln
    23. Verlauf
    24. Malen stilisierter Striche mit dem Kunst-Protokollpinsel
    25. Malen mit einem Muster
    26. Synchronisieren von Vorgaben auf mehreren Geräten
    27. Vorgaben, Aktionen und Einstellungen migrieren
  20. Text
    1. Hinzufügen und Bearbeiten von Text
    2. Unified Text Engine
    3. Arbeiten mit OpenType SVG-Schriftarten
    4. Formatieren von Zeichen
    5. Formatieren von Absätzen
    6. Erstellen von Texteffekten
    7. Bearbeiten von Text
    8. Zeilen- und Zeichenabstand
    9. Arabische und hebräische Schrift
    10. Schriften
    11. Fehlerbehebung bei Schriftarten
    12. Asiatische Schrift
    13. Erstellen von Text
  21. Filter und Effekte
    1. Verwendung der Weichzeichnergalerie
    2. Filter – Grundlagen
    3. Filtereffektereferenz
    4. Hinzufügen von Beleuchtungseffekten
    5. Verwenden des adaptiven Weitwinkelkorrekturfilters
    6. Verwenden des Ölfarbenfilters
    7. Verwenden des Verflüssigen-Filters
    8. Ebeneneffekte und -stile
    9. Anwenden spezifischer Filter
    10. Verwischen von Bildbereichen
  22. Speichern und Exportieren
    1. Speichern deiner Dateien in Photoshop
    2. Exportieren deiner Dateien in Photoshop
    3. Unterstützte Dateiformate
    4. Speichern von Dateien in Grafikformaten
    5. Designs zwischen Photoshop und Illustrator verschieben
    6. Speichern und Exportieren von Videos und Animationen
    7. Speichern von PDF-Dateien
    8. Digimarc-Copyrightschutz
  23. Farbmanagement
    1. Farbmanagement
    2. Gewährleisten konsistenter Farben
    3. Farbeinstellungen
    4. Duplexbilder
    5. Arbeiten mit Farbprofilen
    6. Farbmanagement für Dokumente zur Onlineanzeige
    7. Farbmanagement für Dokumente beim Drucken
    8. Farbmanagement für importierte Bilder
    9. Prüfen von Farben
  24. Web-, Bildschirm- und App-Design
    1. Photoshop für Design
    2. Zeichenflächen
    3. Gerätevorschau
    4. Kopieren von CSS aus Ebenen
    5. Slicen von Webseiten
    6. HTML-Optionen für Slices
    7. Ändern des Slice-Layouts
    8. Arbeiten mit Webgrafiken
    9. Erstellen von Web-Fotogalerien
  25. Video und Animation
    1. Videobearbeitung in Photoshop
    2. Bearbeiten von Video- und Animationsebenen
    3. Videos und Animationen – Übersicht
    4. Anzeigen einer Vorschau von Videos und Animationen
    5. Malen auf Frames in Videoebenen
    6. Importieren von Videodateien und Bildsequenzen
    7. Erstellen von Frame-Animationen
    8. Creative Cloud 3D Animation (Vorschau)
    9. Erstellen von Zeitleistenanimationen
    10. Erstellen von Bildern für Videos
  26. Drucken
    1. Drucken von 3D-Objekten
    2. Drucken aus Photoshop
    3. Drucken mit Farbmanagement
    4. Kontaktabzüge und PDF-Präsentationen
    5. Drucken von Fotos in einem Bildpaket-Layout
    6. Drucken von Volltonfarben
    7. Drucken von Bildern auf einer kommerziellen Druckmaschine
    8. Verbessern der Farbdrucke von Photoshop
    9. Beheben von Problemen beim Drucken | Photoshop
  27. Automatisierung
    1. Erstellen von Aktionen
    2. Erstellen von auf dynamischen Daten basierenden Grafiken
    3. Skripting
    4. Gleichzeitiges Verarbeiten mehrerer Dateien
    5. Abspielen und Verwalten von Aktionen
    6. Hinzufügen von bedingten Aktionen
    7. Aktionen und das Aktionenbedienfeld
    8. Aufzeichnen von Werkzeugen in Aktionen
    9. Hinzufügen einer bedingten Modusänderung zu einer Aktion
    10. Photoshop UI-Toolkit für Zusatzmodule und Skripten
  28. Fehlerbehebung
    1. Behobene Probleme
    2. Bekannte Probleme
    3. Optimieren der Leistung von Photoshop
    4. Grundlagen zur Fehlerbehebung
    5. Fehlerbehebung bei Abstürzen oder Einfrieren
    6. Fehlerbehebung bei Programmfehlern
    7. Beheben von Fehlern bei vollem Arbeitsvolume
    8. Fehlerbehebung bei GPU- und Grafiktreiberproblemen
    9. Fehlende Werkzeuge finden
    10. Photoshop – Häufig gestellte Fragen zu eingestellten 3D-Funktionen
Hinweis:

Hinweise zum Erstellen von Webgalerien mit Photoshop CS5 finden Sie in der Hilfe zu Adobe Bridge unter Erstellen einer Web-Fotogalerie. Wenn Sie das in den nachfolgenden Themen beschriebene ältere, optionale Web-Fotogalerie-Zusatzmodul verwenden möchten, laden Sie es zunächst für Windows oder Mac OS herunter und installieren Sie es.

Web-Fotogalerien

Eine Web-Fotogalerie ist eine Website, die aus einer Homepage mit Miniaturbildern sowie Galerieseiten mit Bildern in voller Größe besteht. Jede Seite verfügt über Links zum Navigieren durch die Site. Wenn ein Besucher z. B. auf der Homepage auf ein Miniaturbild klickt, wird das entsprechende Bild in voller Größe in eine Galerieseite geladen. Mit dem Befehl „Web-Fotogalerie“ können Sie aus einem Satz von Bildern automatisch eine Web-Fotogalerie erstellen.

Homepage einer Web-Fotogalerie in Photoshop
Homepage einer Web-Fotogalerie

Photoshop bietet für die Galerie eine Vielfalt von Stilen, die Sie mit dem Befehl „Web-Fotogalerie“ auswählen können. Wenn Sie mit HTML vertraut sind, können Sie durch Bearbeiten einer Reihe von HTML-Vorlagendateien einen neuen Stil erstellen oder einen vorhandenen Stil anpassen.

Jede Vorlage für Galeriestile enthält andere Optionen. Wenn Sie einen Vorgabestil verwenden, können daher einige Optionen abgeblendet dargestellt sein oder in diesem Stil gar nicht zur Verfügung stehen.

Erstellen von Web-Galerien in Adobe Bridge

Adobe Bridge verfügt über aktualisierte Funktionen zum Erstellen von Webgalerien. Anweisungen hierzu finden Sie unter Erstellen einer Web-Fotogalerie in der Hilfe zu Adobe Bridge oder in den nachfolgend aufgeführten Lehrgängen.

Verwenden des älteren, optionalen Photoshop-Zusatzmoduls

  1. Laden Sie das ältere Web-Fotogalerie-Zusatzmodul für Windows oder Mac OS herunter und installieren Sie es.

  2. (Optional) Wählen Sie in Adobe Bridge die gewünschten Dateien oder Ordner aus.

    Die Bilder werden in derselben Reihenfolge aufgeführt, wie sie in Adobe Bridge angezeigt werden. Wenn Sie eine andere Reihenfolge wünschen, ändern Sie die Reihenfolge in Bridge.

  3. Führen Sie einen der folgenden Schritte durch:

    • Wählen Sie in Adobe Bridge „Werkzeuge“ > „Photoshop“ > „Web-Fotogalerie“.

    • Wählen Sie in Photoshop „Datei“ > „Automatisieren“ > „Web-Fotogalerie“.

  4. Wählen Sie aus dem Popupmenü „Stile“ einen Stil für die Galerie. Im Dialogfeld wird eine Vorschau der Homepage für den gewählten Stil angezeigt.

  5. (Optional) Geben Sie eine E-Mail-Adresse als Kontaktadresse für die Galerie ein.

  6. Wählen Sie aus der Dropdown-Liste „Verwenden“ die Quelldateien für die Galerie aus.

    In Bridge ausgewählte Bilder

    Verwendet die Bilder, die vor dem Öffnen des Dialogfelds „Web-Fotogalerie“ ausgewählt waren.

    Ordner

    Verwendet die Bilder aus den Ordnern, die Sie mit der Schaltfläche „Durchsuchen“ (Windows) bzw. „Wählen“ (Mac OS) ausgewählt haben. Aktivieren Sie die Option „Alle Unterordner einschließen“, um Bilder aus allen Unterordnern des ausgewählten Ordners einzubeziehen.

  7. Klicken Sie auf „Ziel“ und wählen Sie einen Ordner aus, in dem die Bilder und HTML-Seiten für die Galerie gespeichert werden sollen. Klicken Sie anschließend auf „OK“ (Windows) bzw. „Wählen“ (Mac OS).

  8. Wählen Sie Formatierungsoptionen für die Web-Galerie. Wählen Sie einen Eintrag aus der Dropdown-Liste „Optionen“, um verschiedene Optionssätze anzuzeigen. Siehe Optionen für Web-Fotogalerien.

  9. Klicken Sie auf „OK“. Die folgenden HTML- und JPEG-Dateien werden von Photoshop im Zielordner abgelegt:

    • Eine Homepage für die Galerie mit dem Namen „index.htm“ oder „index.html“ (dies hängt von der gewählten Erweiterung ab). Öffnen Sie diese Datei in einem beliebigen Webbrowser, um eine Vorschau der Galerie anzuzeigen.

    • JPEG-Bilder in einem Bild-Unterordner

    • HTML-Seiten in einem Seiten-Unterordner

    • JPEG-Miniaturbilder in einem Miniatur-Unterordner

Sicherstellen konsistenter Farben

Wenn Sie in einem Farbraum mit großem Farbumfang arbeiten, z. B. ProPhoto RGB oder Adobe RGB, ändern sich u. U. die Bildfarben, wenn sie in einer Webgalerie von einem Browser angezeigt werden, der eingebettete Farbprofile nicht lesen kann. Falls dies der Fall ist, versuchen Sie, die Bildprofile in sRGB (Standardprofil bei den meisten Browsern) zu konvertieren, bevor Sie das Bild optimieren oder für eine Web-Fotogalerie verwenden. Konvertieren Sie sie mit einer der folgenden Methoden in sRGB. Arbeiten Sie hierbei am besten mit einer Kopie der Bilder.

Wenn Sie den Bildprozessor verwenden, können Sie die Dateien direkt in der gewünschten Größe im JPEG-Format speichern. Deaktivieren Sie in diesem Fall im Bereich „Große Bilder“ die Option „Bilder skalieren“.

Allgemein

Optionen für Dateierweiterungen, Kodierung und Metadaten.

Erweiterung

Verwendet entweder „.htm“ oder „.html“ als Dateinamenerweiterung.

UTF 8-Kodierung für URL verwenden

Verwendet UTF-8-Kodierung.

Bildern Höhen- und Breitenattribute hinzufügen

Legt die Abmessungen fest und verkürzt die Downloadzeit.

Alle Metadaten beibehalten

Behält die Metadateninformationen bei.

Banner

Textoptionen für das Banner, das auf jeder Seite der Galerie angezeigt wird. Geben Sie Text in folgende Felder ein:

Name der Site

Der Name der Galerie.

Fotograf

Der Name der Person oder Organisation, von der die Fotos stammen.

Kontaktinformationen

Kontaktinformationen für die Galerie, z. B. Telefonnummer oder Geschäftsadresse.

Datum

Das Datum, das auf jeder Seite der Galerie angezeigt wird. Standardmäßig wird in Photoshop das aktuelle Datum verwendet.

Schrift und Schriftgrad

(Für manche Sitestile verfügbar) Optionen für den Bannertext.

Große Bilder

Optionen für die Hauptbilder, die auf jeder Seite der Galerie angezeigt werden.

Numerische Links hinzufügen

(Für manche Sitestile verfügbar) Fügt eine numerische Sequenz (1 bis Gesamtzahl an Seiten in der Galerie) ein, die horizontal oben auf jeder Seite der Galerie verläuft. Jede Zahl ist mit der entsprechenden Seite verknüpft.

Bilder skalieren

Skaliert die Quellbilder für die Platzierung auf den Galerieseiten. Wählen Sie eine Größe aus dem Popupmenü oder geben Sie eine Größe in Pixeln ein. Wählen Sie unter „Beschränken“ die Bildabmessungen, die beim Skalieren beschränkt werden sollen. Wählen Sie unter „JPEG-Qualität“ eine Option aus dem Popupmenü, geben Sie einen Wert zwischen 0 und 12 ein oder ziehen Sie den Regler. Je höher der Wert, desto höher die Qualität und desto größer die Datei.

Hinweis:

Photoshop verwendet die standardmäßige Bildinterpolationsmethode, die in den Voreinstellungen festgelegt wurde. Die besten Ergebnisse beim Verringern der Bildgröße erzielen Sie mit der Methode „Bikubisch schärfer“.

Randgröße

Legt die Breite des Bildrands in Pixeln fest.

Als Titel

(Für manche Sitestile verfügbar) Legt die Optionen für die Beschreibung unter jedem Bild fest. Wählen Sie „Dateiname“, um den Dateinamen anzuzeigen, oder „Beschreibung“, „Bildrechte“, „Titel“ und „Copyright“, um den aus dem Dialogfeld „Dateiinformationen“ stammenden Beschreibungstext anzuzeigen.

Schrift und Schriftgrad

(Für manche Sitestile verfügbar) Legen Schriftart und Schriftgrad der Beschreibung fest.

Miniaturen

Optionen für die Homepage der Galerie, einschließlich der Größe der Miniaturen.

Größe

Legt die Größe der Miniaturen fest. Wählen Sie einen Wert aus dem Popupmenü oder geben Sie einen Wert in Pixeln für die Breite jeder Miniatur ein.

Spalten und Zeilen

Legen Sie die Anzahl der Spalten und Zeilen fest, in denen Miniaturen auf der Homepage angezeigt werden. Diese Option gilt nicht für Galerien, in denen der horizontale oder vertikale Frame-Stil verwendet wird.

Randgröße

Legt die Breite des Randes der einzelnen Miniaturen in Pixeln fest.

Als Titel

(Für manche Sitestile verfügbar) Legt die Optionen für die Beschreibung unter jeder Miniatur fest. Wählen Sie „Dateiname“, um den Dateinamen anzuzeigen, oder „Beschreibung“, „Bildrechte“, „Titel“ und „Copyright“, um den aus dem Dialogfeld „Dateiinformationen“ stammenden Beschreibungstext anzuzeigen.

Schrift und Schriftgrad

(Für manche Sitestile verfügbar) Legen Schriftart und Schriftgrad der Beschreibung fest.

Eigene Farben

Optionen für die Farben der Elemente in der Galerie. Um die Farbe eines bestimmten Elements zu ändern, klicken Sie auf das entsprechende Farbfeld und wählen Sie dann mit dem Adobe-Farbwähler eine neue Farbe aus. Sie können die Hintergrundfarbe jeder Seite (Option „Hintergrund“) und die des Banners (Option „Banner“) ändern.

Schutz

Zeigt auf jedem Bild einen Text als Diebstahlschutz an.

Inhalt

Legt den angezeigten Text fest. Wählen Sie die Option „Eigener Text“ aus, um benutzerdefinierten Text einzugeben. Wählen Sie „Dateiname“, „Beschreibung“, „Bildrechte“, „Titel“ oder „Copyright“, um den aus dem Dialogfeld „Datei-Informationen“ stammenden Text anzuzeigen.

Schrift, Farbe und Position

Legen Schriftart, Farbe und Ausrichtung der Beschreibung fest.

Drehen

Dreht den Text im Bild um einen bestimmten Winkel.

Photoshop bietet eine Vielzahl von Stilen für Ihre Web-Fotogalerie. Wenn Sie mit HTML vertraut sind, können Sie durch Bearbeiten einer Reihe von HTML-Vorlagendateien einen neuen Stil erstellen oder einen vorhandenen Stil anpassen.

Die in Photoshop verfügbaren Web-Fotogaleriestile sind in folgenden Verzeichnissen in Einzelordnern gespeichert:

Windows

Programme/Adobe/Adobe Photoshop CS5/Presets/Web Photo Gallery.

Mac OS

Adobe Photoshop CS5/Presets/Web Photo Gallery.

Die Namen der Ordner in diesem Verzeichnis werden in der Dropdown-Liste „Stile“ des Dialogfelds „Web-Fotogalerie“ als Option angezeigt. Jeder Ordner enthält die folgenden HTML-Vorlagedateien, anhand derer Photoshop die Galerie generiert:

Caption.htm

Legt das Layout der unter jeder Miniatur auf der Homepage angezeigten Objektbeschreibung fest.

FrameSet.htm

Legt das Layout des Framesets für die Anzeige von Seiten fest.

IndexPage.htm

Legt das Layout der Homepage fest.

SubPage.htm

Legt das Layout der Galerieseiten mit Bildern in voller Größe fest.

Thumbnail.htm Legt das Layout der auf der Homepage angezeigten Miniaturen fest.

Jede Vorlage enthält HTML-Code und Token. Ein Token ist eine Textfolge, die von Photoshop ersetzt wird, wenn Sie die entsprechende Option im Dialogfeld „Web-Fotogalerie“ aktivieren. Eine Vorlagendatei kann z. B. das folgende „TITLE“-Element enthalten, das ein Token als eingeschlossenen Text verwendet:

<TITLE>%TITLE%</TITLE>

Wenn Photoshop die Galerie mithilfe dieser Vorlagendatei generiert, wird das Token „%TITLE%“ durch den Text ersetzt, den Sie im Dialogfeld „Web-Fotogalerie“ unter „Name der Site“ eingegeben haben.

Um einen vorhandenen Stil besser zu verstehen, können Sie seine HTML-Vorlage mit einem HTML-Editor öffnen und sich diese genauer ansehen. Da zum Erstellen von HTML-Dokumenten lediglich Standard-ASCII-Zeichen benötigt werden, können Sie diese Dokumente mit einem Nur-Text-Editor, wie z. B. Editor (Windows) bzw. TextEdit (Mac OS), öffnen, bearbeiten und erstellen.

Sie können eine vorhandene Web-Fotogalerie durch Bearbeiten einer oder mehrerer der dazugehörigen HTML-Vorlagendateien anpassen. Sie müssen sich beim Anpassen eines Stils an diese Richtlinien halten, damit Photoshop die Galerie ordnungsgemäß erstellen kann:

  • Der Stilordner muss folgende Dateien enthalten: „Caption.htm“, „IndexPage.htm“, „SubPage.htm“, „Miniatur.htm“ und „FrameSet.htm“.

  • Sie können zwar den Stilordner, nicht aber die enthaltenen HTML-Vorlagendateien umbenennen.

  • Die Datei „Caption.htm“ kann leer sein. Sie können den HTML-Code und Token in die Datei „Miniatur.htm“ platzieren, um so das Layout der Objektbeschreibung festzulegen.

  • Sie können ein Token in einer Vorlagendatei durch den entsprechenden Text oder HTML-Code ersetzen, damit eine Option über die Vorlagendatei statt über das Dialogfeld „Web-Fotogalerie“ eingestellt wird. Eine Vorlagendatei kann z. B. ein „BODY“-Element mit dem folgenden Hintergrundfarben-Attribut verwenden, dessen Wert ein Token ist:

    bgcolor=%BGCOLOR%

    Um für die Hintergrundfarbe der Seite Rot festzulegen, können Sie das Token „%BGCOLOR%“ durch „FF0000“ ersetzen.

  • Sie können Vorlagendateien HTML-Code und Token hinzufügen. Alle Token müssen in Großbuchstaben geschrieben werden und mit einem Prozentzeichen (%) beginnen und enden.

  1. Öffnen Sie den Ordner mit den vorhandenen Web-Fotogaleriestilen.
  2. Führen Sie einen der folgenden Schritte durch:
    • Zum Anpassen eines Stils erstellen Sie eine Kopie des Stilordners und legen sie im gleichen Verzeichnis ab, in dem sich die vorhandenen Stilordner befinden.

    • Zum Erstellen eines neuen Stils erstellen Sie einen neuen Ordner für den neuen Stil und legen ihn im gleichen Verzeichnis ab, in dem sich die vorhandenen Stilordner befinden.

    Der neue oder angepasste Stil (mit dem Namen des dazugehörigen Ordners) wird im Dialogfeld „Web-Fotogalerie“ in der Dropdown-Liste „Stile“ angezeigt.

  3. Führen Sie in einem HTML-Editor folgende Schritte aus:
    • Passen Sie die HTML-Vorlagendatei an.

    • Erstellen Sie die erforderlichen HTML-Vorlagendateien und speichern Sie sie im Stilordner.

    Stellen Sie beim Erstellen der Vorlagendateien sicher, dass Sie sich an die beschriebenen Anpassungsrichtlinien halten (siehe Anpassen von Web-Fotogaleriestilen).

    Hinweis:

    Beim Anpassen oder Erstellen einer Vorlage für einen Galeriestil sollten Sie die folgenden Token in der HTML-Datei jeweils in einer separaten Zeile platzieren: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% und %PREVINDEX%. Photoshop überspringt beim Generieren spezifischer Seiten einer Galerie die Zeilen in einer Vorlage, deren Token auf diese Seiten nicht zutreffen. Beim Erstellen der ersten Galerieseite überspringt Photoshop z. B. alle Zeilen in der Vorlage, die das Token %PREVIMAGE% enthalten, denn dieses legt den Link zur vorherigen Galerieseite fest. Wenn Sie das Token %PREVIMAGE% in einer separaten Zeile platzieren, wird gewährleistet, dass Photoshop andere Token in der Vorlage nicht ignoriert.

Photoshop verwendet Token in den HTML-Vorlagendateien, um einen Standard-Web-Fotogaleriestil zu definieren. Diese Token ermöglichen Photoshop die Erstellung einer Galerie anhand der Benutzereingaben im Dialogfeld „Web-Fotogalerie“.

Beim Anpassen oder Erstellen eines Galeriestils können Sie jeder HTML-Vorlagendatei beliebige Token hinzufügen. Eine Ausnahme stellen lediglich „%THUMBNAILS%“ und „%THUMBNAILSROWS%“ dar, die nur in der Datei „IndexPage.htm“ enthalten sein dürfen. Bedenken Sie beim Hinzufügen eines Tokens, dass Sie der Datei möglicherweise HTML-Code hinzufügen müssen, damit das Token ordnungsgemäß funktioniert.

Sie können folgende Token in HTML-Vorlagendateien verwenden:

%ALINK%

Legt die Farbe aktiver Links fest.

%ALT%

Legt den Namen einer Bilddatei fest.

%ANCHOR%

Bietet die Möglichkeit, direkt zur Miniatur des Bildes statt wieder zum Anfang des Index zurückzukehren. Dieses Token wird verwendet, wenn der Benutzer auf die Schaltfläche „Home“ klickt.

%BANNERCOLOR%

Legt die Farbe des Banners fest.

%BANNERFONT%

Legt die Schriftart für das Banner fest.

%BANNERFONTSIZE%

Legt den Schriftgrad für das Banner fest.

%BGCOLOR%

Legt die Hintergrundfarbe fest.

%CAPTIONFONT%

Legt die Schriftart der unter jeder Miniatur auf der Homepage angezeigten Beschriftung fest.

%CAPTIONFONTSIZE%

Legt den Schriftgrad der Beschriftung fest.

%CAPTIONTITLE%

Fügt den Titel des Dokuments für eine Beschriftung aus den Dateiinformationen ein.

%CHARSET%

Legt den auf jeder Seite verwendeten Zeichensatz fest.

%CONTACTINFO%

Legt die Kontaktinformationen für die Galerie, z. B. Telefonnummer und Ort, fest.

%CONTENT_GENERATOR%

Zeigt „Adobe Photoshop CS5-Web-Fotogalerie“ an.

%COPYRIGHT%

Fügt die Copyright-Informationen für eine Beschriftung aus den Dateiinformationen ein.

%CREDITS%

Fügt die Bildrechte für eine Beschriftung aus den Dateiinformationen ein.

%CURRENTINDEX%

Legt den Link für die aktuelle Homepage fest.

%CURRENTINDEXANCHOR%

Ist in „SubPage.htm“ enthalten und verweist auf die erste Indexseite.

%DATE%

Legt das auf dem Banner angezeigte Datum fest.

%EMAIL%

Legt die E-Mail-Adresse für die Kontaktinformationen der Galerie fest.

%FILEINFO%

Legt die Bilddatei-Informationen der Beschriftung fest.

%FILENAME%

Legt den Dateinamen eines Bildes fest. Verwenden Sie dieses Token für Metadaten, die als HTML-Text dargestellt werden.

%FILENAME_URL%

Legt den URL-Dateinamen eines Bildes fest. Verwenden Sie dieses Token ausschließlich für URL-Dateinamen.

%FIRSTPAGE%

Legt den Link zur ersten Galerieseite fest, der im rechten Frame eines Framesets angezeigt wird.

%FRAMEINDEX%

Legt den Link zur Homepage fest, der im linken Frame eines Framesets angezeigt wird.

%HEADER%

Legt den Titel der Galerie fest.

%IMAGEBORDER%

Legt die Randgröße eines Bildes mit voller Größe auf einer Galerieseite fest.

%IMAGE_HEIGHT%

Aktiviert die Option „Bildern Höhen- und Breitenattribute hinzufügen“. Dadurch kann der Benutzer die Attribute herunterladen und die Downloadzeit verkürzen.

%IMAGE_HEIGHT_NUMBER%

Dieses Token wird durch eine Zahl ersetzt, die für die Breite des Bildes steht.

%IMAGEPAGE%

Legt den Link zur Galerieseite fest.

%IMAGE_SIZE%

Wenn die Option „Bilder skalieren“ aktiviert ist, hat dieses Token den Bildpixelwert aus dem Bereich „Große Bilder“. Wenn diese Option nicht aktiviert ist, enthält dieses Token eine leere Zeichenfolge. Dieses Token bietet sich bei Verwendung von JavaScript in Vorlagen an, da es für alle Bilder auf der generierten Site die maximalen Höhen- und Breitenwerte anzeigen kann.

%IMAGESRC%

Legt die URL eines Bildes mit voller Größe auf einer Galerieseite fest.

%IMAGE_WIDTH%

Aktiviert die Option „Bildern Höhen- und Breitenattribute hinzufügen“. Dadurch kann der Benutzer die Attribute herunterladen und die Downloadzeit verkürzen.

%IMAGE_WIDTH_NUMBER%

Dieses Token wird durch eine Zahl ersetzt, die für die Breite des Bildes steht.

%LINK%

Legt die Farbe von Links fest.

%NEXTIMAGE%

Legt den Link zur nächsten Galerieseite fest.

%NEXTIMAGE _CIRCULAR%

Legt den Link von einem großen Vorschaubild zum nächsten großen Vorschaubild fest.

%NEXTINDEX%

Legt den Link zur nächsten Homepage fest.

%NUMERICLINKS%

Fügt für alle großen Vorschaubilder nummerierte Links auf den Unterseiten ein.

%PAGE%

Legt die aktuelle Seitenposition fest (z. B. Seite 1 von 3).

%PHOTOGRAPHER%

Legt den Namen der Person oder Organisation fest, von der die Fotos in der Galerie stammen.

%PREVIMAGE%

Legt den Link zur vorherigen Galerieseite fest.

%PREVINDEX%

Legt den Link zur vorherigen Homepage fest.

%SUBPAGEHEADER%

Legt den Titel der Galerie fest.

%SUBPAGETITLE%

Legt den Titel der Galerie fest.

%TEXT%

Legt die Textfarbe fest.

%THUMBBORDER%

Legt die Randgröße der Miniaturen fest.

%THUMBNAIL_HEIGHT%

Aktiviert die Option „Bildern Höhen- und Breitenattribute hinzufügen“. Dadurch kann der Benutzer die Attribute herunterladen und die Downloadzeit verkürzen.

%THUMBNAIL_HEIGHT_NUMBER%

Dieses Token wird durch eine Zahl ersetzt, die für die Höhe der Miniatur steht.

%THUMBNAILS%

Dieses Token wird durch Miniaturen ersetzt, wenn die Datei „Miniatur.htm“ für die Frame-Stile verwendet wird. Sie müssen dieses Token in der HTML-Datei separat in einer einzelnen Zeile ohne Zeilenumbruch platzieren.

%THUMBNAIL_SIZE%

Enthält den Miniaturpixelwert im Bereich „Miniaturen“. Dieses Token bietet sich bei Verwendung von JavaScript in Vorlagen an, da es die maximalen Höhen- und Breitenwerte für alle Miniaturen auf der generierten Site anzeigen kann.

%THUMBNAILSRC%

Legt den Link zu einer Miniatur fest.

%THUMBNAILSROWS%

Dieses Token wird durch Zeilen mit Miniaturen ersetzt, wenn die Datei „Miniatur.htm“ für die Nicht-Frame-Stile verwendet wird. Sie müssen dieses Token in der HTML-Datei separat in einer einzelnen Zeile ohne Zeilenumbruch platzieren.

%THUMBNAIL_WIDTH%

Aktiviert die Option „Bildern Höhen- und Breitenattribute hinzufügen“. Dadurch kann der Benutzer die Attribute herunterladen und die Downloadzeit verkürzen.

%THUMBNAIL_WIDTH_NUMBER%

Dieses Token wird durch eine Zahl ersetzt, die für die Breite der Miniatur steht.

%TITLE%

Legt den Titel der Galerie fest.

%VLINK%

Legt die Farbe der besuchten Links fest.

 Adobe

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?

Adobe MAX 2024

Adobe MAX
Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online

Adobe MAX

Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online

Adobe MAX 2024

Adobe MAX
Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online

Adobe MAX

Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online