Handboek Annuleren

Werken met webafbeeldingen

Zoeken

Laatst bijgewerkt op 13 feb. 2023

Photoshop Handboek
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
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
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
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. Een opvullaag toevoegen
15. Afbeeldingen verplaatsen, transformeren en uitsnijden
16. Tekenen en schilderen
17. Vormen tekenen en bewerken
18. Werken met tekstlagen
19. Met iedereen op het web werken
20. App-instellingen beheren
21. Afbeelding genereren
22. Achtergrond genereren
23. Referentieafbeelding
Photoshop (Beta) (niet beschikbaar op het vasteland van China)
1. Aan de slag met Creative Cloud Beta-apps
2. Photoshop (Beta) op de desktop
3. Een achtergrond genereren met beschrijvende tekstopdrachten
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. Een afbeelding genereren met beschrijvende tekstopdrachten
4. Generatief uitbreiden in Photoshop op de desktop
5. Generatief vullen in Photoshop op de iPad
6. Generatief uitbreiden in Photoshop op de iPad
7. Generatieve AI-functies in Photoshop op internet
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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

Met de webtools van Photoshop kunt u heel eenvoudig de elementen van uw webpagina's maken of volledige webpagina's uitvoeren in vooraf ingestelde of aangepaste indelingen.

Met lagen en segmenten kunt u webpagina's en de interface-elementen voor deze pagina's ontwerpen. (Zie Lagen enWebpagina's segmenteren.)
Met laagsamenstellingen kunt u experimenteren met verschillende paginasamenstellingen of kunt u verschillende versies van een pagina exporteren. (Zie Laagsamenstellingen.)
Maak rollovertekst of knopillustraties en importeer deze naar Dreamweaver of Flash.
Maak webanimaties met het deelvenster Animatie en exporteer deze animaties als geanimeerde GIF-afbeeldingen of QuickTime-bestanden. Zie Frameanimaties maken.
Gebruik Adobe Bridge om een webfotogalerie te maken, zodat u een reeks afbeeldingen met gebruik van professioneel ogende sjablonen snel kunt omzetten in een interactieve website.

Voor een video over het ontwerpen van websites met Photoshop en Dreamweaver gaat u naar Photoshop openen vanuit Dreamweaver om een webafbeelding te verbeteren.

Rolloverafbeeldingen maken

Een rollover is een knop of afbeelding op een webpagina die verandert wanneer u de muis erboven plaatst. U hebt minstens twee afbeeldingen nodig om een rollover te maken: een primaire afbeelding voor de normale staat en een secundaire afbeelding voor de gewijzigde staat.

Photoshop beschikt over een aantal nuttige tools voor het maken van rolloverafbeeldingen:

U kunt primaire of secundaire afbeeldingen maken met lagen. Maak de inhoud op één laag en dupliceer en bewerk deze laag om vergelijkbare inhoud te maken waarbij de uitlijning tussen de twee lagen behouden blijft. U maakt het rollovereffect door de laagstijl, zichtbaarheid of positie van de laag te wijzigen, kleur- of toonaanpassingen aan te brengen of filtereffecten toe te passen. Zie Lagen dupliceren.
U kunt laagstijlen ook gebruiken om effecten, zoals bijvoorbeeld kleurbedekkingen, slagschaduwen, gloed of reliëf toe te passen op de primaire laag. Als u een rolloverpaar wilt maken, schakelt u de laagstijl in of uit en slaat u beide staten van de afbeelding op. Zie Laageffecten en laagstijlen.
Gebruik de vooraf ingestelde knopstijlen in het deelvenster Stijlen om snel rolloverknoppen te maken met de staten normaal, muisbeweging en muisklik. Teken een vorm met de tool Rechthoek en pas een stijl toe, zoals Schuine kant - normaal, om de rechthoek automatisch om te zetten in een knop. Kopieer de laag en pas andere vooraf ingestelde stijlen toe, zoals Schuine kant - muisbeweging om de andere knopstaten te maken. Sla iedere laag op als een afzonderlijke afbeelding om de set met rolloverknoppen te voltooien.
In het dialoogvenster Opslaan voor web en apparaten kunt u rolloverafbeeldingen met een optimale bestandsgrootte opslaan in een indeling die compatibel is met het web.

Opmerking:

Wanneer u rolloverafbeeldingen opslaat, maakt u aan de hand van een naamgevingsconventie onderscheid tussen de primaire afbeelding (niet-rolloverstaat) en de secundaire afbeelding (rolloverstaat).

Nadat u een set rolloverafbeeldingen hebt gemaakt in Photoshop, kunt u de afbeeldingen met gebruik van Dreamweaver op een webpagina plaatsen en automatisch de Javascript-code voor de rolloveractie toevoegen.

Exporteren naar Zoomify

U kunt afbeeldingen met een hoge resolutie op het web plaatsen. Gebruikers kunnen dan pannen en zoomen om meer details te zien. Afbeeldingen van standaardgrootte worden net zo snel gedownload als een JPEG-bestand van vergelijkbare grootte. Photoshop exporteert het HTML-bestand en de JPEG-bestanden die u kunt uploaden naar uw webserver.

Kies Bestand > Exporteren > Zoomify en stel exportopties in.

Sjabloon

Hiermee stelt u de achtergrond en de navigatie in voor de afbeelding die in de browser wordt weergegeven.

Uitvoerlocatie

Hiermee geeft u de locatie en de naam van het bestand op..

Opties voor afbeeldingen naast elkaar

Hiermee bepaalt u de kwaliteit van de afbeelding..

Browseropties

Hiermee stelt u de pixelbreedte en -hoogte in voor de standaardafbeelding in de browser van de gebruiker.
Upload de HTML- en afbeeldingsbestanden naar uw webserver.

Werken met hexadecimale kleurwaarden

Photoshop kan de hexadecimale waarden van afbeeldingskleuren weergeven of de hexadecimale waarde van een kleur kopiëren voor gebruik in een HTML-bestand.

Hexadecimale waarden voor kleuren weergeven in het deelvenster Info

Kies Venster > Info of klik op het tabblad van het deelvenster Info om het deelvenster weer te geven.
Kies Deelvensteropties in het menu van het deelvenster. Kies Webkleur bij Modus onder Eerste kleurinfo of Tweede kleurinfo en klik op OK.
Plaats de muisaanwijzer boven de kleur waarvoor u hexadecimale waarden wilt weergeven.

Een kleur kopiëren als een hexadecimale waarde

Photoshop kopieert kleuren als een HTML COLOR-kenmerk waarin de hexadecimale waarde (color=#xxyyzz) opgenomen is of als alleen de hexadecimale waarde.

Voer een van de volgende handelingen uit:
- Selecteer het pipet en verplaats de aanwijzer over de kleur die u wilt kopiëren. Klik met de rechtermuisknop (Windows) of houd Control ingedrukt en klik (Mac OS). Kies vervolgens Kleur kopiëren als HTML of Hexadecimale code van kleur kopiëren.
- Stel de voorgrondkleur in in het deelvenster Kleur, het deelvenster Stalen of de Adobe Kleurkiezer. Kies Kleur kopiëren als HTML of Hexadecimale code van kleur kopiëren in het menu van het deelvenster Kleur.
- Klik in het dialoogvenster Opslaan voor web op het kleurstaal of kies Matte > Overige. Klik in de Adobe Kleurkiezer met de rechtermuisknop op de hexadecimale waarde en kies Kopiëren.
Open het gewenste bestand in een HTML-bewerkingstoepassing en kies Bewerken > Plakken.