Illustrator gradient: lineær, radial og freeform

En Illustrator gradient indstilles i Gradient-panelet (Window › Gradient) og formes på tegningen med Gradient-værktøjet (G). Markér et objekt, vælg Linear, Radial eller Freeform i panelet, og klik på stopene under skyderen for at sætte farver. Lineære og radiale overgange er dem, du bør bruge til logoer, ikoner og alt, der skal på nettet, fordi de forbliver små og skarpe overalt. Freeform er til blød, malerisk farve, og den ældre Gradient Mesh er til fotografisk skygge.

Gradient-panelet, kontrol for kontrol

Alt starter med, at objektet er markeret, og at det rigtige mål er aktivt: Panelet viser en udfyldnings- og en stregfirkant, og gradienten går til den, der ligger forrest. Et klik på gradientens miniature bruger den sidste gradient, du brugte, hvilket er praktisk, når du stiler en række former.

Hvis du vil gemme en gradient, trækker du miniaturen fra panelet ind i Swatches-panelet. Gemte gradienter er måden, du holder et brands overgange ens fra fil til fil; gradientstop gennemgår, hvordan du vælger placeringer, der ser jævne ud.

Lineære og radiale gradienter

Når Gradient-værktøjet er valgt, dukker en bjælke, der kaldes annotatoren, op hen over objektet. Træk i den runde ende for at flytte starten, i den firkantede ende for at ændre længde og vinkel, og i stopene langs den for at sætte farver uden at åbne panelet. Er annotatoren skjult, henter View › Show Gradient Annotator den tilbage. Hold Shift nede, mens du trækker, for at holde vinklen på trin af 45 grader.

Gradienter i Illustrator følger formen, ikke tegnebrættet. Markerer du flere objekter og trækker hen over dem alle med Gradient-værktøjet, spænder én gradient dog over hele gruppen, og sådan deler en række bogstaver eller ikoner ét samlet farveskift.

Freeform-gradienter

Freeform-gradienter dropper bjælken helt. Du placerer farvepunkter, hvor som helst inde i en form, og Illustrator blander mellem dem, hvilket giver den bløde, organiske farve, som en mesh-gradient giver, med langt mindre besvær end Mesh-værktøjet.

1. 1

   Skift type

   Markér formen, og klik på Freeform i Gradient-panelet. Illustrator placerer nogle startpunkter for dig.

2. 2

   Vælg Points eller Lines

   Points-tilstand placerer enkelte farvepunkter. I Lines-tilstand klikker du en bane af punkter, og farven flyder langs linjen.

3. 3

   Sæt hver farve

   Dobbeltklik på et punkt for at vælge dets farve, eller markér det og vælg en farveprøve.

4. 4

   Justér udbredelsen

   I Points-tilstand trækker du i den stiplede cirkel omkring et punkt eller ændrer Spread i panelet for at bestemme, hvor langt dets farve rækker.

5. 5

   Fjern det, du ikke har brug for

   Træk et punkt ud af formen, eller tryk på Delete. Færre, velplacerede punkter ser roligere ud end mange.

Gradienter på streger

Vælg stregfirkanten i Gradient-panelet, læg en gradient på, og tre knapper dukker op. De ændrer resultatet mere end noget farvevalg.

Gradienttekst, der kan redigeres

Live tekst kan ikke altid tage en gradient direkte på tegnudfyldningen, og hvis du omdanner teksten til konturer for at gennemtvinge det, kan du aldrig rette en tastefejl. Den sikre vej går gennem Appearance-panelet: Markér tekstobjektet, vælg Add New Fill i panelmenuen, træk den nye udfyldning ned under Characters-posten, hvis det er nødvendigt, og læg din gradient på den. Ordene kan stadig redigeres, og gradienten spænder over hele linjen. Til logoarbejde gennemgår gradientlogoer, hvornår en overgang hjælper et mærke, og hvornår der skal bruges en flad udgave.

Eksport af Illustrator-gradienter til SVG og tryk

Når du eksporterer SVG, bliver lineære og radiale gradienter til egentlige gradientelementer, så de forbliver bittesmå og skarpe i enhver størrelse. Freeform- og mesh-gradienter har ingen SVG-pendant, så regn med, at de bliver rastreret eller tilnærmet: Tjek filen, før du giver den til en udvikler. 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>

Ved tryk er gradienter det sted, hvor banding og farveskift viser sig først. Konvertér tidligt til trykkeriets farvetilstand, undgå lange overgange mellem to meget nære toner, og bed om et korrektur. Tryk af gradienter lister kontrollerne.

Sådan lægger du din tegning på en baggrund

Illustrator er det rette hjem for et logo. Baggrunden, det sidder på i opslag, stories og slides, er et andet problem, fordi den skal tegnes om til hvert format. En Gradiently Mark er en færdig baggrund, der gengives i enhver størrelse og holder ordene læselige, og når du sikrer dig en, kan intet andet brand eksportere med den.