Handboek Annuleren

Webfotogalerieën maken

  1. Photoshop Handboek
  2. Inleiding tot Photoshop
    1. Dream it. Make it.
    2. Nieuwe functies in Photoshop
    3. Uw eerste foto bewerken
    4. Documenten maken
    5. Photoshop | Veelgestelde vragen
    6. Systeemvereisten voor Photoshop
    7. Maak kennis met Photoshop
  3. Photoshop en andere Adobe-producten en -services
    1. Werken met illustraties van Illustrator in Photoshop
    2. Werken met Photoshop-bestanden in InDesign
    3. Substance 3D-materialen voor Photoshop
    4. De Capture-in-app-extensie in Photoshop gebruiken
  4. Photoshop op de iPad (niet beschikbaar op de vasteland van China)
    1. Photoshop op de iPad | Veelgestelde vragen
    2. Kennismaken met de werkruimte
    3. Systeemvereisten | Photoshop voor iPad
    4. Documenten maken, openen en exporteren
    5. Foto's toevoegen
    6. Werken met lagen
    7. Tekenen en schilderen met penselen
    8. Selecties maken en maskers toevoegen
    9. Uw composities retoucheren
    10. Werken met aanpassingslagen
    11. Pas de tonaliteit van uw compositie aan met Curven
    12. Transformatiebewerkingen toepassen
    13. Uw composities uitsnijden en roteren
    14. Canvas roteren, pannen, zoomen en opnieuw instellen
    15. Werken met tekstlagen
    16. Werken met Photoshop en Lightroom
    17. Vind ontbrekende lettertypen in Photoshop op de iPad
    18. Japanse tekens in Photoshop op de iPad
    19. App-instellingen beheren
    20. Aanraaksneltoetsen en bewegingen
    21. Sneltoetsen
    22. Afbeeldingsgrootte bewerken
    23. Livestreamen terwijl u in Photoshop werkt op de iPad
    24. Imperfecties corrigeren met het Retoucheerpenseel
    25. Penselen maken in Capture en gebruiken in Photoshop op de iPad
    26. Werken met Camera Raw-bestanden
    27. Slimme objecten maken en ermee werken
    28. De belichting in uw afbeeldingen aanpassen met Tegenhouden en Doordrukken
    29. Opdrachten voor automatische aanpassing in Photoshop op de iPad
    30. Gebieden uitsmeren in uw afbeeldingen met Photoshop op de iPad
    31. Meer of minder verzadiging van uw afbeeldingen met de tool Spons
    32. Vullen met behoud van inhoud voor iPad
  5. Photoshop op internet (niet beschikbaar op het vasteland van China)
    1. Algemene vragen
    2. Systeemvereisten
    3. Sneltoetsen
    4. Ondersteunde bestandsindelingen
    5. Kennismaken met de werkruimte
    6. Clouddocumenten openen en bewerken
    7. Generatieve AI-functies
    8. Basisconcepten van bewerken
    9. Snelle handelingen
    10. Werken met lagen
    11. Afbeeldingen retoucheren en onvolkomenheden verwijderen
    12. Snelle selecties maken
    13. Afbeeldingen verbeteringen met Aanpassingslagen
    14. Afbeeldingen verplaatsen, transformeren en uitsnijden
    15. Tekenen en schilderen
    16. Werken met tekstlagen
    17. Met iedereen op het web werken
    18. App-instellingen beheren
    19. Afbeelding genereren
    20. Achtergrond genereren
    21. Referentieafbeelding
  6. Photoshop (Beta) (niet beschikbaar op het vasteland van China)
    1. Aan de slag met Creative Cloud-bèta-apps
    2. Photoshop (Beta) op de desktop
    3. Een afbeelding genereren met beschrijvende tekstopdrachten
    4. Een achtergrond genereren met beschrijvende tekstopdrachten
  7. Generatieve AI (niet beschikbaar op het vasteland van China)
    1. Algemene vragen over de generatieve AI in Photoshop
    2. Generatief vullen in Photoshop op de desktop
    3. Generatief uitbreiden in Photoshop op de desktop
    4. Generatief vullen in Photoshop op de iPad
    5. Generatief uitbreiden in Photoshop op de iPad
    6. Generatieve AI-functies in Photoshop op internet
  8. Content-authenticiteit (niet beschikbaar op het vasteland van China)
    1. Inhoudsreferenties in Photoshop
    2. Identiteit en herkomst voor NFT's
    3. Accounts verbinden voor creatieve toewijzing
  9. Clouddocumenten (niet beschikbaar op het vasteland van China)
    1. Photoshop-clouddocumenten | Algemene vragen
    2. Photoshop-clouddocumenten | Vragen over workflow
    3. Clouddocumenten beheren en bewerken in Photoshop
    4. Cloudopslag upgraden voor Photoshop
    5. Kan geen clouddocumenten maken of opslaan
    6. Fouten met Photoshop-clouddocumenten oplossen
    7. Synchronisatielogboeken voor clouddocumenten verzamelen
    8. Anderen uitnodigen om uw clouddocumenten te bewerken
    9. Bestanden delen en opmerkingen in de app
  10. Werkruimte
    1. Basisbegrippen voor werkruimten
    2. Voorkeuren
    3. Sneller leren met het deelvenster Ontdekken van Photoshop
    4. Documenten maken
    5. Bestanden plaatsen
    6. Standaardsneltoetsen
    7. Sneltoetsen aanpassen
    8. Toolgalerieën
    9. Prestatievoorkeuren
    10. Tools gebruiken
    11. Voorinstellingen
    12. Raster en hulplijnen
    13. Aanraakbewegingen
    14. De Touch Bar gebruiken met Photoshop
    15. Aanraakfuncties en aanpasbare werkruimten
    16. Technology Previews
    17. Metagegevens en notities
    18. Aanraakfuncties en aanpasbare werkruimten
    19. Photoshop-afbeeldingen in andere toepassingen opnemen
    20. Linialen
    21. Niet-afdrukbare extra's tonen of verbergen
    22. Het aantal kolommen voor een afbeelding opgeven
    23. Ongedaan maken en historie
    24. Deelvensters en menu's
    25. Elementen instellen met de functie Magnetisch
    26. Plaatsen met de liniaal
  11. Ontwerp van websites, schermen en apps
    1. Ontwerpen in Photoshop
    2. Tekengebieden
    3. Apparaatvoorvertoning
    4. CSS kopiëren uit lagen
    5. Webpagina’s segmenteren
    6. HTML-opties voor segmenten
    7. De segmentlay-out wijzigen
    8. Werken met webafbeeldingen
    9. Webfotogalerieën maken
  12. Basisprincipes van afbeeldingen en kleuren
    1. Afbeeldingen vergroten/verkleinen
    2. Werken met raster-en vectorafbeeldingen
    3. Grootte en resolutie van afbeeldingen
    4. Afbeeldingen ophalen van camera's en scanners
    5. Afbeeldingen maken, openen en importeren
    6. Afbeeldingen weergeven
    7. Fout Ongeldige JPEG-markering | Afbeeldingen openen
    8. Meerdere afbeeldingen weergeven
    9. Kleurkiezers en -stalen aanpassen
    10. HDR-afbeeldingen (High Dynamic Range)
    11. Kleuren in uw afbeelding afstemmen
    12. Afbeeldingen omzetten in andere kleurmodi
    13. Kleurmodi
    14. Delen van een afbeelding wissen
    15. Overvloeimodi
    16. Kleuren kiezen
    17. Geïndexeerde-kleurentabellen aanpassen
    18. Informatie over afbeeldingen
    19. Vervormingsfilters zijn niet beschikbaar
    20. Informatie over kleur
    21. Kleuren en monochrome instellingen aanpassen aan de hand van kanalen
    22. Kleuren kiezen in de deelvensters Kleur en Stalen
    23. Monster
    24. Kleurmodus of Afbeeldingsmodus
    25. Kleurzweem
    26. Een voorwaardelijke moduswijziging toevoegen aan een handeling
    27. Stalen toevoegen uit HTML, CSS en SVG
    28. Bitdiepte en voorkeuren
  13. Lagen
    1. Basisbegrippen voor lagen
    2. Niet-destructieve bewerkingen
    3. Lagen en groepen maken en beheren
    4. Lagen selecteren, groeperen en koppelen
    5. Afbeeldingen in kaders plaatsen
    6. Laagdekking en overvloeien
    7. Lagen maskeren
    8. Slimme filters toepassen
    9. Laagsamenstellingen
    10. Lagen verplaatsen, stapelen en vergrendelen
    11. Lagen maskeren met vectormaskers
    12. Lagen en groepen beheren
    13. Laageffecten en laagstijlen
    14. Laagmaskers bewerken
    15. Middelen extraheren
    16. Lagen met uitknipmaskers tonen
    17. Afbeeldingsmiddelen genereren op basis van lagen
    18. Werken met slimme objecten
    19. Overvloeimodi
    20. Meerdere afbeeldingen combineren tot een groepsportret
    21. Afbeeldingen combineren met automatisch overvloeiende lagen
    22. Lagen uitlijnen en verdelen
    23. CSS kopiëren uit lagen
    24. Selecties uit een laag of grenzen van een laagmasker laden
    25. Uitnemen om inhoud van andere lagen zichtbaar te maken
  14. Selecties
    1. Aan de slag met selecties
    2. Selecties maken in uw compositie
    3. Werkruimte Selecteren en maskeren
    4. Selecties aanbrengen met de selectiekadertools
    5. Selecties maken met de lassotools
    6. Pixelselecties aanpassen
    7. Geselecteerde pixels verplaatsen, kopiëren en verwijderen
    8. Een tijdelijk snelmasker maken
    9. Een kleurbereik selecteren in een afbeelding
    10. Paden omzetten in selectiekaders en omgekeerd
    11. Basisbegrippen voor kanalen
    12. Selecties en alfakanaalmaskers opslaan
    13. De afbeeldingsgebieden met de focus selecteren
    14. Kanalen dupliceren, splitsen en samenvoegen
    15. Kanaalberekeningen
  15. Afbeeldingsaanpassingen
    1. Objectkleuren vervangen
    2. Perspectief verdraaien
    3. Vervaging door camerabeweging verminderen
    4. Voorbeelden van de tool Retoucheerpenseel
    5. Kleur-opzoektabellen exporteren
    6. De scherpte en vervaging van afbeeldingen aanpassen
    7. Kleuraanpassingen
    8. De aanpassing Helderheid/contrast toepassen
    9. Schaduwdetails en hooglichtdetails aanpassen
    10. Aanpassing Niveaus
    11. De kleurtoon en verzadiging aanpassen
    12. Levendigheid aanpassen
    13. De kleurverzadiging in afbeeldingsgebieden aanpassen
    14. Snel aanpassingen aanbrengen aan tinten
    15. Speciale kleureffecten toepassen op afbeeldingen
    16. Uw afbeelding verbeteren met aanpassingen in kleurbalans
    17. HDR-afbeeldingen (High Dynamic Range)
    18. Histogrammen en pixelwaarden bekijken
    19. Kleuren in uw afbeelding afstemmen
    20. Foto's uitsnijden en rechttrekken
    21. Een kleurenfoto omzetten in zwart-wit
    22. Aanpassings- en opvullagen
    23. Aanpassing Curven
    24. Overvloeimodi
    25. Afbeeldingen voorbereiden voor drukken
    26. De kleur en toon aanpassen met de pipetten Niveaus en Curven
    27. HDR-belichting en -kleurtinten aanpassen
    28. Afbeeldingsgebieden doordrukken of tegenhouden
    29. Selectieve kleuraanpassingen aanbrengen
  16. Adobe Camera Raw
    1. Systeemvereisten voor Camera Raw
    2. Nieuwe functies in Camera Raw
    3. Kennismaken met Camera Raw
    4. Panorama's maken
    5. Ondersteunde lenzen
    6. Vignet-, korrel- en neveleffecten in Camera Raw
    7. Standaardsneltoetsen
    8. Automatische perspectiefcorrectie in Camera Raw
    9. Radiaalfilter in Camera Raw
    10. Camera Raw-instellingen beheren
    11. Afbeeldingen openen, verwerken en opslaan in Camera Raw
    12. Repareer afbeeldingen met de verbeterde tool Vlekken verwijderen in Camera Raw
    13. Afbeeldingen roteren, uitsnijden en aanpassen
    14. Kleurweergave aanpassen in Camera Raw
    15. Procesversies in Camera Raw
    16. Lokale aanpassingen aanbrengen in Camera Raw
  17. Afbeeldingen repareren en restaureren
    1. Objecten verwijderen uit uw foto's met Vullen met behoud van inhoud
    2. Repareren en verplaatsen met behoud van inhoud
    3. Foto's retoucheren en repareren
    4. Afbeeldingsvervorming en -ruis corrigeren
    5. Eenvoudige probleemoplossing voor de meest voorkomende problemen
  18. Afbeeldingen verbeteren en transformeren
    1. De lucht in uw afbeeldingen vervangen
    2. Objecten transformeren
    3. Uitsnijding, rotatie en canvasgrootte aanpassen
    4. Foto's uitsnijden en rechttrekken
    5. Panoramische afbeeldingen maken en bewerken
    6. Afbeeldingen, vormen en paden verdraaien
    7. Perspectiefpunt
    8. Schalen en de inhoud behouden
    9. Afbeeldingen, vormen en paden transformeren
  19. Tekenen en verven
    1. Symmetrische patronen tekenen
    2. Rechthoeken tekenen en lijnopties wijzigen
    3. Tekenen
    4. Vormen tekenen en bewerken
    5. Tekentools
    6. Penselen maken en wijzigen
    7. Overvloeimodi
    8. Kleur toevoegen aan paden
    9. Paden bewerken
    10. Tekenen met het mixerpenseel
    11. Voorinstellingen voor penselen
    12. Verlopen
    13. Interpolatie met verloop
    14. Selecties, lagen en paden vullen en omlijnen
    15. Tekenen met de pentools
    16. Patronen maken
    17. Een patroon maken met de Patroonmaker
    18. Paden beheren
    19. Bibliotheken en voorinstellingen van patronen beheren
    20. Tekenen of verven met een grafisch tablet
    21. Structuurpenselen maken
    22. Dynamische elementen toevoegen aan penselen
    23. Verloop
    24. Gestileerde streken tekenen met het penseel Tekeninghistorie
    25. Tekenen met een patroon
    26. Voorinstellingen synchroniseren op meerdere apparaten
    27. Voorinstellingen, handelingen en instellingen migreren
  20. Tekst
    1. De tekst toevoegen en bewerken
    2. Unified Text Engine
    3. Werken met OpenType SVG-lettertypen
    4. Tekens opmaken
    5. Alinea's opmaken
    6. Teksteffecten maken
    7. Tekst bewerken
    8. Regelafstand en tekenspatiëring
    9. Arabische en Hebreeuwse tekst
    10. Lettertypen
    11. Problemen met lettertypen oplossen
    12. Aziatische tekst
    13. Tekst maken
  21. Filters en effecten
    1. De galerie Vervagen gebruiken
    2. Basisbeginselen van filters
    3. Overzicht van de filtereffecten
    4. Belichtingseffecten toevoegen
    5. Het filter Adaptief groothoek gebruiken
    6. Het filter Olieverf gebruiken
    7. Het filter Uitvloeien gebruiken
    8. Laageffecten en laagstijlen
    9. Specifieke filters toepassen
    10. Natte vinger gebruiken in afbeeldingsgebieden
  22. Opslaan en exporteren
    1. Uw bestanden opslaan in Photoshop
    2. Bestanden exporteren in Photoshop
    3. Ondersteunde bestandsindelingen
    4. Bestanden opslaan in grafische indelingen
    5. Ontwerpen verplaatsen tussen Photoshop en Illustrator
    6. Video en animaties opslaan en exporteren
    7. PDF-bestanden opslaan
    8. Digimarc-copyrightbescherming
  23. Kleurbeheer
    1. Werken met kleurbeheer
    2. Kleuren consistent houden
    3. Kleurinstellingen
    4. Duotonen
    5. Werken met kleurprofielen
    6. Kleurbeheer toepassen op documenten voor onlineweergave
    7. Kleurbeheer toepassen op documenten bij afdrukken
    8. Kleurbeheer toepassen op geïmporteerde afbeeldingen
    9. Kleuren controleren
  24. Ontwerp van websites, schermen en apps
    1. Ontwerpen in Photoshop
    2. Tekengebieden
    3. Apparaatvoorvertoning
    4. CSS kopiëren uit lagen
    5. Webpagina’s segmenteren
    6. HTML-opties voor segmenten
    7. De segmentlay-out wijzigen
    8. Werken met webafbeeldingen
    9. Webfotogalerieën maken
  25. Video en animatie
    1. Video's bewerken in Photoshop
    2. Video- en animatielagen bewerken
    3. Overzicht van video en animatie
    4. Voorvertoningen van video en animaties weergeven
    5. Frames tekenen in videolagen
    6. Videobestanden en reeksen afbeeldingen importeren
    7. Frameanimaties maken
    8. Creative Cloud 3D-animatie (Preview)
    9. Tijdlijnanimaties maken
    10. Afbeeldingen maken voor video
  26. Afdrukken
    1. 3D-objecten afdrukken
    2. Afdrukken vanuit Photoshop
    3. Afdrukken met kleurbeheer
    4. Contactbladen en PDF-presentaties
    5. Foto's afdrukken in een figuurpakketlay-out
    6. Steunkleuren afdrukken
    7. Afbeeldingen drukken op een professionele drukpers
    8. Kleurenafdrukken in Photoshop verbeteren
    9. Problemen met afdrukken oplossen | Photoshop
  27. Automatisering
    1. Handelingen maken
    2. Gegevensgestuurde afbeeldingen maken
    3. Scripts
    4. Een groep bestanden verwerken
    5. Handelingen afspelen en beheren
    6. Voorwaardelijke acties toevoegen
    7. Handelingen en het deelvenster Handelingen
    8. Tools opnemen in handelingen
    9. Een voorwaardelijke moduswijziging toevoegen aan een handeling
    10. Photoshop-gebruikersinterfacewerkset voor plug-ins en scripts
  28. Problemen oplossen
    1. Opgeloste problemen 
    2. Bekende problemen
    3. Prestaties van Photoshop optimaliseren
    4. Problemen oplossen - basis
    5. Problemen oplossen voor crash of vastlopen
    6. Programmafouten oplossen
    7. Fouten oplossen die zijn opgetreden doordat de werkschijf vol is
    8. Problemen met GPU en het grafische stuurprogramma oplossen
    9. Ontbrekende tools zoeken
    10. Photoshop | Veelgestelde vragen over 3D-functies die niet meer beschikbaar zijn
