Hur man skapar en gradient i Adobe Illustrator: 2 sätt att göra det

Gradienter ger ofta ett daterat utseende till design - tänk tie-dye. Men med Adobe Illustrators Gradient Mesh-verktyg och Freeform Gradient-alternativet kan du skapa övertoningar med ett fräscht nytt utseende. Låt oss visa dig hur du gör.

Vad är en gradient?

Du har antagligen stött på gradienter förut, men om du inte har det kommer vi att ge dig en sammanfattning. En gradient är en blandning av färger, vilka färger som helst, som smälter samman på ett naturligt eller onaturligt sätt.

Du hittar gradienter i naturen: soluppgången och solnedgången, höstlöven som ändrar färg och norrsken. Naturen är ett bra ställe att hitta inspiration till dina gradientexperiment. Gradienter finns också ofta i design, som Instagram eller Adobe Creative Cloud-logotypen. Gradienter ger en ljus energi till vad som ofta är ett företagsutseende.

Även om gradienter kan se ganska föråldrade ut, verkar de göra en comeback i modern design. Dagarna för att använda ett övergångssvep med gradient som bakgrund är förbi. Med nya designverktyg, färgtrender och roliga sätt att implementera gradienter ser de inte längre malplacerade ut.

Varför ska du använda en gradient?

Som sett med Instagram- och Creative Cloud-logotyperna kan en gradient användas för att lysa upp en tråkig bakgrund. Vanligtvis används gradienter som bakgrundsfärger snarare än själva huvudmotivet, men ingenting hindrar dig från att tillämpa en gradient på huvudmotivet. Du kan till och med lägga till gradienter i CSS-programmering.

Gradienter behöver inte alltid vara ljusa och i ansiktet; de kan också vara subtila. Du kan till och med helt enkelt lägga till en lätt touch av gradient istället för att fylla en hel bakgrund med den.

Med oändligt rullande webbsidor som vinner popularitet, är gradienter ett subtilt sätt för designen eller färgen att ändra på hela webbplatsen, utan för mycket av en skarp färgväxling. Du kan till och med animera gradienten för att röra sig, som liknar de mjuka rörelserna hos en lavalampa från 80-talet.

Det främsta skälet till att använda gradienter är att införliva flera färger i din design utan att de ser helt annorlunda ut. Du kan lägga till en subtil förändring i ditt färgschema eller välja att göra ett djärvt gradientuttalande.

Vilka är gradientalternativen i Adobe Illustrator?

För att komma åt alla övertoningar i Illustrator måste du öppna övertoningsfönstret. Klick Fönster > Lutning eller så kan du klicka på Övertoningsverktyg knappen i verktygspanelen. Så här kan du komma åt verktygen Linjär, Radiell och Friformsgradient.

Med traditionella övertoningsverktyg i Illustrator finns det bara linjära och radiella övertoningsalternativ. Dessa alternativ är ganska grundläggande och tillåter inte mycket anpassning annat än färgval och riktning. Traditionella gradientverktyg är bra för en enkel bakgrund med en gradientsvep.

Freeform Gradient-verktyget är utmärkt för att lägga till ett slumpmässigt urval av färger till dina gradientdesigner. Verktyget Freeform kan användas för mindre exakta gradienter; det möjliggör en mer naturlig, slumpmässig användning av färg.

Gradient Mesh-verktyget i Illustrator är bra för att ge illustrationer liv. Mesh-verktyget låter dig placera, vinkla och flytta övertoningstoner på ett sätt som de kan falla realistiskt på ett 3D-objekt. Detta tar arbetet med gradienter till en helt ny nivå.

Adobe erbjuder många sätt att göra övertoningar, inklusive anpassade övertoningar i Photoshop.

Hur man använder Freeform Gradient i Illustrator

Även om det finns i de traditionella övertoningsverktygen, fungerar Freeform Gradient-verktyget i Illustrator lite annorlunda. Låt oss börja.

Skapa en form med en vanlig fyllningsfärg först. Sedan, med övertoningsfönstret öppet, klicka på knappen längst till höger för att öppna Fri form verktyg.

