# Illustrator-verloop: lineair, radiaal en freeform

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

De verlopen van Illustrator wonen in één klein paneel, maar de meeste mensen gebruiken maar de helft ervan. Dit is het hele paneel, het freeform-type en wat er met je verlopen gebeurt bij export.

## The short version

- Illustrator heeft drie verlooptypes in het paneel Verloop: Lineair, Radiaal en Freeform.
- Het paneel Verloop open je via Venster › Verloop en met het verloopgereedschap (G) sleep, draai en bewerk je een verloop direct op het kunstwerk.
- Een verloop op een lijn kan binnen de lijn lopen, langs het pad of over de breedte.
- Om een verloop op live tekst te zetten en bewerkbaar te houden, voeg je in het paneel Weergave een nieuwe vulling toe en pas je het verloop op die vulling toe.
- Lineaire en radiale verlopen exporteren naar SVG als native verloopelementen, terwijl freeform- en verloopnetverlopen geen SVG-equivalent hebben.

Een **verloop in Illustrator** stel je in via het paneel Verloop (Venster › Verloop) en vorm je op het kunstwerk met het verloopgereedschap (G). Selecteer een object, kies Lineair, Radiaal of Freeform in het paneel en klik dan op stops onder de schuifbalk om kleuren in te stellen. Lineaire en radiale verlopen gebruik je voor logo’s, iconen en alles wat naar het web gaat, omdat ze overal klein en scherp blijven. Freeform is voor zachte, schilderachtige kleur en het oudere verloopnet is voor fotografische schaduw.

## Het paneel Verloop, regelaar voor regelaar

Alles begint met het geselecteerde object en het juiste doel actief: het paneel toont een vulling- en een lijnvierkant en het verloop gaat naar welke vooraan staat. Op de miniatuur van het verloop klikken past het laatst gebruikte verloop toe, handig als je een reeks vormen opmaakt.

| Regelaar | Wat hij doet |
| --- | --- |
| Type | Lineair, Radiaal of Freeform |
| Hoek | Draait een lineair of radiaal verloop |
| Beeldverhouding | Drukt een radiaal verloop samen tot een ellips |
| Omkeren | Keert de volgorde van de stops om |
| Kleurstops | Klik onder de schuifbalk om toe te voegen, sleep weg om te verwijderen |
| Dekking en Locatie | Transparantie per stop en exacte positie als percentage |
| Middelpuntruitjes | Verplaatsen waar twee naburige stops half om half mengen |
| Lijnopties | Binnen, langs of over een lijn |

Wat elk deel van het paneel Verloop in Illustrator regelt. Locatiewaarden typen is de manier om een familie verlopen gelijk te laten zijn.