Opmerking:

Zie Een webfotogalerie maken in de Adobe Bridge Help voor informatie over het maken van webgalerieën in Photoshop CS5. Als u de hieronder beschreven oudere, optionele plug-in Webfotogalerie wilt gebruiken, download en installeer deze dan eerst voor Windows of Mac OS.

Informatie over webfotogalerieën

Een webfotogalerie is een website die een startpagina heeft met miniatuurafbeeldingen en galeriepagina’s met afbeeldingen in de oorspronkelijke grootte. Elke pagina bevat koppelingen waarmee bezoekers door de site kunnen navigeren. Als een bezoeker bijvoorbeeld op een miniatuurafbeelding op de startpagina klikt, wordt een galeriepagina met de bijbehorende afbeeldingen in de oorspronkelijke grootte geladen. Met de opdracht Webfotogalerie kunt u automatisch een webfotogalerie genereren op basis van een set afbeeldingen.

Photoshop - Startpagina webfotogalerie
Startpagina webfotogalerie

Photoshop biedt diverse stijlen voor galerieën, die u kunt selecteren met de opdracht Webfotogalerie. Als u een ervaren gebruiker bent die met HTML kan werken, kunt u een nieuwe stijl maken of een stijl aanpassen door een reeks HTML-sjabloonbestanden te bewerken.

