Gradient i Illustrator: lineær, radial og frihånd

En gradient i Illustrator stilles inn i Gradient-panelet (Window › Gradient) og formes på illustrasjonen med Gradient-verktøyet (G). Merk et objekt, velg Linear, Radial eller Freeform i panelet, og klikk under glidebryteren for å legge til fargestopp. Lineære og radiale overganger er de du bør bruke til logoer, ikoner og alt som skal på nett, fordi de holder seg små og skarpe overalt. Frihånd er for myk, malerisk farge, og den eldre Gradient Mesh er for fotografisk skyggelegging.

Gradient-panelet, kontroll for kontroll

Alt starter med at objektet er merket og riktig mål er aktivt: panelet viser en firkant for fyll og en for strek, og gradienten havner på den som ligger øverst. Klikker du på gradientminiatyren, brukes den siste gradienten du brukte, noe som er praktisk når du styler en hel serie former.

For å lagre en gradient drar du miniatyren fra panelet over i Swatches-panelet. Lagrede gradienter er måten å holde en merkevares overganger helt like fra fil til fil; gradientstopp viser hvordan du velger posisjoner som ser jevne ut.

Lineære og radiale gradienter

Når Gradient-verktøyet er valgt, dukker det opp en stolpe, kalt annotatoren, over objektet. Dra den runde enden for å flytte starten, den firkantede enden for å endre lengde og vinkel, og stoppene langs den for å sette farger uten å åpne panelet. Er annotatoren skjult, henter View › Show Gradient Annotator den fram igjen. Hold Shift mens du drar for å låse vinkelen i trinn på 45 grader.

Gradienter i Illustrator følger formen, ikke tegnebrettet. Merker du flere objekter og drar over alle med Gradient-verktøyet, strekker likevel én gradient seg over hele gruppen, og slik får en rad med bokstaver eller ikoner ett felles fargesveip.

Frihåndsgradienter

Frihåndsgradienter dropper stolpen helt. Du plasserer fargepunkter hvor som helst inne i en form, og Illustrator blander mellom dem. Det gir den myke, organiske fargen en mesh-gradient gir, med langt mindre arbeid enn Mesh-verktøyet.

1. 1

   Bytt type

   Merk formen og klikk Freeform i Gradient-panelet. Illustrator plasserer noen startpunkter for deg.

2. 2

   Velg Points eller Lines

   Points-modus plasserer enkeltstående fargepunkter. Lines-modus lar deg klikke ut en bane av punkter, og fargen flyter langs den linjen.

3. 3

   Sett hver farge

   Dobbeltklikk på et punkt for å velge fargen, eller merk det og velg en fargeprøve.

4. 4

   Juster spredningen

   I Points-modus drar du den stiplede sirkelen rundt et punkt, eller endrer Spread i panelet, for å bestemme hvor langt fargen rekker.

5. 5

   Fjern det du ikke trenger

   Dra et punkt ut av formen eller trykk Delete. Færre, godt plasserte punkter ser roligere ut enn mange.

Gradienter på streker

Velg strekfirkanten i Gradient-panelet, bruk en gradient, og tre knapper dukker opp. De endrer resultatet mer enn noe fargevalg.

Gradienttekst som kan redigeres

Levende tekst tar ikke alltid imot en gradient direkte på tegnfyllen, og gjør du teksten om til konturer for å tvinge det fram, kan du aldri rette en skrivefeil. Den sikre veien går gjennom Appearance-panelet: merk tekstobjektet, velg Add New Fill i panelmenyen, dra den nye fyllen under Characters ved behov, og bruk gradienten på den. Ordene kan fortsatt redigeres, og gradienten dekker hele linjen. For logoarbeid viser gradientlogoer når en overgang hjelper et merke, og når du trenger en flat versjon.

Eksportere Illustrator-gradienter til SVG og trykk

Når du eksporterer SVG, blir lineære og radiale gradienter egne gradientelementer, så de holder seg bittesmå og skarpe i alle størrelser. Frihånds- og mesh-gradienter har ingen SVG-motpart, så regn med at de rasteriseres eller tilnærmes: sjekk filen før du gir den til en utvikler. SVG-gradienter forklarer formatet.

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

På trykk er det i gradientene at båndstriper og fargeforskyvninger viser seg først. Konverter tidlig til trykkeriets fargemodus, unngå lange overganger mellom to svært like toner, og be om et prøvetrykk. Gradienter på trykk lister opp sjekkene.

Sett illustrasjonen din på en bakgrunn

Illustrator er det rette stedet for en logo. Bakgrunnen den står på i innlegg, stories og lysbilder er et annet problem, fordi den må tegnes på nytt for hvert format. En Gradiently Mark er en ferdig bakgrunn som gjengis i alle størrelser og holder ordene lesbare, og når du sikrer deg en, kan ingen annen merkevare eksportere med den.