Smidigt skift vinterfärger, samtidigt som man skapar ett ojämnt, vektorlandskap

Några gånger i varje månad besöker vi några av våra läsares favoritinlägg från hela Vectortuts + historien. Denna handledning av Jonathan publicerades först den 25 november 2009.

Hantera färgförändringar och variationer med lätthet genom att följa denna mellanliggande nivåhandledning. Detta är en särskild handledning sponsrad av Astute Graphics som innehåller användningen av deras högkvalitativa Phantasm CS-serie Illustrator Pugins. Vi ska arbeta med Phantasms färgskiftningsverktyg: Färgskiftning / Färg och Skift till Färg, medan vi lär oss att kontrastera former när vi komponerar naturliga vektorscener!

Slutlig bildförhandsvisning

Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.

Handledning detaljer

  • Program: Adobe Illustrator CS4 och Phantasm CS-sortimentet (Designer, Studio eller Publisher)
  • Svårighet: Mellanliggande
  • Beräknad slutförd tid: 1 timme

Här är den illustration jag ska skapa. Klicka här för att se den större versionen. Och kom ihåg, medan jag använder Phantasm CS Studio i den här handledningen, kommer de alternativ som vi täcker att finnas tillgängliga i någon version av Phantasm CS.

Steg 1

Använd pennverktyget (P) genom att rita raka linjer för att skapa den grundläggande formen på ett träd.

Steg 2

Rita andra trädformer som är ännu mer förenklade och varierade.

Steg 3

Ett viktigt koncept att tänka på när du skapar de första dominerande formerna i din illustration är att dessa former kommer att skapa grunden och det övergripande flödet för illustrationen. Så var uppmärksam på att layouten ser bra ut från början.

Steg 4

Jag kan göra grenar som sträcker sig från träden med trianglar. För att skapa en triangel välj stjärnverktyget (finns under rektangelverktyget). Med Star Tool-verktyget klickar du och håller ner på din tavla, tryck sedan på nedpilen tills din form har tre punkter. Dessutom, och efter att din form har tre punkter, kan du trycka och hålla ned Shift-tangenten så att triangeln sitter helt platt. Släpp musen och släpp sedan tangenttryckningen du håller.

Steg 5

Använda urvalsverktyget (V) squish triangeln så det är mycket pointierat. Placera trianglarna genom träden sparsamt.

Steg 6

Vi använder nu Ellipse Tool (L) för att skapa blad på träden. Börja med en enkel cirkel.

Steg 7

Ta med verktyget Konvertera ankarpunkten (Shift + C) och klicka sedan på de övre och nedre punkterna som utgör cirkeln. Detta omvandlar dem omedelbart till vinklar. Därefter använd markeringsverktyget för att squisha formen i ett blad.

Steg 8

Placera bladen genom träden och på grenarna.

Steg 9

Jag använder polygonverktyget för att skapa blommans grund. Använda samma teknik som jag använde för att skapa triangeln, den här gången genom att trycka på upp-tangenten för att ge min polygon flera sidor.

Steg 10

Välj polygonen och gå till Effect> Distort & Transform> Pucker & Bloat. Ge formen en Blatt på ca 20.

Steg 11

Placera blommorna genom träden.

Steg 12

Jag lägger lite mer intresse för träden genom att ge dem lite subtil struktur. Jag använder en serie trianglar för att uppnå detta. Jag anpassar sin transparens så att de inte sticker ut för mycket.

Steg 13

Nu när jag har lite av förgrunden på plats kan jag gå vidare för att lägga till några bakgrundselement för att få en bättre uppfattning om landskapet. Använd Penverktyget, dra en behaglig böjd form som blir bergen.

Var tålmodig och se till att du har ett visuellt tilltalande flöde för bergen. Fjällkurvan kontrasterad av trädens mycket vinkliga form kompletterar varandra. Denna komplementära effekt är spelad i hela illustrationen.

Steg 14

Avsluta ritningen av berget.

Steg 15

Ge berget en tjusig blå till blågrön lutning.

Steg 16

Det finns ingen riktig process för att skapa bakgrundselementen. Mina former är mer slumpmässiga än beräknade. Så länge du behåller en fin harmoni och flöde för elementen så är du bra att gå.

Steg 17

Lägg till en blå ruta i bakgrunden för att skapa himlen och skicka den till baksidan genom att gå till Objekt> Transformera> Skicka till Tillbaka.

Steg 18

Buskarna har skapats med blommans basform. För att skapa en liten volymmängd, kopiera och klistra in formen ovanpå sig själv. Skala formen ner något, sätt Transparen att Multiplicera och ta upp opacitet till cirka 45.

TIPS: Kopiera formen och tryck på Kommando + F för att klistra in den direkt ovanpå var den kopierades.

Steg 19

Skapa buskar med buskar, placera dem sedan i hela illustrationen.

Steg 20

Sätt några av buskarna bakom andra element för att förbättra djupets effekt.

Steg 21

Vissa träd har skapats med samma form som blommorna och buskarna. Att använda samma form för olika objekt skapar kontinuitet men ska användas i måttlig utsträckning. Om din layout börjar se för repetitiv rita nya former för dessa element.

