Här på Design Shack kan vi inte få tillräckligt med bra färgscheman. Vi diskuterade nyligen några fantastiska och ovanliga ställen att stjäla färgpalett från och idag följer vi upp den diskussionen med några tips om hur du bygger dina egna fantastiska färgsatser i Adobe Illustrator.
Vi går över de extrema grunderna för att arbeta med färg i Illustrator och hoppa in i hur du använder den utmärkta inbyggda färgguiden för att få dig på vägen till blixtlös generation och manipulation av anpassade färgscheman.
Färgverktyg: Inget behov av att titta långt och brett
Vi har gett mycket tid och diskussion för att bygga färgpaletter. Det är en otroligt viktig aspekt av dina mönster som har förmågan att forma hela personligheten i allt du skapar. Det är självklart att du inte vill skruva upp den.
På designbloggar är verktygen som fokuserar på mycket oftast gratis webbverktyg som hjälper dig att bygga bra färgpalett från din webbläsare. Det finns även några riktigt stava dedikerade inhemska appar som ColorSchemer som ger dig denna funktion utanför webbläsaren. Intressant nog, men Adobe Creative Suite har några riktigt kraftfulla verktyg byggda in i.
En av mina favoritappar för den här uppgiften är Adobe Illustrator, som har fått några fantastiska uppgraderingar i färgpaletterna i de senaste versionerna. Låt oss ta en titt på vad den har att erbjuda.
Arbeta med färger i Ai
Innan vi kommer in i några av de mer avancerade funktionerna, bör du se till att du förstår grunderna. Färgsystemet i Illustrator liknar det i Photoshop, men definitivt inte detsamma.
För att börja med, i stället för förgrunds- och bakgrundsfärger, har du fyllnings- och slagfärger. UI-modellen ser likadana ut, men skillnaden är väldigt viktig. Vilken form du skapar tar både den fyllnings- och strokefärg som du har valt.
Notera alla de små extrafunktionerna under dina valda färger. Genom att klicka på de lilla vita och svarta rutorna kommer du tillbaka till standard white fill och black stroke, du kan också slå? D? nyckel när som helst för att uppnå detta.
De tre knapparna längst ner kan du välja mellan? Solid ?,? Gradient? och? ingen? för din fyllning. Slår på? /? nyckeln kommer att ge dig ingen fyllning och slår på?.? nyckeln kommer att ge dig en gradient. I bilden ovan är fyllningen på framsidan och därför aktiv, om jag byter färger kommer jag att ändra fyllningen, inte stroke. För att byta stroke framåt, tryck på? X? nyckel. För att byta stroke och fylla färger runt, slå ?? x ?.
Färgpalett
Ska Fönster> Färg kommer dyka upp på färgpalett. Här kan du inte bara välja dina färger för fyllning och stroke, men byta också mellan gråskala, RGB, HSB, CMYK och Web Safe färger genom att klicka på den lilla nedrullningen.
Du kan också byta mellan färglägen genom att klicka på färgspektret längst ner. Ibland kan Illustrator oväntat kasta dig in i gråskala om du utför en viss åtgärd som att tillämpa en gradient, följ bara det här tipset för att komma tillbaka till RGB eller CMYK.
Färgguiden
Odds är, du visste redan hur alla saker fungerade. Det är ganska intuitivt, fungerar mycket som Photoshop och har varit en del av Illustrator för det mesta av mitt liv. Det finns dock några nyare färgverktyg som är väldigt lätta att förbise som dramatiskt kan förenkla processen att bygga fantastiska färgscheman och möjligen till och med spara en resa till webbläsaren.
Låt oss säga att du hittar en färg som du gillar, jag valde en färg någonstans i närheten av # 8959A5, och du vill använda den som hoppningspunkten för din färgpalett. Om du till exempel bygger en webbplats och vill ha den här färgen i rubriken, behöver du några färger som ser bra ut för att runda ut din design.
För att börja aktivera? Färgguiden? palett genom att gå till Fönster> Färgguide. Detta bör ge dig följande:
Vad färgguiden gör är faktiskt att titta på den färg du har valt och föreslå andra färger att gå med den. Utan någon ansträngning du har redan ett bra färgschema att springa med. Allt du gör är att klicka på en av färgerna i den horisontella remsan för att applicera den på ett valt element.
Så, för att använda det här verktyget på ett verkligt projekt, sätt helt enkelt en basfärg och välj sedan från de tillgängliga alternativen och se vad du gör med. Resultaten är vanligtvis ganska trevliga utan extra arbete!
Hur det fungerar
Det här verktyget ser ganska enkelt ut, men det finns faktiskt mycket på gång här. Först märker du färgremsan längst upp, basfärgen är åtskild till vänster och bredvid den är den automatiskt genererade färgpalett baserad på en uppsättning harmonisregler som vi kommer att titta på senare.
Under detta är en stor sektion som innehåller en massa olika färger. Observera att den horisontella färgen på toppen överensstämmer med den vertikala färgremsan i mitten av detta område.
Till vänster och höger om den här kolumnen finns andra som innehåller mörkare nyanser och lättare färger i de valda färgerna. Du kan snabbt byta ut några av dina färger med en annan genom att klicka på en av dessa utan att förstöra harmonin i din ursprungliga auto-genererade palett.
Förutom alternativet Tints / Shades kan du också välja att göra dessa färger varma / kalla eller levande / muterade.
Du kan ändra hur många färger som visas i det här avsnittet genom att gå till alternativen Färgguide i den lilla rullgardinsmenyn högst upp till höger. Gruvan är inställd på fyra steg på varje sida av basen, men du kan öka eller minska detta belopp.
Harmony Regler
Som jag nämnde ovan är den lilla autogenererade färgpalett byggd med hjälp av vilka Illustrator-samtal? Harmony Rules ?. Dessa använder grundläggande färgteori för att göra din basfärg till en serie färger.Om du inte gillar hur färgpalettarna slocknar ut försöker du använda en ny uppsättning regler.
Om du tittar på den här menyn kan du se att alla de grundläggande sätten att skapa färgtoner är här: Monokromatisk, Komplementär, Analog, etc. Du bör alltid experimentera med olika Harmony-regler för att se vad du gillar bäst. Du kommer sannolikt att hitta dig själv från samma två eller tre om och om igen i dina projekt.
Redigera dina färger
Hittills är funktionaliteten i Color Guide bra om du letar efter snabb och enkel automatisk färgpalettgenerering, men vad händer om du vill ha mer makt och frihet?
För att uppnå detta, klicka på? Redigera eller Applicera färger? knappen som finns längst ner i paletten Färgguide. Detta kommer att medföra ett färghjul och uppsättning verktyg som inte skiljer sig från vad du hittar i Adobe Kuler.
Det finns många bra alternativ här. Du kan välja dina Harmony-regler och flytta runt färgerna med de regler som är låsta in, ändra mättnad av färgerna i hjulet, redigera individuella färgvärden, lägga till och ta bort färger och till och med spara grupper på dina favoritpaletter. Denna nästan dolda menyn är ett fullt professionellt färghanteringssystem!
Redigerar konstverk
Om du har vektorkonstverk valt när du trycker på? Redigera eller Applicera färger? knapp, det händer en fantastisk sak: du får plötsligt möjligheten att helt färga om allt som är valt. Manuellt kan denna process ta ganska lång tid, särskilt med stora bitar av konstverk med hundratals eller tusentals enskilda element. Här blir det dock ganska enkelt!
Du kan använda antingen? Redigera? eller? Tilldela? synpunkter för att omfärda ditt konstverk. Du kan också välja att redigera färgschemat som helhet i ett steg eller borra ner och byta ut enskilda färger.
Detta är ett helt enkelt utmärkt system för att experimentera med olika färgscheman. Det är också enklare och kraftfullare än många av våra go-to online färgschemaläggningsverktyg. Jag uppmanar dig starkt att börja leka med Illustrator Color Guide för att få en känsla för att bygga egna anpassade färgpalettar.
Slutsats
Denna guide ska fungera som en super grundläggande introduktion till att arbeta med färg i Adobe Illustrator. Som du kan se finns det många fördelar här som du helt enkelt inte kan hitta i Photoshop. Även om du bygger en webbplats i Photoshop, är det en bra idé att gå över till Illustrator när det är dags att välja några färger att arbeta med.
Lämna en kommentar nedan och låt oss veta hur du bygger färgscheman. Gör du det helt manuellt eller använder några verktyg och inspirationskällor för att hjälpa dig?