Gradient i Illustrator: linjär, radiell och frihand

En gradient i Illustrator ställs in i Gradientpanelen (Fönster › Gradient) och formas på illustrationen med Gradientverktyget (G). Markera ett objekt, välj linjär, radiell eller frihand i panelen och klicka på stopp under reglaget för att sätta färger. Linjära och radiella gradienter passar loggor, ikoner och allt som ska ut på webben, eftersom de förblir små och skarpa överallt. Frihand är till mjuk, målerisk färg, och det äldre Gradientnätet är till fotografisk skuggning.

Gradientpanelen, reglage för reglage

Allt börjar med att objektet är markerat och rätt mål är aktivt: panelen visar en fyllnings- och en linjeruta, och gradienten hamnar på den som ligger överst. Ett klick på gradientminiatyren använder den senaste gradienten du körde, vilket är smidigt när du formger en serie former.

Om du vill spara en gradient drar du miniatyren från panelen till panelen Färgrutor. Sparade gradienter är hur du håller ett varumärkes gradienter identiska från fil till fil. Gradientstopp visar hur du väljer lägen som ser jämna ut.

Linjära och radiella gradienter

När Gradientverktyget är valt visas ett fält som kallas annotatorn över objektet. Dra i dess runda ände för att flytta starten, i den fyrkantiga änden för att ändra längd och vinkel, och i stoppen längs den för att sätta färger utan att öppna panelen. Om annotatorn är dold får du fram den med Visa › Visa gradientannotator. Håll ned Skift medan du drar för att låsa vinkeln till steg om 45 grader.

Gradienter i Illustrator följer formen, inte ritytan. Markerar du flera objekt och drar över alla med Gradientverktyget sträcker sig dock en enda gradient över hela gruppen, och så delar en rad bokstäver eller ikoner på ett enda svep av färg.

Frihandsgradienter

Frihandsgradienter släpper fältet helt. Du placerar färgpunkter var som helst inuti en form och Illustrator blandar mellan dem, vilket ger den mjuka, organiska färg som en mesh-gradient ger, med mycket mindre arbete än Nätverktyget.

1. 1

   Byt typ

   Markera formen och klicka på Frihand i Gradientpanelen. Illustrator placerar några startpunkter åt dig.

2. 2

   Välj Punkter eller Linjer

   Punktläget placerar enskilda färgpunkter. Linjeläget låter dig klicka fram en bana av punkter, och färgen flödar längs linjen.

3. 3

   Sätt varje färg

   Dubbelklicka på en punkt för att välja dess färg, eller markera den och välj en färgruta.

4. 4

   Justera spridningen

   I punktläget drar du i den prickade cirkeln runt en punkt, eller ändrar Spridning i panelen, för att bestämma hur långt färgen når.

5. 5

   Ta bort det du inte behöver

   Dra en punkt ut ur formen eller tryck på Delete. Färre, väl placerade punkter ser lugnare ut än många.

Gradienter på linjer

Markera linjeknappen i Gradientpanelen, använd en gradient, så dyker tre knappar upp. De ändrar resultatet mer än något färgval.

Gradienttext som förblir redigerbar

Live-text kan inte alltid ta en gradient direkt på teckenfyllningen, och att konvertera texten till konturer för att tvinga fram det betyder att du aldrig mer kan rätta en felstavning. Den pålitliga vägen går via panelen Utseende: markera textobjektet, välj Lägg till ny fyllning i panelmenyn, dra den nya fyllningen under posten Tecken vid behov och använd gradienten på den. Orden förblir redigerbara och gradienten sträcker sig över hela raden. För logotyper visar gradientloggor när en gradient hjälper ett märke och när en platt version behövs.

Exportera Illustrator-gradienter till SVG och tryck

När du exporterar SVG blir linjära och radiella gradienter inbyggda gradientelement, så de förblir små och skarpa i alla storlekar. Frihands- och nätgradienter saknar motsvarighet i SVG, så räkna med att de rastreras eller approximeras: kontrollera filen innan du lämnar över den till en utvecklare. SVG-gradienter förklarar 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>

I tryck är gradienter det första ställe där bandning och färgskiften syns. Konvertera till tryckeriets färgläge tidigt, undvik långa gradienter mellan två mycket närliggande toner och be om ett korrektur. Tryck av gradienter listar kontrollerna.

Lägg ditt verk på en bakgrund

Illustrator är rätt hem för en logotyp. Bakgrunden den ligger på i inlägg, stories och bildspel är ett annat problem, eftersom den måste ritas om för varje format. En Gradiently-Mark är en färdig bakgrund som renderas i alla storlekar och håller orden läsbara, och när du säkrar en kan inget annat varumärke exportera med den.