När du har valt Freeform-verktyget kommer din tidigare vanlig fyllda form nu att visa en gradient med fyra stopp (eller färgpunkter). De fyra stoppen kommer att vara slumpmässiga färger och inte nödvändigtvis förenliga med den ursprungliga fyllningsfärgen. Om du klickar på något av de befintliga stoppen kan du ändra färgen. För att lägga till fler stopp, klicka någon annanstans i din form.

Det fantastiska med Illustrators Freeform Gradient-verktyg är att du enkelt kan dra färgerna var som helst i din form. Om du bestämmer dig för att du vill ha den blå till vänster istället för höger, drar du bara stoppet åt vänster. Eller placera två rosa stopp bredvid varandra. Lägg till lite vitt för att se hur färgerna smälter ihop. Att flytta runt färgstoppen ändrar hur de interagerar med varandra.

Friheten med Freeform-verktyget är att du kan lägga till så många färger du vill och placera dem var du vill. Färgerna fungerar som individuella klot som lätt smälter samman vid kanterna. För att ta bort ett färgstopp, dra det utanför din form.

Du kan öka eller minska storleken och spridningen av varje färgstopp. Klicka på ditt valda stopp och flytta markören till den prickade cirkeln som omger den. Cirkeln kommer att ha en oval på kanten av den. Klicka och dra ovalen för att öka eller minska din klot och spridningen av färg.

Du kan till och med rita linjer med övertoningar genom att klicka på Rader alternativ i verktygsfältet Gradient. Med Linjer markerade kan du lägga till ett nytt färgstopp, och sedan kommer nästa valda stopp att kopplas ihop med en linje, rak eller krökt, som grupperar övertoningsfärgerna. Varje stopp kan fortfarande ha en annan färg, eller så kan du använda samma färg för hela linjen med flera stopp inkluderade.

Hur man använder Gradient Mesh i Illustrator

Gradient Mesh fungerar också annorlunda än de andra gradientverktygen. Låt oss visa dig hur du använder den.

Gradient Mesh kan appliceras på vilken form som helst som skapas med en fyllningsfärg. När du har ritat och fyllt din form klickar du på Gradient Mesh verktyg. Om du inte kan se Gradient Mesh-knappen kan den vara gömd under Övertoningsverktyg knappen i verktygsfältet; klicka och håll ned den översta knappen för att visa eventuella dolda knappar under den.

Med verktyget Gradient Mesh markerat klickar du var som helst i din fyllda form för att börja använda nätet. Beroende på antalet önskade färger och storleken på din form behöver du förmodligen bara två klick; även om det inte finns något maximum. Du kan lägga till eller ta bort ankarpunkter när som helst i processen. Till skillnad från Freeform Gradient-verktyget fungerar startfärgen för ditt objekt som basfärgen för din gradient.

Inom ditt nät kan du klicka på valfri ankarpunkt med hjälp av Direktval verktyg (A), och välj en färg från färgrutepanelen. Detta ger en oskärpa av den valda färgen som omger ankaret. Gör detta för alla ankare i din form och experimentera med hur färgerna blandas.

Med dina valda färger i din form ser detta ut som Freeform-verktyget. Så hur kan du gå upp i nivå med Gradient Mesh? Flytta ankarpunkterna och handtagen för att se hur färgerna rör sig och reagerar med varandra.

Du kan inte bara flytta om någon av förankringspunkterna i ditt nät, utan att använda handtagen för att ändra vinklarna skapar också fantastiska resultat. I själva verket kan rörliga ankarpunkter skapa hårda linjer mellan färgerna. Dessa hårda linjer kan replikera 3D-former och producera belysning på ditt objekt. Om du lägger till ljusare eller mörkare färger ökar 3D-effekten. Du kan till och med skapa dina egna 3D-former istället för att behöva söka efter redan existerande 3D-former online.

Ett unikt sätt att skapa övertoningar

Freeform Gradient-verktyget och Gradient Mesh-verktyget i Illustrator låter dig lägga till gradienter till dina mönster på nya och unika sätt. Det finns mycket mer du kan göra med gradienter nu än bara en gradientfärgsvep i linjär eller radiell riktning. Experimentera med dessa verktyg och se vilken typ av läckra gradienter du kan skapa.

Hur man skapar en automatisk färgpalett i Adobe Illustrator

Läs Nästa

Om författaren