Elke sjabloon voor galeriestijlen bevat andere opties. Als u een vooraf gedefinieerde stijl gebruikt, zijn bepaalde opties mogelijk uitgeschakeld of niet beschikbaar in die bepaalde stijl.

Webgalerieën maken met Adobe Bridge

Adobe Bridge beschikt over verbeterde functies voor webgalerieën. Zie Een webfotogalerie maken in de Help van Adobe Bridge of bekijk de onderstaande lesbestanden voor meer informatie.

De oudere, optionele Photoshop-plug-in gebruiken

  1. Download en installeer de oudere plug-in Webfotogalerie voor Windows of Mac OS.

  2. (Optioneel) Selecteer de bestanden of map die u wilt gebruiken in Adobe Bridge.

    Uw afbeeldingen worden gepresenteerd in de volgorde waarin ze worden weergegeven in Bridge. Als u liever een andere volgorde aanhoudt, wijzigt u de volgorde in Bridge.

  3. Voer een van de volgende handelingen uit:

    • Kies Extra > Photoshop > Webfotogalerie in Adobe Bridge.

    • Kies Bestand > Automatisch > Webfotogalerie in Photoshop.

  4. Kies een stijl voor de galerie in het pop-upmenu Stijlen. In het dialoogvenster wordt een voorvertoning van de startpagina in de gekozen stijl weergegeven.

  5. (Optioneel) Voer een e-mailadres in als de contactpersoon voor de galerie.

  6. Kies de bronbestanden voor uw galerie in het menu Gebruik.

    Geselecteerde afbeeldingen van Bridge

    Hierbij gebruikt u afbeeldingen die u selecteert voordat u het dialoogvenster Webfotogalerie opent.

    Map

    Hierbij gebruikt u afbeeldingen uit mappen die u hebt geselecteerd met de knop Bladeren (Windows) of Kies (Mac OS). Selecteer Inclusief alle submappen als u ook de afbeeldingen in de submappen van de geselecteerde map wilt gebruiken.

  7. Klik op Doel en selecteer vervolgens een map waarin u de afbeeldingen en HTML-pagina's voor de galerie wilt opslaan. Klik vervolgens op OK (Windows) of Kies (Mac OS).

  8. Selecteer opmaakopties voor de webgalerie. Maak een keuze in het menu Opties om iedere set met opties weer te geven. Zie Opties voor webfotogalerie.

  9. Klik op OK. De volgende HTML- en JPEG-bestanden worden in de doelmap geplaatst:

    • Een startpagina voor de galerie met de naam index.htm of index.html, afhankelijk van de opties voor Extensie. Open dit bestand in een willekeurige webbrowser als u een voorvertoning van de galerie wilt bekijken.

    • JPEG-afbeeldingen, in een submap voor afbeeldingen.

    • HTML-paginabestanden, in een submap voor pagina’s.

    • JPEG-miniatuurafbeeldingen, in een submap voor miniaturen.

