Du designer en app-ikon og vil ha en fargeovergang fra dyp blå til turkis som gir dybde og liv. En flat farge hadde sett kjedelig ut, mens en gradient gir objektet en tredimensjonal følelse. Graderinger er et av de viktigste visuelle virkemidlene i Illustrator, og programmet tilbyr tre typer: linear, radial og freeform. Denne gjennomgangen viser deg hvordan du lager og tilpasser en gradient i Illustrator ved hjelp av Gradient-panelet og Gradient Tool.
Gradient-panelet og de tre typene
Du finner Gradient-panelet under Window > Gradient. Marker et objekt med Selection Tool før du begynner. I panelet ser du tre ikoner som representerer de tre graderingstypene: Linear Gradient (rett linje), Radial Gradient (fra sentrum og ut) og Freeform Gradient (helt fri plassering). Klikk på en av dem, og graderingen legges til som fill på det markerte objektet.
Legg merke til at graderingen kan legges til enten som fill eller som stroke. I panelet ser du to ikoner som tilsvarer de to egenskapene. Klikker du på stroke-ikonet og deretter på en graderingstype, følger graderingen kantlinjen i stedet for å fylle hele formen. For de fleste brukstilfeller er det fill du er ute etter.
Tilpasse en lineær gradient
Når du har lagt til en lineær gradient, ser du en fargelinje nederst i panelet med to fargepunkter (stops) i hver ende. Standardgraderingen går fra hvitt til svart. For å endre en farge dobbeltklikker du på et fargepunkt. Da åpnes en liten fargevelger der du kan bruke RGB, HSB, CMYK eller hente fra Swatches-panelet. Du kan til og med bruke pipettverktøyet i denne velgeren for å hente en farge fra dokumentet.
Vil du legge til flere farger, klikker du hvor som helst langs fargelinjen. Et nytt fargepunkt dukker opp, og du kan dobbeltklikke for å definere fargen. Dra i fargepunktene for å justere hvor i graderingen hver farge starter og slutter. Diamantikonet mellom to fargepunkter styrer midtpunktet, altså hvor overgangen er på halvveien mellom de to fargene.
Rotere og justere graderingen
I Gradient-panelet finner du et felt for vinkel. Standard er 0 grader, som gir en horisontal gradering fra venstre til høyre. Sett verdien til 90 grader for en vertikal gradering, eller skriv inn en vilkårlig vinkel. Du kan også bruke frihåndsfeltet for å rotere manuelt.
Hvert fargepunkt har i tillegg en Location-verdi (i prosent) og en Opacity-verdi. Setter du Location til 25 % på det første fargepunktet og 75 % på det siste, komprimerer du graderingen til midten av objektet. Reduserer du Opacity på et fargepunkt, blir den delen av graderingen delvis gjennomsiktig.
Gradient Tool for visuell kontroll
Gradient Tool (snarvei G) i verktøypanelet lar deg jobbe med graderingen direkte på objektet. Når du aktiverer verktøyet og klikker på et objekt med en gradient, vises en linje med fargepunkter oppå formen. Du kan dra i endepunktene for å flytte og rotere graderingen visuelt. Du kan også legge til nye fargepunkter, dobbeltklikke for å endre farger og dra punkter bort fra linjen for å slette dem.
Et nyttig triks er å holde Alt mens du hviler musepekeren over et endepunkt. Da kan du rotere graderingen manuelt fra det punktet, noe som gir finere kontroll enn å skrive inn en eksakt vinkel i panelet.
Radial Gradient
En radial gradient stråler ut fra et senterpunkt. Bytter du til denne typen i panelet, ser du at fargene sprer seg i en sirkel fra midten av objektet. Alle de samme kontrollene gjelder: du kan endre farger, legge til fargepunkter, justere midtpunkt og endre opacity.
I tillegg får du en Aspect Ratio-kontroll som lar deg strekke eller komprimere graderingen til en ellipseform. Reduserer du aspect ratio, blir sirkelen flatere og følger formen på objektet tettere. Kombinert med rotasjon gir dette god kontroll over hvor lyset tilsynelatende treffer overflaten.
Freeform Gradient
Freeform Gradient er den mest fleksible typen. I stedet for en rett linje eller en sirkel plasserer du fargepunkter fritt inne i objektet. Klikk for å legge til et punkt, dobbeltklikk for å endre fargen, og dra for å flytte det. Illustrator blander fargene mykt mellom alle punktene.
Hvert punkt har en spredningsverdi du kan justere. Gjør du sirkelen større, sprer fargen seg over et større område. Gjør du den mindre, blir fargen mer konsentrert. Denne typen gradient er spesielt populær for moderne app-ikoner, illustrasjoner og logoer der du vil ha organiske fargeoverganger som ikke føles mekaniske. Det er denne teknikken som gjerne brukes i logoarbeid i Illustrator.
Gradient som stroke
Du kan også legge en gradient på stroken til en path. Marker objektet, klikk på stroke-ikonet i Gradient-panelet, og velg en graderingstype. Resultatet er en kantlinje med fargeovergang, noe som kan gi subtile og elegante effekter på tekst, ikoner og dekorative elementer.
Neste steg
Graderinger er bare en av mange måter å gi objekter visuell dybde på i Illustrator. Utforsk brushes for å legge til teksturer langs en path, eller les om gjennomsiktighet og opacity masks for å blande objekter med graderinger på nye måter.
Denne videoen er hentet fra kurset Adobe Illustrator — komplett guide på Utdannet.no. I det fulle kurset lærer du også hvordan du kombinerer graderinger med effekter, lagrer graderinger som swatches og bruker dem i komplekse illustrasjoner.