Om een verloop op te slaan sleep je de miniatuur van het paneel naar het paneel Staaltjes. Opgeslagen verlopen houden de verlopen van een merk identiek van bestand tot bestand; [gradiëntstops](https://gradiently.design/nl/guide/gradient-stops) behandelt hoe je posities kiest die gelijkmatig ogen.

## Lineaire en radiale verlopen

Met het verloopgereedschap geselecteerd verschijnt er een balk, de annotator, over het object. Sleep het ronde uiteinde om het begin te verplaatsen, het vierkante uiteinde om lengte en hoek te wijzigen en de stops erlangs om kleuren in te stellen zonder het paneel te openen. Is de annotator verborgen, dan haalt Weergave › Verloopannotator tonen hem terug. Houd Shift ingedrukt tijdens het slepen om de hoek in stappen van 45 graden te houden.

- Lineair, drie stops: `linear-gradient(120deg, #064e3b 0%, #10b981 55%, #d9f99d 100%)`
- Radiaal, beeldverhouding 100%: `radial-gradient(circle at 50% 50%, #fef3c7 0%, #f59e0b 45%, #78350f 100%)`
- Radiaal, beeldverhouding samengedrukt: `radial-gradient(ellipse 70% 40% at 50% 50%, #e0e7ff 0%, #6366f1 50%, #1e1b4b 100%)`

Een lineair verloop, een ronde radiale en een radiale met een lagere beeldverhouding, in CSS geschreven zodat je ze op een website kunt nabootsen.

Verlopen in Illustrator volgen de vorm, niet het tekengebied. Selecteer je meerdere objecten en sleep je er met het verloopgereedschap overheen, dan overspant één verloop de hele groep, zo delen een rij letters of iconen één streek kleur.

## Freeform-verlopen

Freeform-verlopen laten de balk helemaal vallen. Je plaatst kleurpunten overal in een vorm en Illustrator mengt ertussen, wat de zachte, organische kleur geeft van een [meshgradiënt](https://gradiently.design/nl/guide/mesh-gradients), met veel minder moeite dan het netgereedschap.

1. **Wissel het type** Selecteer de vorm en klik op Freeform in het paneel Verloop. Illustrator plaatst een paar beginpunten voor je.
2. **Kies Punten of Lijnen** Punten plaatst afzonderlijke kleurpunten. Met Lijnen klik je een pad van punten en vloeit de kleur langs die lijn.
3. **Stel elke kleur in** Dubbelklik op een punt om zijn kleur te kiezen, of selecteer het en kies een staal.
4. **Pas de spreiding aan** Sleep in Punten-modus de stippellijncirkel rond een punt of wijzig Spreiding in het paneel om te bepalen hoe ver zijn kleur reikt.
5. **Haal weg wat je niet nodig hebt** Sleep een punt de vorm uit of druk op Delete. Minder, goed geplaatste punten ogen rustiger dan veel.

> **Freeform of verloopnet** Gebruik freeform voor platte illustratie en achtergronden. Het netgereedschap (U) geeft nog altijd de meeste controle voor realistische schaduw, maar elk netpunt moet je met de hand beheren.

## Verlopen op lijnen

Selecteer het lijnvierkant in het paneel Verloop, pas een verloop toe en er verschijnen drie knoppen. Ze veranderen het resultaat meer dan welke kleurkeuze ook.

| Lijnoptie | Resultaat | Goed voor |
| --- | --- | --- |
| Binnen lijn | Het verloop vult de lijn alsof het een vorm is | Dikke omlijningen en kaders |
| Langs lijn | Kleur reist van het begin van het pad naar het eind | Lijnen, ringen, voortgangsbogen |
| Over lijn | Kleur loopt van de ene rand van de lijn naar de andere | Buizen, neonachtige lijnen, linten |

De drie manieren waarop Illustrator een verloop op een lijn toepast.

## Verlooptekst die bewerkbaar blijft

Live tekst kan niet altijd rechtstreeks een verloop op de tekenvulling nemen en de tekst omzetten naar contouren om het af te dwingen betekent dat je een typfout nooit meer kunt herstellen. De betrouwbare weg is het paneel Weergave: selecteer het tekstobject, kies Nieuwe vulling toevoegen in het panelenmenu, sleep die nieuwe vulling zo nodig onder het item Tekens en pas je verloop erop toe. De woorden blijven bewerkbaar en het verloop overspant de hele regel. Voor logowerk behandelt [gradiëntlogo’s](https://gradiently.design/nl/guide/gradient-logo) wanneer een verloop een merkteken helpt en wanneer een platte versie nodig is.

Een staande A4-poster met een grote kop over een zachte gradiëntachtergrond

Een A4-poster op 2480×3508. Houd de achtergrond zacht en de tekst plat of eenvoudig verlopend, zodat de woorden nog lezen vanaf de andere kant van de kamer.

## Illustrator-verlopen exporteren naar SVG en print

Bij SVG-export worden lineaire en radiale verlopen native verloopelementen, zodat ze op elk formaat klein en scherp blijven. Freeform- en verloopnetten hebben geen SVG-equivalent, dus verwacht dat ze worden gerasterd of benaderd: controleer het bestand voordat je het aan een ontwikkelaar geeft. [SVG-gradiënten](https://gradiently.design/nl/guide/svg-gradients) legt het formaat uit.

```html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="leaf" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#064e3b"/>
      <stop offset="0.55" stop-color="#10b981"/>
      <stop offset="1" stop-color="#d9f99d"/>
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="90" fill="url(#leaf)"/>
</svg>
```

Ruwweg hoe een lineair verloop met drie stops eruitziet na SVG-export: de stops en offsets komen rechtstreeks uit het paneel Verloop.

Bij print zijn verlopen waar banding en kleurverschuivingen het eerst opvallen. Zet vroeg om naar de kleurmodus van de drukker, vermijd lange verlopen tussen twee zeer dichte tonen en vraag om een proef. [Verlopen drukken](https://gradiently.design/nl/guide/print-gradients) somt de controles op.

## Je kunstwerk op een achtergrond zetten

Illustrator is het juiste thuis voor een logo. De achtergrond waarop het staat in posts, stories en slides is een ander probleem, want die moet voor elk formaat opnieuw getekend worden. Een Gradiently Mark is een afgewerkte achtergrond die op elk formaat rendert en woorden leesbaar houdt, en wie er een claimt, zorgt dat geen ander merk ermee kan exporteren.

## FAQ

### Waar staat het paneel Verloop in Illustrator?

Open het via Venster › Verloop. Het verloopgereedschap zelf staat in de gereedschapsbalk, sneltoets G.

### Hoe maak ik een freeform-verloop in Illustrator?

Selecteer een vorm, kies Freeform in het paneel Verloop en voeg dan kleurpunten toe in Punten-modus of teken een lijn van punten in Lijnen-modus.

### Hoe pas ik een verloop op tekst toe in Illustrator zonder de tekst om te zetten naar contouren?

Voeg in het paneel Weergave een nieuwe vulling toe aan het tekstobject en pas het verloop op die vulling toe. De tekst blijft bewerkbaar.

### Kan ik een verloop op een lijn toepassen in Illustrator?

Ja. Selecteer de lijn in het paneel Verloop en kies of het verloop binnen, langs of over de lijn loopt.

### Werken Illustrator-verlopen in SVG?

Lineaire en radiale verlopen exporteren als native SVG-verlopen. Freeform- en verloopnetten hebben geen SVG-equivalent.