Illustrator-verloop: lineair, radiaal en freeform

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.

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

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, met veel minder moeite dan het netgereedschap.

1. 1

   Wissel het type

   Selecteer de vorm en klik op Freeform in het paneel Verloop. Illustrator plaatst een paar beginpunten voor je.

2. 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. 3

   Stel elke kleur in

   Dubbelklik op een punt om zijn kleur te kiezen, of selecteer het en kies een staal.

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

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.

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 wanneer een verloop een merkteken helpt en wanneer een platte versie nodig is.

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 legt het formaat uit.

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

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