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. Voorinstellingen, handelingen en instellingen migreren
    8. Maak kennis met Photoshop
  3. Photoshop en Adobe-services
    1. Photoshop en Adobe Stock
    2. Creative Cloud Libraries
    3. Creative Cloud Libraries in Photoshop
    4. De Touch Bar gebruiken met Photoshop
    5. Werken met illustraties van Illustrator in Photoshop
    6. De Capture-in-app-extensie in Photoshop gebruiken
    7. Raster en hulplijnen
    8. Handelingen maken
    9. Ongedaan maken en historie
    10. Standaardsneltoetsen
    11. Aanraakfuncties en aanpasbare werkruimten
  4. Photoshop voor de iPad
    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. Werk 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. Werk met tekstlagen
    16. Werk 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
    26. Werken met Camera Raw-bestanden
    27. Slimme objecten maken en ermee werken
    28. De belichting in uw afbeeldingen aanpassen met Tegenhouden en Doordrukken
  5. Photoshop op internet (bèta)
    1. Veelgestelde vragen | Photoshop op internet (bèta) 
    2. Kennismaken met de werkruimte
    3. Systeemvereisten | Photoshop op internet (bèta)
    4. Sneltoetsen | Photoshop op internet (bèta)
    5. Ondersteunde bestandstypen | Photoshop op internet (bèta)
    6. Clouddocumenten openen en bewerken
    7. Samenwerken met belanghebbenden
    8. Beperkte bewerkingen toepassen op uw clouddocumenten
  6. Clouddocumenten
    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. Toegang delen en uw clouddocumenten bewerken
    9. Bestanden delen en opmerkingen in de app
  7. Werkruimte
    1. Basisbegrippen voor werkruimten
    2. Documenten maken
    3. De Touch Bar gebruiken met Photoshop
    4. Ondersteuning voor Microsoft Surface Dial in Photoshop
    5. Toolgalerieën
    6. Prestatievoorkeuren
    7. Tools gebruiken
    8. Aanraakbewegingen
    9. Aanraakfuncties en aanpasbare werkruimten
    10. Technology Previews
    11. Metagegevens en notities
    12. Snel uw creaties delen
    13. Photoshop-afbeeldingen in andere toepassingen opnemen
    14. Voorkeuren
    15. Standaardsneltoetsen
    16. Linialen
    17. Niet-afdrukbare extra's tonen of verbergen
    18. Het aantal kolommen voor een afbeelding opgeven
    19. Ongedaan maken en historie
    20. Deelvensters en menu's
    21. Bestanden plaatsen
    22. Elementen instellen met de functie Magnetisch
    23. Plaatsen met de liniaal
    24. Voorinstellingen
    25. Sneltoetsen aanpassen
    26. Raster en hulplijnen
  8. 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
  9. 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
  10. 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
    26. Laag
    27. Afvlakken
    28. Samengesteld
    29. Achtergrond
  11. Selecties
    1. Werkruimte Selecteren en maskeren
    2. Snelle selecties maken
    3. Aan de slag met selecties
    4. Selecties aanbrengen met de selectiekadertools
    5. Selecties maken met de lasso’s
    6. Een kleurbereik selecteren in een afbeelding
    7. Pixelselecties aanpassen
    8. Paden omzetten in selectiekaders en omgekeerd
    9. Basisbegrippen voor kanalen
    10. Geselecteerde pixels verplaatsen, kopiëren en verwijderen
    11. Een tijdelijk snelmasker maken
    12. Selecties en alfakanaalmaskers opslaan
    13. De afbeeldingsgebieden met de focus selecteren
    14. Kanalen dupliceren, splitsen en samenvoegen
    15. Kanaalberekeningen
    16. Selectie
    17. Selectiekader
  12. Afbeeldingsaanpassingen
    1. Perspectief verdraaien
    2. Vervaging door camerabeweging verminderen
    3. Voorbeelden van de tool Retoucheerpenseel
    4. Kleur-opzoektabellen exporteren
    5. De scherpte en vervaging van afbeeldingen aanpassen
    6. Kleuraanpassingen
    7. De aanpassing Helderheid/contrast toepassen
    8. Schaduwdetails en hooglichtdetails aanpassen
    9. Aanpassing Niveaus
    10. De kleurtoon en verzadiging aanpassen
    11. Levendigheid aanpassen
    12. De kleurverzadiging in afbeeldingsgebieden aanpassen
    13. Snel aanpassingen aanbrengen aan tinten
    14. Speciale kleureffecten toepassen op afbeeldingen
    15. Uw afbeelding verbeteren met aanpassingen in kleurbalans
    16. HDR-afbeeldingen (High Dynamic Range)
    17. Histogrammen en pixelwaarden bekijken
    18. Kleuren in uw afbeelding afstemmen
    19. Foto's uitsnijden en rechttrekken
    20. Een kleurenfoto omzetten in zwart-wit
    21. Aanpassings- en opvullagen
    22. Aanpassing Curven
    23. Overvloeimodi
    24. Afbeeldingen voorbereiden voor drukken
    25. De kleur en toon aanpassen met de pipetten Niveaus en Curven
    26. HDR-belichting en -kleurtinten aanpassen
    27. Filter
    28. Vervagen
    29. Afbeeldingsgebieden doordrukken of tegenhouden
    30. Selectieve kleuraanpassingen aanbrengen
    31. Objectkleuren vervangen
  13. 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. Niet-destructieve bewerkingen uitvoeren in Camera Raw
    10. Radiaalfilter in Camera Raw
    11. Camera Raw-instellingen beheren
    12. Afbeeldingen openen, verwerken en opslaan in Camera Raw
    13. Repareer afbeeldingen met de verbeterde tool Vlekken verwijderen in Camera Raw
    14. Afbeeldingen roteren, uitsnijden en aanpassen
    15. Kleurweergave aanpassen in Camera Raw
    16. Functieoverzicht | Adobe Camera Raw | 2018-versies
    17. Overzicht van nieuwe functies
    18. Procesversies in Camera Raw
    19. Lokale aanpassingen aanbrengen in Camera Raw
  14. 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
  15. Afbeeldingen transformeren
    1. Objecten transformeren
    2. Uitsnijding, rotatie en canvasgrootte aanpassen
    3. Foto's uitsnijden en rechttrekken
    4. Panoramische afbeeldingen maken en bewerken
    5. Afbeeldingen, vormen en paden verdraaien
    6. Perspectiefpunt
    7. Het filter Uitvloeien gebruiken
    8. Schalen en de inhoud behouden
    9. Afbeeldingen, vormen en paden transformeren
    10. Verdraaien
    11. Transformeren
    12. Panorama
  16. 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
  17. Tekst
    1. Werken met OpenType SVG-lettertypen
    2. Tekens opmaken
    3. Alinea's opmaken
    4. Teksteffecten maken
    5. Tekst bewerken
    6. Regelafstand en tekenspatiëring
    7. Arabische en Hebreeuwse tekst
    8. Lettertypen
    9. Problemen met lettertypen oplossen
    10. Aziatische tekst
    11. Tekst maken
    12. Tekstenginefout met Typegereedschap in Photoshop | Windows 8
    13. World-Ready composer voor Aziatische scripts
    14. Tekst toevoegen en bewerken in Photoshop
  18. 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
  19. Filters en effecten
    1. Het filter Uitvloeien gebruiken
    2. De galerie Vervagen gebruiken
    3. Basisbeginselen van filters
    4. Overzicht van de filtereffecten
    5. Belichtingseffecten toevoegen
    6. Het filter Adaptief groothoek gebruiken
    7. Het filter Olieverf gebruiken
    8. Laageffecten en laagstijlen
    9. Specifieke filters toepassen
    10. Natte vinger gebruiken in afbeeldingsgebieden
  20. 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
  21. 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. Duotonen
    8. Afbeeldingen drukken op een professionele drukpers
    9. Kleurenafdrukken in Photoshop verbeteren
    10. Problemen met afdrukken oplossen | Photoshop
  22. 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
  23. Kleurbeheer
    1. Werken met kleurbeheer
    2. Kleuren consistent houden
    3. Kleurinstellingen
    4. Werken met kleurprofielen
    5. Kleurbeheer toepassen op documenten voor onlineweergave
    6. Kleurbeheer toepassen op documenten bij afdrukken
    7. Kleurbeheer toepassen op geïmporteerde afbeeldingen
    8. Kleuren controleren
  24. Content Authenticity
    1. Meer informatie over inhoudreferenties
    2. Identiteit en herkomst voor NFT's
    3. Accounts verbinden voor creatieve toewijzing
  25. 3D-beelden en technische beeldverwerking
    1. Photoshop 3D | Veelgestelde vragen over 3D-functies die niet meer beschikbaar zijn
    2. Creative Cloud 3D-animatie (Preview)
    3. 3D-objecten afdrukken
    4. Tekenen in 3D
    5. Verbeteringen in het 3D-deelvenster | Photoshop
    6. De belangrijkste 3D-concepten en -tools
    7. 3D renderen en opslaan
    8. 3D-objecten en -animaties maken
    9. Afbeeldingsstapels
    10. 3D-workflow
    11. Metingen
    12. DICOM-bestanden
    13. Photoshop en MATLAB
    14. Objecten in een afbeelding tellen
    15. 3D-objecten combineren en omzetten
    16. Structuren bewerken in 3D
    17. HDR-belichting en -kleurtinten aanpassen
    18. Instellingen van het 3D-deelvenster
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.

Een webfotogalerie maken

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.

Opties voor webfotogalerie

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.

Stijlen voor webfotogalerieën

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

Webfotogaleriestijlen aanpassen

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.

Een webfotogaleriestijl aanpassen of maken

  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.

Tokens voor webfotogaleriestijlen

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

Aanmelden bij je account