Steg 22

Jag har bestämt mig för att skapa ännu mer kontrast mellan bakgrundsfärgerna och träden så jag anpassar trädens färg för att skapa ett mer dramatiskt landskap. Ett av de mest effektiva sätten att välja objekt som delar en gemensam egenskap är att välja det första objektet, i det här fallet är det de bruna träden och sedan gå till Välj> Samma> Fyll färg.

Nu när alla dina träd är valda använder vi Phantasm CS-sortimentets plugin för att manipulera färgen. Gå till Effekt> Phantasm CS> Färgtoning / Mättnad. Detta håller applikationen leva som med alla effekter, och därför redigerbara. Om du vill applicera det permanent, gå till Objekt> Filter> Phantasm CS> Färgtoning / Mättnad.

Steg 23

Jag ändrar helt enkelt den bruna till en mycket mörkare brun. För att åstadkomma detta, justera glidreglaget Ljusstyrka till vänster som markerat nedan. Du kan också använda färgbytet till antingen fyllning eller streck av objektet. Trots att våra träd bara har en fyllning, kan vi låta det här alternativet kontrolleras i dialogrutan (valet är ditt.)

Steg 24

Nu har träden mer inverkan på den övergripande illustrationen.

Steg 25

Nästa kommer att anpassa färgen på buskarna och trädbladet för att vara lite mer iskall blå. Använd samma valsteknik som vi använde för träden, välj buskar och trädblad och gå till Effect> Phantasm CS> Skift till färg.

Steg 26

Jag skapar mer av en monokromatisk känsla för landskapet, så jag väljer blått för färgen och tar ner Shift till ca 18%.

Steg 27

Så här ska din illustration se ut just nu.

Medan man byter färg på buskar och träd kan man göra utan att använda Phantasm CS, den snygga delen om att använda plugin är att effekterna kan avlägsnas när som helst. Liknar Photoshop, är effekten icke-destruktiv. I Utseendepalet kan du ta bort effekten eller slå på och av på din fritid!

Steg 28

Använd ellipsverktyget för att skapa en cirkel och ge den en radial gradient för att ange att den har en skugga.

Steg 29

Jag har bestämt mig för att använda en cirkel eftersom det här objektet ska visas längre fram i bakgrunden - den detalj som den visar borde minskas.

Steg 30

Nästa kommer vi att skapa en illusion av snö på toppen av bergen. För att göra detta, först kopiera och klistra in bergen och arbeta bort till sidan av din huvudsakliga illustration. Rita en annan form över toppen av bergen som ligger nära toppkanten av dem.

TIPS: Jag tycker det är lättare att hålla min huvudbild intakt och arbeta på en kopierad version av en form om jag behöver manipulera den med Pathfinder.

Steg 31

Välj båda formerna och i Pathfinder Palette klicka på Divide.

Steg 32

Gå till Objekt> Ungroup. Ta upp objekten tills du inte längre kan gruppera dem (det tar vanligtvis fyra applikationer från kommandot Ungroup). Bli av med alla andra former än den form som du ska använda som toppen av berget.

Steg 33

Byt ut formen och justera färgen och genomskinligheten så att den blandar sig med berget bakom det.

Steg 34

För att skapa den ljusa vita snön på toppen av berget, använd Pathfinder igen. Kopiera bergformen och arbeta bort till sidan av huvudillustrationen som tidigare.

Steg 35

För att skapa molnen använder du Ellipseverktyget och överlappar flera cirklar i olika storlekar.

Steg 36

Slå samman alla cirklarna genom att klicka på Unite i Pathfinder Palette.

Steg 37

Placera molnen i bakgrunden. Ge dem en svart till vit gradient och i transparentpaletten ställer du in läget till skärm. Detta kommer att göra molnen blekna från vit till vilken färg som helst bakom dem!

Steg 38

Lägg till mer atmosfär (markerad nedan) genom att dra en slumpmässig vågform och fyll på den igen med en svart till vit gradient och ställ in läget till skärmen i transparentpaletten.

Steg 39

För att skapa solen, rita en form med många sidor med hjälp av Polygon Tool.

Steg 40

Gå till Effect> Distort & Transform> Pucker & Bloat. Ge din form en Pucker på ca -85%.

Steg 41

Nu när vi har en ljuskälla som definieras i illustrationen kan vi ta detaljerna ett steg längre. För den här illustrationen har jag bestämt mig för att jag vill skapa en mer nyckfull användning av ljus. Medan objekten nära landskapets vänstra kant kastar skuggor till vänster, förekommer nära högergjutna skuggor till höger. I verkligheten är detta bara fallet när ljuskällan är mycket nära. Återigen går jag för en mer nyckfull effekt så jag tar några kreativa friheter med min illustration.

Rita långsträckta skuggor som sträcker sig från träden och buskarna.

Steg 42

Jag vill inte att skuggorna övermanar landskapet så jag ska justera opacitet och ge dem en lutning som har mer av en blå nyans till den.

Slutlig bild

Du landskaps illustration är nu klar! Det här är vad den sista illustrationen ska se ut. Klicka här för att se den större versionen.

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.