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. Vorgaben migrieren, Aktionen und Einstellungen
    8. Einsatzmöglichkeiten von Photoshop
  3. Photoshop- und Adobe-Dienste
    1. Photoshop und Adobe Stock
    2. Creative Cloud-Bibliotheken
    3. Creative Cloud Libraries in Photoshop
    4. Die Touch Bar in Photoshop
    5. Arbeiten mit Illustrator-Grafiken in Photoshop
    6. Verwenden der Erweiterung „Capture in-App“ in Photoshop
    7. Raster und Hilfslinien
    8. Erstellen von Aktionen
    9. Befehl „Rückgängig“ und Protokollbedienfeld
    10. Standard-Tastaturbefehle
    11. Touch-Funktionen und benutzerdefinierte Arbeitsbereiche
  4. Photoshop auf dem iPad
    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 Einstellungsebenen
    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 verwenden
    26. Arbeiten mit Camera Raw Dateien
    27. Erstellen und Arbeiten mit Smartobjekten
    28. Korrigiere die Belichtung in deinen Bildern mit Abwedler und Nachbelichter
  5. Web-Version (Beta) von Photoshop
    1. Häufig gestellte Fragen | Web-Version (Beta) von Photoshop 
    2. Einführung in den Arbeitsbereich
    3. Systemanforderungen | Web-Version (Beta) von Photoshop
    4. Tastaturbefehle | Web-Version (Beta) von Photoshop
    5. Unterstützte Dateitypen | Web-Version (Beta) von Photoshop
    6. Cloud-Dokumente öffnen und bearbeiten
    7. Zusammenarbeit mit beteiligten Personen
    8. Eingeschränkte Bearbeitungsoptionen auf Cloud-Dokumente anwenden.
  6. Cloud-Dokumente
    1. Photoshop-Cloud-Dokumente | Häufige Fragen
    2. Photoshop Cloud-Dokumente | Häufige Fragen
    3. Verwalten und Bearbeiten von Cloud-Dokumenten in Photoshop 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. Zugriff freigeben und Cloud-Dokumente bearbeiten
    9. Dateien freigeben und kommentieren in der App
  7. Arbeitsbereich
    1. Arbeitsbereich – Grundlagen
    2. Erstellen von Dokumenten
    3. Die Touch Bar in Photoshop
    4. Unterstützung von Microsoft Dial in Photoshop
    5. Werkzeuggalerien
    6. Leistungsvoreinstellungen
    7. Verwenden von Werkzeugen
    8. Touch-Gesten
    9. Touch-Funktionen und benutzerdefinierte Arbeitsbereiche
    10. Technologievorschau
    11. Metadaten und Anmerkungen
    12. Schnelles Teilen deiner Kreationen
    13. Einfügen von Photoshop-Bildern in andere Anwendungen
    14. Voreinstellungen
    15. Standard-Tastaturbefehle
    16. Lineale
    17. Anzeigen oder Ausblenden nicht druckbarer Extras
    18. Festlegen von Spalten für ein Bild
    19. Befehl „Rückgängig“ und Protokollbedienfeld
    20. Bedienfelder und Menüs
    21. Einfügen von Dateien
    22. Positionieren von Elementen durch Ausrichten
    23. Positionieren mit dem Linealwerkzeug
    24. Vorgaben
    25. Tastaturbefehle anpassen
    26. Raster und Hilfslinien
  8. 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
  9. 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
  10. 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
    26. Ebene
    27. Reduzieren
    28. Composite
    29. Hintergrund
  11. Auswahl
    1. Arbeitsbereich „Auswählen und maskieren“
    2. Schnelles Auswählen von Bereichen
    3. Erste Schritte mit der Auswahl
    4. Auswählen mit den Auswahlwerkzeugen
    5. Auswählen mit den Lasso-Werkzeugen
    6. Auswählen eines Farbbereichs in einem Bild
    7. Einstellen einer Pixelauswahl
    8. Konvertieren von Pfaden in Auswahlbegrenzungen (und umgekehrt)
    9. Kanäle – Grundlagen
    10. Verschieben, Kopieren und Löschen ausgewählter Pixel
    11. Erstellen einer temporären Maskierung
    12. Speichern der Auswahl und Alphakanalmasken
    13. Auswahl der Bildbereiche im Fokus
    14. Duplizieren, Teilen und Zusammenfügen von Kanälen
    15. Kanalberechnungen
    16. Auswahl
    17. Begrenzungsrahmen
  12. Bildkorrekturen
    1. Perspektivische Verformung
    2. Bildstabilisierung zum Ausgleichen des Wackelns der Kamera
    3. Reparatur-Pinsel-Beispiele
    4. Exportieren von Color Lookup-Tabellen
    5. Anpassen der Bildschärfe und Weichzeichnung
    6. Farbkorrekturen
    7. Anwenden einer Helligkeits-/Kontrastkorrektur
    8. Anpassen der Details von Tiefen und Lichtern
    9. Tonwertkorrektur
    10. Anpassen von Farbton und Sättigung
    11. Anpassen der Lebendigkeit
    12. Anpassen der Farbsättigung in Bildbereichen
    13. Durchführen schneller Farbtonkorrekturen
    14. Anwenden von speziellen Farbeffekten auf Bilder
    15. Verbessere dein Bild mit der Farbbalancekorrektur
    16. Bilder mit hohem dynamischem Bereich
    17. Anzeigen von Histogrammen und Pixelwerten
    18. Abgleichen von Farben in deinem Bild
    19. So stellst du Fotos frei und richtest sie gerade aus
    20. Konvertieren eines Farbbildes in Schwarzweiß
    21. Einstellungs- und Füllebenen
    22. Gradationskurvenkorrektur
    23. Füllmethoden
    24. Anpassen von Bildern für die Ausgabe auf Druckmaschinen
    25. Korrigieren von Farbe und Tonwert mit Tonwertkorrektur- und Gradations-Pipetten
    26. Anpassen von HDR-Belichtung und -Tonung
    27. Filter
    28. Weichzeichnen
    29. Abwedeln oder Nachbelichten von Bildbereichen
    30. Vornehmen von selektiven Farbkorrekturen
    31. Ersetzen von Objektfarben
  13. 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. Anleitung zum zerstörungsfreien Bearbeiten in Camera Raw
    10. Radial-Filter in Camera Raw
    11. Verwalten von Camera Raw-Einstellungen
    12. Öffnen, Bearbeiten und Speichern von Bildern in Camera Raw
    13. Reparieren von Bildern mit dem erweiterten Bereichsreparaturwerkzeug in Camera Raw
    14. Drehen, Freistellen und Anpassen von Bildern
    15. Einstellen des Farbrenderings in Camera Raw
    16. Funktionsübersicht | Adobe Camera Raw | Versionen 2018
    17. Überblick über neue Funktionen
    18. Verarbeitungsversionen in Camera Raw
    19. Durchführen lokaler Korrekturen in Camera Raw
  14. 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
  15. Bildtransformationen
    1. Transformieren von Objekten
    2. Anpassen der Funktionen für Freistellen, Drehen und Arbeitsfläche
    3. So stellst du Fotos frei und richtest sie gerade aus
    4. Erstellen und Bearbeiten von Panoramabildern
    5. Verformen von Bildern, Formen und Pfaden
    6. Fluchtpunkt
    7. Verwenden des Verflüssigen-Filters
    8. Inhaltsbasiertes Skalieren
    9. Transformieren von Bildern, Formen und Pfaden
    10. Verformen
    11. Transformieren
    12. Panorama
  16. 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
  17. Text
    1. Arbeiten mit OpenType SVG-Schriftarten
    2. Formatieren von Zeichen
    3. Formatieren von Absätzen
    4. Erstellen von Texteffekten
    5. Bearbeiten von Text
    6. Zeilen- und Zeichenabstand
    7. Arabische und hebräische Schrift
    8. Schriften
    9. Fehlerbehebung bei Schriftarten
    10. Asiatische Schrift
    11. Erstellen von Text
    12. Text-Engine-Fehler bei Verwendung des Textwerkzeugs in Photoshop | Windows 8
    13. Globaler Setzer für asiatische Schriften
    14. Hinzufügen und Bearbeiten von Text in Photoshop
  18. 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
  19. Filter und Effekte
    1. Verwenden des Verflüssigen-Filters
    2. Verwendung der Weichzeichnergalerie
    3. Filter – Grundlagen
    4. Filtereffektereferenz
    5. Hinzufügen von Beleuchtungseffekten
    6. Verwenden des adaptiven Weitwinkelkorrekturfilters
    7. Verwenden des Ölfarbenfilters
    8. Ebeneneffekte und -stile
    9. Anwenden spezifischer Filter
    10. Verwischen von Bildbereichen
  20. 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
  21. 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. Duplexbilder
    8. Drucken von Bildern auf einer kommerziellen Druckmaschine
    9. Verbessern der Farbdrucke von Photoshop
    10. Beheben von Problemen beim Drucken | Photoshop
  22. 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
  23. Farbmanagement
    1. Farbmanagement
    2. Gewährleisten konsistenter Farben
    3. Farbeinstellungen
    4. Arbeiten mit Farbprofilen
    5. Farbmanagement für Dokumente zur Onlineanzeige
    6. Farbmanagement für Dokumente beim Drucken
    7. Farbmanagement für importierte Bilder
    8. Prüfen von Farben
  24. Content Authenticity
    1. Informationen zu Inhaltszugangsdaten
    2. Identity and provenance for NFTs
    3. Konten für die kreative Zuordnung verknüpfen
  25. 3D- und technische Bildbearbeitung
    1. Photoshop 3D – Häufig gestellte Fragen zu eingestellten 3D-Funktionen
    2. Creative Cloud 3D Animation (Vorschau)
    3. Drucken von 3D-Objekten
    4. 3D-Malen
    5. Verbesserungen im 3D-Bedienfeld | Photoshop
    6. Grundlegende 3D-Konzepte und -Werkzeuge
    7. 3D-Rendern und Speichern
    8. Erstellen von 3D-Objekten und -Animationen
    9. Bildstapel
    10. 3D-Arbeitsablauf
    11. Messung
    12. DICOM-Datei
    13. Photoshop und MATLAB
    14. Zählen von Objekten in einem Bild
    15. Kombinieren und Konvertieren von 3D-Objekten
    16. Bearbeiten von 3D-Texturen
    17. Anpassen von HDR-Belichtung und -Tonung
    18. Einstellungen im 3D-Bedienfeld
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 einer Web-Fotogalerie

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“.

Optionen für Web-Fotogalerien

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.

Web-Fotogaleriestile

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.

Anpassen von Web-Fotogaleriestilen

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.

Erstellen oder Anpassen eines Web-Fotogaleriestils

  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.

Token für Web-Fotogaleriestile

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-Logo

Bei Ihrem Konto anmelden