Kleuren overeen laten komen

Als u foto's bewerkt in een werkruimte met een uitgebreide kleuromvang, zoals ProPhoto RGB of Adobe RGB, kunnen de afbeeldingskleuren er anders uitzien als ze in een webgalerie worden weergegeven door een browser die ingesloten kleurprofielen niet kan lezen. Als dit gebeurt, kunt u de afbeeldingsprofielen omzetten in sRGB (het standaardprofiel van de meeste browsers) voordat u ze optimaliseert of opneemt in een webfotogalerie. U kunt profielen op de volgende manieren omzetten in sRGB. Het is beter om met een kopie van de afbeeldingen te werken.

Als u de Afbeeldingsprocessor gebruikt, kunt u de bestanden direct opslaan in de gewenste JPEG-indeling. Als u dit doet, schakel het selectievakje Afbeeldingen vergroten/verkleinen dan uit in de opties voor Grote afbeeldingen.

Algemeen

Opties voor bestandsextensies, codering en metagegevens.

Extensie

Hierbij gebruikt u .htm of .html als de extensie van de bestandsnaam.

UTF 8-codering gebruiken voor URL

Hierbij gebruikt u UTF‑8-codering.

Breedte- en hoogtekenmerken toevoegen voor afbeeldingen

Hiermee bepaalt u afmetingen, waardoor u de downloadtijd kunt verkorten.

