# Photoshop-verloop: gereedschap, kaarten, vloeiend resultaat

[Canonical HTML page](https://gradiently.design/nl/guide/photoshop-gradient)

Photoshop biedt vier manieren om een verloop te maken en elk past bij een andere klus. Dit is welke je pakt, hoe de editor echt werkt en de gewoontes die een verloop vrij van strepen houden.

## The short version

- Photoshop maakt verlopen op vier manieren: met het Verloopgereedschap, een Verloopvullaag, een Verloopkaart-aanpassing en de laagstijl Verloopbedekking.
- De live modus van het Verloopgereedschap maakt een bewerkbare vullaag waarvan je de kleurstops op het canvas versleept, terwijl de klassieke modus pixels op de huidige laag schildert.
- Photoshop biedt vijf verloopvormen: Lineair, Radiaal, Hoek, Gespiegeld en Ruit.
- Een verloopkaart kleurt een beeld opnieuw in op basis van zijn tonen en stuurt de donkerste pixels naar de linkerstop en de lichtste naar de rechter.
- Dither, een 16-bits document en een beetje monochrome ruis zijn de betrouwbaarste manieren om banding in een Photoshop-verloop te stoppen.

Een **Photoshop-verloop** maak je met het Verloopgereedschap (druk op G), een Verloopvullaag, een Verloopkaart-aanpassing of een stijl Verloopbedekking. Gebruik voor het meeste werk het gereedschap in de live modus, zodat het verloop op een eigen bewerkbare laag staat, kies Perceptueel als methode, laat Dither aangevinkt en schakel over op 16 bits per kanaal als het verloop donker of subtiel is. Die gewoontes maken het verschil tussen een zuivere kleurzwaai en een gestreepte.

## Vier manieren om een verloop te maken in Photoshop

Mensen grijpen vaak voor alles naar het Verloopgereedschap en vragen zich dan af waarom ze de kleuren later niet kunnen wijzigen. Elke methode heeft een taak, en meteen de juiste kiezen bespaart je opnieuw opbouwen.

| Methode | Waar je het vindt | Het best voor |
| --- | --- | --- |
| Verloopgereedschap | Gereedschapsbalk, sneltoets G | Een verloop over een laag of selectie slepen |
| Verloopvullaag | Laag › Nieuwe vullaag › Verloop | Achtergronden die je blijft aanpassen |
| Verloopkaart | Laag › Nieuwe aanpassingslaag › Verloopkaart | Een foto opnieuw inkleuren op basis van lichte en donkere tonen |
| Verloopbedekking | Laagstijl (de fx-knop) | Kleur op tekst en vormen die bewerkbaar blijft |

De vier verloopmethoden in Photoshop en waar elke goed in is. Vullagen, kaarten en bedekkingen zijn allemaal niet-destructief.

## Zo gebruik je het Verloopgereedschap

1. **Kies het gereedschap** Druk op G. Het Verloopgereedschap deelt zijn plek met de Verfemmer, dus druk op Shift+G als de emmer verschijnt.
2. **Kies live of klassiek** In actuele versies biedt de optiebalk **Verloop**, dat een bewerkbare verloopvullaag met handvatten op het canvas maakt, en **Klassiek verloop**, dat pixels op de actieve laag schildert. Kies live, tenzij je bewust in een masker schildert.
3. **Kies kleuren** Klik op het verloopstaaltje in de optiebalk of open Venster › Verlopen om voorinstellingen in mappen te bekijken. Stel eerst je voorgrond- en achtergrondkleur in als je het simpelste verloop van twee kleuren wilt.
4. **Kies een vorm** Lineair, Radiaal, Hoek, Gespiegeld of Ruit. In het volgende deel zie je wat elk doet.
5. **Sleep over het canvas** Het begin van de sleep is de eerste kleurstop en het einde de laatste. Houd Shift ingedrukt om de hoek vast te zetten op stappen van 45 graden. In live modus kun je de stops en het midden daarna nog slepen.
6. **Stel methode en dither in** Kies **Perceptueel** voor gelijkmatige overgangen tussen verzadigde kleuren en laat **Dither** aan. Klassiek herhaalt het oudere gedrag, dat in het midden troebel kan ogen.

## De vijf verloopvormen in Photoshop

Lineair is het werkpaard voor achtergronden. Radiaal maakt een lichtplas, de snelste manier om een vlakke achtergrond diepte te geven. Hoek laat kleur rond een middelpunt zwaaien als een klokwijzer. Gespiegeld spiegelt een lineair verloop van het midden naar buiten, wat past bij horizonnen en lichtbalken. Ruit spreidt kleur in een vierkant uit en is degene die je het minst gebruikt.

- Lineair: `linear-gradient(90deg, #1e1b4b 0%, #7c3aed 50%, #f9a8d4 100%)`
- Radiaal: `radial-gradient(circle at 50% 50%, #fde68a 0%, #f97316 40%, #431407 100%)`
- Hoek: `conic-gradient(from 0deg at 50% 50%, #0ea5e9, #6366f1, #ec4899, #0ea5e9)`
- Gespiegeld: `linear-gradient(90deg, #0f172a 0%, #14b8a6 50%, #0f172a 100%)`

Vier van de vijf vormen van Photoshop, nagebouwd in CSS zodat je ze voor het web kunt kopiëren. Hoek is een conisch verloop; Ruit heeft geen directe CSS-tegenhanger.

## Werken in de Verloopeditor

Dubbelklik op het staaltje in de optiebalk, of op het verloop in het dialoogvenster van een vullaag, om de editor te openen. Kleurstops staan onder de balk en dekkingsstops erboven. Klik onder de balk om een stop toe te voegen, sleep er een weg om hem te verwijderen en sleep het kleine ruitje tussen twee stops om het midden van hun overgang te verplaatsen. Met het veld Locatie typ je exacte posities, wat telt als je een set verlopen op elkaar wilt laten aansluiten.

Drie tot vijf stops ogen meestal rijker dan twee: een schaduwtint, een hoofdkleur, een opfrisser en misschien een accent. Houd naburige stops verwant, want tegenovergestelde kleuren naast elkaar lopen door grijs, wat wordt uitgelegd bij [troebele verlopen](https://gradiently.design/nl/guide/muddy-gradients). Het menu Verloopsoort van de editor biedt ook **Ruis**, dat willekeurige kleurbanden genereert; handig voor textuurexperimenten, zelden voor merkwerk.

> **Laat uitlopen naar transparant, niet naar wit** Laat een beeld doorschemeren door de laatste dekkingsstop op 0% te zetten in plaats van wit te kiezen. De voorinstelling Voorgrond naar transparant doet dit en laat de laag eronder zichtbaar in plaats van die weg te wassen.

## Photoshop-verloopkaarten voor foto’s

Een Verloopkaart negeert de kleuren van de foto en leest alleen de tonen. De donkerste pixels krijgen de linkerstop, de lichtste de rechter en alles ertussen volgt de balk. Met twee stops krijg je een klassieke duotone; met drie kun je schaduwen koel en hooglichten warm duwen. Zet de overvloeimodus van de aanpassingslaag op Kleur of Zacht licht en verlaag de dekking voor een mildere toon. [Verloopkaart](https://gradiently.design/nl/guide/gradient-map) en het [duotone-effect](https://gradiently.design/nl/guide/duotone-effect) gaan dieper.

Kaart indigo, roze en boter: `linear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)`

Een kaart met drie stops: schaduwen worden indigo, middentonen roze, hooglichten een bleek botergeel. Laad deze als stops in een Verloopkaart-laag.

## Zo stop je banding in een Photoshop-verloop

Banding zijn zichtbare trappen waar een verloop vloeiend hoort te zijn. Het is het ergst in donkere verlopen met weinig contrast die over een groot canvas zijn uitgerekt, omdat een 8-bits bestand maar een beperkt aantal niveaus heeft tussen twee dicht bij elkaar liggende kleuren. De volledige uitleg staat bij [banding in verlopen](https://gradiently.design/nl/guide/gradient-banding).

### Veroorzaakt banden

- Een 8-bits document voor een donker, subtiel verloop
- Dither uitgeschakeld
- Twee dichte stops uitgerekt over 4.000 px
- Zware JPEG-compressie bij het exporteren
- De klassieke methode tussen sterke tegenovergestelde kleuren

### Houdt het vloeiend

- Afbeelding › Modus › 16 bits/kanaal terwijl je werkt
- Dither aangevinkt in het gereedschap of het vuldialoogvenster
- Een middelste stop, of de methode Perceptueel
- PNG, of JPEG op hoge kwaliteit
- 1 tot 3% monochrome ruis op een grijze Overlay-laag

De ruislaag verdient uitleg. Vul een nieuwe laag met 50% grijs, zet hem op Overlay zodat het grijs verdwijnt en pas dan Filter › Ruis › Ruis toevoegen toe met Gaussiaans en Monochromatisch aangevinkt. De fijne korrel breekt de trappen op, overleeft compressie beter dan een zuiver verloop en geeft het verloop het gevoel van een oppervlak. [Korrelige verlopen](https://gradiently.design/nl/guide/grainy-gradients) toont de look.

Een staande socialmediapost op een donker, vloeiend verloop met een korte tip over dither en ruis

Een donker verloop als dit is precies waar banding verschijnt. Dither plus lichte korrel houdt het vloeiend op elk scherm.

## Verlopen op tekst en vormen

Voor tekst die je bewerkbaar wilt houden, voeg je een Verloopbedekking toe via het fx-menu. Laat Uitlijnen met laag aangevinkt, zodat het verloop de woorden beslaat in plaats van het hele canvas, en pas Schaal en Hoek aan tot de kleurwisseling zit waar je hem wilt. Het alternatief is een verloopvullaag boven de tekst, eraan geknipt door Alt (Option op een Mac) ingedrukt te houden en op de lijn tussen de twee lagen te klikken. Staan de woorden op een verloop in plaats van er een te dragen, lees dan [tekst op een verloop](https://gradiently.design/nl/guide/text-on-gradient) zodat ze leesbaar blijven.

## Als één beeld tien formaten wordt

Photoshop is uitstekend voor één zorgvuldig afgewerkt beeld. Het wordt traag als dezelfde achtergrond een post, een story, een banner en een thumbnail moet worden, omdat elke uitsnede het helderste deel verplaatst en elk canvas het verloop opnieuw moet tekenen. In Gradiently is de achtergrond een Mark die op elk formaat rendert waarin je ontwerpt, en het rustigste deel schuift vanzelf achter je woorden, zodat een story en een banner uit één ontwerp komen. [Eén look, elk formaat](https://gradiently.design/nl/guide/one-look-every-size) legt uit hoe.

## FAQ

### Waar zit het Verloopgereedschap in Photoshop?

Het deelt een plek op de gereedschapsbalk met de Verfemmer. Druk op G om het te selecteren, of op Shift+G om tussen de twee te wisselen.

### Waarom heeft mijn Photoshop-verloop strepen?

Dat is banding, veroorzaakt door te weinig kleurniveaus tussen dicht bij elkaar liggende tonen. Werk in 16 bits per kanaal, laat Dither aan en voeg een beetje monochrome ruis toe voordat je exporteert.

### Hoe laat ik een verloop uitlopen naar transparant in Photoshop?

Gebruik de voorinstelling Voorgrond naar transparant, of zet de laatste dekkingsstop in de Verloopeditor op 0%.

### Hoe zet ik een verloop op tekst in Photoshop en houd ik het bewerkbaar?

Voeg de laagstijl Verloopbedekking toe met Uitlijnen met laag aangevinkt, of knip een verloopvullaag aan de tekstlaag.

### Wat is het verschil tussen een verloop en een verloopkaart in Photoshop?

Een verloop schildert nieuwe kleur over een vlak. Een verloopkaart kleurt een bestaand beeld opnieuw in op basis van zijn tonen, van donkerst tot lichtst.