Alle metagegevens behouden

Hiermee behoudt u de metagegevens.

Banner

Tekstopties voor de banner die op elke pagina in de galerie verschijnen. Voer tekst in in alle volgende velden:

Sitenaam

De naam van de galerie.

Fotograaf

De naam van de persoon of organisatie die het auteursrecht op de foto’s in de galerie heeft.

Contactinfo

De contactinformatie voor de galerie, zoals een telefoonnummer of zakelijk adres.

Datum

De datum die op elke pagina van de galerie wordt weergegeven. Standaard wordt de huidige datum gebruikt.

Lettertype en Tekengrootte

(Beschikbaar voor enkele sitestijlen) Opties voor de bannertekst.

Grote afbeeldingen

Opties voor de belangrijkste afbeeldingen die worden weergegeven op elke galeriepagina.

Numerieke koppelingen toevoegen

(Beschikbaar voor enkele sitestijlen) Plaatst boven aan iedere galeriepagina een horizontale serie nummers (beginnend met 1 en eindigend met het totale aantal pagina's in de galerie). Elk nummer fungeert als een koppeling naar de desbetreffende pagina.

Afbeeldingen vergroten/verkleinen

Hiermee wijzigt u de grootte van de bronafbeeldingen die op de galeriepagina's worden geplaatst. Kies een grootte in het pop-upmenu of voer een grootte in pixels in. Kies bij Beperken voor welke afmetingen van de afbeelding u beperkingen wilt instellen tijdens het vergroten of verkleinen. Kies bij JPEG-kwaliteit een optie in het pop-upmenu, geef een waarde tussen 0 en 12 op of sleep de schuifregelaar. Hoe hoger de waarde, hoe beter de afbeeldingskwaliteit en hoe groter het bestand.

Opmerking:

In Photoshop wordt de standaard interpolatiemethode voor afbeeldingen gebruikt, die staat ingesteld bij de voorkeuren. Kies Bicubisch scherper als standaard voor het beste resultaat bij het reduceren van de bestandsgrootte.

Formaat

Hiermee bepaalt u de breedte, in pixels, van het afbeeldingskader.

Titels

(Beschikbaar voor enkele sitestijlen) Hiermee geeft u opties op voor de weergave van bijschriften onder iedere afbeelding. Selecteer Bestandsnaam als u de bestandsnaam wilt weergeven of selecteer Beschrijving, Verantwoording, Titel en Copyright als u een beschrijvende tekst wilt weergeven die is ontleend aan het dialoogvenster Bestandsinfo.

Lettertype en Tekengrootte

(Beschikbaar voor enkele sitestijlen) Hiermee geeft u de tekengrootte en het lettertype van het bijschrift op.

Miniaturen

Hiermee hebt u de keuze uit opties voor de startpagina van de galerie, waaronder de grootte van de miniatuurafbeeldingen.

Grootte

Hiermee bepaalt u de grootte van de miniaturen. Maak een keuze in het pop-upmenu of voer een waarde in pixels in voor de breedte van elke miniatuur.

Rijen en Kolommen

Hiermee geeft u het aantal rijen en kolommen op waarin u de miniaturen wilt weergeven op de startpagina. Deze optie is niet van toepassing op galerieën die gebruikmaken van de horizontale of verticale kaderstijl.

Formaat

Hiermee bepaalt u de breedte, in pixels, van het kader om een miniatuur.

Titels

(Beschikbaar voor enkele sitestijlen) Hiermee geeft u opties op voor de weergave van bijschriften onder iedere miniatuur. Selecteer Bestandsnaam als u de bestandsnaam wilt weergeven of selecteer Beschrijving, Verantwoording, Titel en Copyright als u een beschrijvende tekst wilt weergeven die is ontleend aan het dialoogvenster Bestandsinfo.

Lettertype en Tekengrootte

(Beschikbaar voor enkele sitestijlen) Hiermee geeft u de tekengrootte en het lettertype van het bijschrift op.

Eigen kleuren

Hiermee hebt u de keuze uit opties voor kleuren van elementen in de galerie. Als u de kleur van een element wilt wijzigen, klikt u op het kleurstaal van het element en selecteert u een nieuwe kleur met de Adobe Kleurkiezer. U kunt de achtergrondkleur van elke pagina (optie Achtergrond) en van de banner (optie Banner) wijzigen.

Beveiliging

Hiermee plaatst u tekst op elke afbeelding om diefstal van de afbeelding tegen te gaan.

Inhoud

Hiermee geeft u de tekst op die moet worden weergegeven. Selecteer Eigen tekst als u aangepaste tekst wilt invoeren. Selecteer Bestandsnaam, Beschrijving, Verantwoording, Titel of Copyright als u een tekst wilt weergeven die is ontleend aan het dialoogvenster Bestandsinfo.

Lettertype, Kleur en Positie

Hiermee geeft u het lettertype, de kleur en de plaats van het bijschrift op.

Roteren

Hiermee plaatst u de tekst onder een hoek op de afbeelding.

Photoshop biedt een keur aan stijlen voor uw webfotogalerie. Als u een ervaren gebruiker bent die met HTML kan werken, kunt u een nieuwe stijl maken of een stijl aanpassen door een reeks HTML-sjabloonbestanden te bewerken.

De webfotogaleriestijlen die bij Photoshop worden geleverd, worden opgeslagen in afzonderlijke mappen op de volgende locaties:

Windows

Program Files/Adobe/Adobe Photoshop CS5/Voorinstellingen/Webfotogalerie.

Mac OS

Adobe Photoshop CS5/Voorinstellingen/Webfotogalerie.

De namen van de verschillende mappen op deze locatie worden als optie weergegeven in het pop-upmenu Stijlen in het dialoogvenster Webfotogalerie. Elke map bevat de volgende HTML-sjabloonbestanden, waarmee door Photoshop de galerie wordt gegenereerd:

Caption.htm

Bepaalt de layout van het bijschrift dat onder elke miniatuur op de startpagina wordt weergegeven.

Frameset.htm

Bepaalt de layout van de kaderset voor het weergeven van pagina’s.

IndexPage.htm

Bepaalt de layout van de startpagina.

SubPage.htm

Bepaalt de layout van de galeriepagina’s met afbeeldingen in de oorspronkelijke grootte.

Thumbnail.htm Bepaalt de lay-out van de miniaturen die op de startpagina worden weergegeven.

Elk sjabloonbestand bevat HTML-code en tokens. Een token is een tekenreeks die door Photoshop wordt vervangen wanneer u de desbetreffende optie instelt in het dialoogvenster Webfotogalerie. Een sjabloonbestand kan bijvoorbeeld het volgende TITLE-element bevatten, waarin in plaats van de ingesloten titel een token wordt gebruikt:

<TITLE>%TITLE%</TITLE>

Wanneer Photoshop de galerie genereert met dit sjabloonbestand, wordt de token %TITLE% vervangen door de tekst die u in het dialoogvenster Webfotogalerie als sitenaam hebt opgegeven.

Als u een bestaande stijl beter wilt begrijpen, kunt u de bijbehorende HTML-sjabloonbestanden openen met een HTML-editor. Omdat voor het maken van HTML-documenten alleen standaard ASCII-tekens vereist zijn, kunt u deze documenten maken, openen en bewerken met een standaardteksteditor zoals Kladblok (Windows) of TextEdit (Mac OS).

U kunt een bestaande webfotogaleriestijl aanpassen door een of meer van de bijbehorende HTML-sjabloonbestanden te bewerken. Als u in Photoshop een stijl aanpast, volgt u de volgende richtlijnen zodat de stijl juist wordt gegenereerd:

  • De map met stijlen moet de volgende bestanden bevatten: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm en Frameset.htm.

  • U kunt de naam van de map met stijlen wijzigen, maar niet de namen van de HTML-sjabloonbestanden in de map.

  • U kunt het bestand Caption.htm echter wel leeg laten en de HTML-codes en de tokens die de layout van bijschriften bepalen in het bestand Thumbnail.htm plaatsen.

  • U kunt een token in een sjabloonbestand eventueel vervangen door de gewenste tekst of HTML-codes. U stelt de optie in dat geval in via het sjabloonbestand in plaats van via het dialoogvenster Webfotogalerie. Een sjabloonbestand kan bijvoorbeeld een BODY-element bevatten met het volgende achtergrondkleurkenmerk, dat een token als waarde heeft:

    bgcolor=%BGCOLOR%

    Als u de pagina een rode achtergrond wilt geven, vervangt u de token %BGCOLOR% door “FF0000”.

  • U kunt aan sjabloonbestanden HTML-code en tokens toevoegen. De namen van tokens moeten uit hoofdletters bestaan en moeten tussen procenttekens (%) worden geplaatst.

  1. Ga naar de map met de bestaande webfotogaleriestijlen.
  2. Voer een van de volgende handelingen uit:
    • Als u een stijl wilt aanpassen, maakt u een kopie van de map Stijlen, en slaat u deze op dezelfde locatie op als de bestaande mappen voor stijlen.

    • Als u een nieuwe stijl wilt maken, maakt u een nieuwe map voor de nieuwe stijl en slaat u deze op dezelfde locatie op als de bestaande mappen voor stijlen.

    De nieuwe of aangepaste stijl (met de naam van de map) wordt weergegeven in het pop-upmenu Stijlen in het dialoogvenster Webfotogalerie.

  3. Als u een HTML-editor gebruikt, gaat u op een van de volgende manieren te werk:
    • Pas het HTML-sjabloonbestand aan.

    • Maak de vereiste HTML-sjabloonbestanden en sla deze op in de stijlmap.

    Wanneer u sjabloonbestanden maakt, volgt u de richtlijnen voor aanpassing die worden beschreven in Webfotogaleriestijlen aanpassen.

    Opmerking:

    Wanneer u een galeriestijlsjabloon maakt of aanpast, moet u de volgende tokens op afzonderlijke regels in het HTML-bestand opnemen: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% en %PREVINDEX%. Wanneer u in Photoshop bepaalde pagina’s van een galerie genereert, worden sjabloonregels met tokens die geen betrekking hebben op die pagina’s, overgeslagen. Bij het genereren van de eerste galeriepagina wordt bijvoorbeeld elke regel in de sjabloon overgeslagen die de token %PREVIMAGE% bevat. Deze token vertegenwoordigt namelijk de koppeling naar de vorige galeriepagina. Door de token %PREVIMAGE% op een afzonderlijke regel te plaatsen voorkomt u dat andere tokens in de sjabloon ten onrechte worden genegeerd.

In Photoshop kunt u een standaard webfotogaleriestijl definiëren door tokens in de HTML-sjabloonbestanden te plaatsen. In Photoshop gebruikt u deze tokens om een galerie te genereren op basis van de instellingen die u in het dialoogvenster Webfotogalerie opgeeft.

Wanneer u een galeriestijl maakt of aanpast, kunt u een willekeurige token aan een willekeurig HTML-sjabloonbestand toevoegen, met uitzondering van %THUMBNAILS% en %THUMBNAILSROWS%, die alleen kunnen worden gebruikt in het bestand IndexPage.htm. Houd er rekening mee dat u, wanneer u een token toevoegt, mogelijk ook HTML-code moet toevoegen, om de token juist toe te passen.

In de HTML-sjabloonbestanden kunt u de volgende tokens gebruiken:

%ALINK%

Bepaalt de kleur van actieve koppelingen.

%ALT%

Bepaalt de naam van een afbeeldingsbestand.

%ANCHOR%

Biedt de mogelijkheid om terug te gaan naar de miniatuur van de afbeelding die de gebruiker bekijkt, in plaats van naar het begin van de index. Dit wordt uitgevoerd als de gebruiker op de knop Home klikt.

%BANNERCOLOR%

Bepaalt de kleur van de banner.

%BANNERFONT%

Bepaalt het lettertype van de bannertekst.

%BANNERFONTSIZE%

Bepaalt de tekengrootte van de bannertekst.

%BGCOLOR%

Bepaalt de achtergrondkleur.

%CAPTIONFONT%

Bepaalt het lettertype van de bijschriften onder de miniaturen op de startpagina.

%CAPTIONFONTSIZE%

Bepaalt de tekengrootte van de bijschriften.

%CAPTIONTITLE%

Haalt de documenttitel uit de bestandsinformatie en voegt deze in als een bijschrift.

%CHARSET%

Bepaalt de tekenset die op elke pagina wordt gebruikt.

%CONTACTINFO%

Bepaalt de contactgegevens voor de galerie, zoals een telefoonnummer en een woonplaats.

%CONTENT_GENRATOR%

Breidt uit naar "Adobe Photoshop CS5 Webfotogalerie".

%COPYRIGHT%

Haalt de copyrightinformatie uit de bestandsinformatie en voegt deze in als een bijschrift.

%CREDITS%

Haalt de verantwoording uit de bestandsinformatie en voegt deze in als een bijschrift.

%CURRENTINDEX%

Bepaalt de koppeling voor de huidige startpagina.

%CURRENTINDEXANCHOR%

Bevindt zich in SubPage.htm en verwijst naar de eerste indexpagina.

%DATE%

Bepaalt de datum die in de banner wordt weergegeven.

%EMAIL%

Bepaalt het e-mailadres in de contactgegevens voor de galerie.

%FILEINFO%

Bepaalt de afbeeldingsbestandsinformatie voor een bijschrift.

%FILENAME%

Bepaalt de bestandsnaam van een afbeelding. Gebruik deze token voor metagegevens die verschijnen als HTML-tekst.

%FILENAME_URL%

Bepaalt de URL-bestandsnaam van een afbeelding. Alleen gebruiken voor URL-bestandsnamen.

%FIRSTPAGE%

Bepaalt de koppeling voor de eerste galeriepagina die in het rechterkader van de kaderset wordt weergegeven.

%FRAMEINDEX%

Bepaalt de koppeling voor de startpagina die in het linkerkader van de kaderset wordt weergegeven.

%HEADER%

Bepaalt de titel van de galerie.

%IMAGEBORDER%

Bepaalt het kaderformaat voor de volledige afbeelding op een galeriepagina.

%IMAGE_HEIGHT%

Schakelt het selectievakje Breedte- en hoogtekenmerken toevoegen voor afbeeldingen in. De gebruiker kan daardoor de kenmerken downloaden zodat het downloaden sneller verloopt.

%IMAGE_HEIGHT_NUMBER%

Deze token wordt vervangen door een numerieke waarde die (alleen) de breedte van de afbeelding weergeeft.

%IMAGEPAGE%

Bepaalt de koppeling naar een galeriepagina.

%IMAGE_SIZE%

Als het selectievakje Afbeeldingen vergroten/verkleinen is ingeschakeld, bevat deze token de pixelwaarde van de afbeelding die wordt gebruikt in het venster Grote afbeeldingen. Als het vakje niet is ingeschakeld, bevat deze token een lege string. Dit komt van pas als u JavaScript in sjablonen gebruikt, omdat het vakje de maximale hoogte- en breedtewaarden kan weergeven voor alle afbeeldingen van de gegenereerde site.

%IMAGESRC%

Bepaalt de URL voor de volledige afbeelding op een galeriepagina.

%IMAGE_WIDTH%

Schakelt het selectievakje Breedte- en hoogtekenmerken toevoegen voor afbeeldingen in. De gebruiker kan daardoor de kenmerken downloaden zodat het downloaden sneller verloopt.

%IMAGE_WIDTH_NUMBER%

Deze token wordt vervangen door een numerieke waarde die (alleen) de breedte van de afbeelding weergeeft.

%LINK%

Bepaalt de kleur van koppelingen.

%NEXTIMAGE%

Bepaalt de koppeling voor de volgende galeriepagina.

%NEXTIMAGE _CIRCULAR%

Stelt de koppeling in van een grote voorvertoning van een afbeelding naar de volgende grote voorvertoning.

%NEXTINDEX%

Bepaalt de koppeling voor de volgende startpagina.

%NUMERICLINKS%

Voegt genummerde koppelingen in op subpagina's naar alle grote voorvertoningen van afbeeldingen.

%PAGE%

Bepaalt de huidige paginalocatie (bijvoorbeeld pagina 1 van 3).

%PHOTOGRAPHER%

Bepaalt de naam van de persoon of organisatie die het auteursrecht op de foto’s in de galerie heeft.

%PREVIMAGE%

Bepaalt de koppeling voor de vorige galeriepagina.

%PREVINDEX%

Bepaalt de koppeling voor de vorige startpagina.

%SUBPAGEHEADER%

Bepaalt de titel van de galerie.

%SUBPAGETITLE%

Bepaalt de titel van de galerie.

%TEXT%

Bepaalt de tekstkleur.

%THUMBBORDER%

Bepaalt de grootte van de kaders om de miniaturen.

%THUMBNAIL_HEIGHT%

Schakelt het selectievakje Breedte- en hoogtekenmerken toevoegen voor afbeeldingen in. De gebruiker kan daardoor de kenmerken downloaden zodat het downloaden sneller verloopt.

%THUMBNAIL_HEIGHT_NUMBER%

Deze token wordt vervangen door een numerieke waarde die (alleen) de hoogte van de miniatuur weergeeft.

%THUMBNAILS%

Deze token wordt vervangen door miniaturen aan de hand van het bestand Thumbnail.htm voor de kaderstijlen. Plaats deze token alleen op een afzonderlijke, niet-afgebroken regel in het HTML-bestand.

%THUMBNAIL_SIZE%

Bevat de pixelwaarde van de miniatuur in het venster Miniaturen. Dit komt van pas als u JavaScript in sjablonen gebruikt, aangezien het vakje de maximale hoogte- en breedtewaarden kan weergeven voor alle miniaturen van de gegenereerde site.

%THUMBNAILSRC%

Bepaalt de koppeling van een miniatuur.

%THUMBNAILSROWS%

Deze token wordt vervangen door rijen miniaturen aan de hand van het bestand Thumbnail.htm voor de niet-kaderstijlen. Plaats deze token alleen op een afzonderlijke, niet-afgebroken regel in het HTML-bestand.

%THUMBNAIL_WIDTH%

Schakelt het selectievakje Breedte- en hoogtekenmerken toevoegen voor afbeeldingen in. De gebruiker kan daardoor de kenmerken downloaden zodat het downloaden sneller verloopt.

%THUMBNAIL_WIDTH_NUMBER%

Deze token wordt vervangen door een numerieke waarde die (alleen) de breedte van de miniatuur weergeeft.

%TITLE%

Bepaalt de titel van de galerie.

%VLINK%

Bepaalt de kleur van bezochte koppelingen.

 Adobe

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?

Adobe MAX 2024

Adobe MAX
De creativiteitsconferentie

14–16 oktober Miami Beach en online

Adobe MAX

De creativiteitsconferentie

14–16 oktober Miami Beach en online

Adobe MAX 2024

Adobe MAX
De creativiteitsconferentie

14–16 oktober Miami Beach en online

Adobe MAX

De creativiteitsconferentie

14–16 oktober Miami Beach en online