Illustrator CS5 Variabel breddstrokeverktyg Gestural skisser och Digital Inking!

Hej Vectortuts + trogen! Välkommen tillbaka till del två i min tutorial-serie om fördelarna med att använda variabel breddstrokeverktyg. Om du inte har läst den första handledningen, föreslår jag att du går tillbaka och läser: Illustrator CS5 Variabel breddstrokeverktyg: Perfekt för att göra Tribal Designs !, som täcker hur man använder verktyget och visar hur man skapar tribal design med det . Du måste känna till dessa grunder innan du fortsätter med denna del två av serien, där vi använder den för att skapa gestural skisser och digital färgning.


Gestural skisser

En otroligt användbar funktion av variabel breddstrokeverktyget ger karaktär till dina linjer. Genom att ändra bredden på linjen lägger du till känsla, rörelse, styrka, personlighet och många andra adjektiv som inte visuellt beskriver en rad. I grund och botten tar du något platt och tråkigt och ger det liv! Låt oss bara titta på några exempel på hur Variable Width Stroke Tool lägger till en gestural karaktär till en annars tråkig linje:

Steg 1

OK, nu när jag har övertygat dig om hur bra verktyget är, låt oss titta på ett verkligt exempel på hur jag använder verktyget. Jag har nyligen haft en klient (låt oss kalla henne Brenda - namnet har ändrats för att skydda oskyldiga) som behövde en logotyp för hennes blogg; "Living Brenda." Projektbeskrivningen jag fick hade en slags Martha Stewart-vibe. Hennes blogg var naturlig, organisk rådgivning om hur man ska leva livet. Klienten beskrev logotypen som en kvinnas huvud med en mängd olika föremål som sprang ut ur det - som recept, kärlek och råd om ett hälsosamt liv.

Jag visste genast att jag kunde dra en kvinnas huvud med saker som exploderade ut ur det - det är inget problem, men jag visste också att teckens stil var kritisk. Det behövde känna sig lös och gestural. Variable Width Stroke Tool var det perfekta sättet att uppnå det utseende jag var ute efter. OK, så låt oss ta en titt på hur jag skapade den här logotypen.

Hela saken börjar med min penna skiss. Nu kan jag tyvärr inte ge en hel lektion på ritningen här, men jag visar dig de steg jag tog för att skapa denna penna skiss.

Steg 2

När jag ritar ett huvud börjar det alltid som en oval. Sedan försöker jag föreställa mig den ovala i 3D - som ett ägg. På den ovala (ägget) skissar jag en vertikal och horisontell linje. Du borde kunna föreställa sig hur dessa linjer viks runt formen på objektet.

Den vertikala linjen kommer att användas som mittlinje - som om du ritade en linje ner i mitten av ditt ansikte. Så naturligtvis skulle näsan ligga precis ovanpå denna mittlinje. Den horisontella linjen representerar var ögonen ska gå. Även i detta rudimentära tillstånd kan jag redan se ansiktet. Ju mer du övar det, desto lättare ser du det.

Steg 3

Det uppenbara nästa steget är att dra på ögonen och näsan. Det är viktigt att vara mentalt i det 3D-utrymmet. Jag grovade också in där huvudet på huvudet skulle dyka upp. Jag vet inte om jag ska visa detta så tydligt i den slutliga logotypen, men det är en bra referens att ha.

Steg 4

Därefter ryckte jag i där jag såg håret runt om huvudet. Jag trodde att Brendas frisyr skulle fungera för ett löst märkesstil. Hennes hår hade en lös flödande kvalitet om den.

Steg 5

Slutligen har jag lagt till några objekt för att representera de saker som Brenda ska skriva om på hennes blogg. Klienten gav oss en lista att fungera på. Och där går du, det är den skiss jag ska använda för att skapa min gestural logotyp.

Steg 6

Nästa steg är att skanna vår penna skiss i datorn och få den till Illustrator. Nu, en gång i Illustrator gillar jag att ställa in min logotypfil genom att skapa tre lager. Penna skiss kommer att gå på bottenskiktet. Jag låser det lagret så att min konst inte rör sig och så tar jag inte av misstag det medan jag arbetar med designen.

På det andra lagret kommer jag så småningom att lägga in mina solida färgblock. Jag vill göra det senast, så för nu lämnar jag mitt andra lager tomt.

Det översta lagret är där jag ska lägga mina gesturallinjer. Nu vet jag att jag ska använda mitt variabla breddstrokeverktyg för att ge dessa linjer sin karaktär - så jag behöver bara skapa en mittlinje, inte former. Här är de linjer jag gjorde i illustratorn över min penna skiss.

Steg 7

När jag har tagit de här linjerna tar jag min variabel breddstrokeverktyg och lägger den till god användning. Återigen lärs grunderna på det här verktyget i en del av denna handledningsserie. När du lägger till tecken på dina rader, se till att betona de viktigaste raderna. Till exempel är linjen som utgör hennes käft ben mycket tjockare. Det representerar huvudets botten, så det är tjockleken ger huvudstabiliteten. Det är också beläget där det naturligtvis skulle vara en skugga, så att tjockleken på linjen bidrar till att skapa den skuggan.

Steg 8

Här är ett litet detaljskott för dig. Vilken stor skillnad det rörliga breddstrokeverktyget gör.

Steg 9

Därefter måste vi släppa ner ett lager och lägga till våra solida färgbläckar. Det här är inget speciellt. Jag har just använt mitt vanliga Penverktyg för att rita dessa former. Jag behöll färgerna naturliga och ljusa så att de inte övermanade mina gesturallinjer, som jag vill popa. Du kan se hur mycket dessa grundläggande former hjälper till att definiera ansiktet och håret.

Steg 10

Nu måste jag lägga till i de olika ämnen som Brenda skriver om i hennes blogg. I det här fallet ignorerade jag min penna skiss lite.

Steg 11

Sist men inte minst måste jag lägga till formerna bakom varje ämnesobjekt. Detta var ett bra tillfälle att arbeta i någon färg. Men även med dessa färgglada objekt behöll jag mättnaden av färgerna dämpad. Jag ville ha det här märket att känna sig lite mer naturligt.

Steg 12

Och som ett sista steg har jag lagt till en logotyp för att följa med det här märket. Jag var säker på att dra färger från märket för användning i logotypen så det hela fungerade tillsammans. För ett teckensnitt har jag valt Century Gothic. Jag trodde att den vassa geometriska stilen var en bra folie till markens löshet. Jag trodde att dessa kontrasterande stilar skulle fungera bra tillsammans i en webbdesign.

Steg 13

Nu vet jag vad du tänker, "Men Bill! Jag är inte en fantastisk och begåvad illustratör som dig själv. Vad händer om jag inte kan rita?" Inga problem! Att göra dessa typer av gesturalmärken är väldigt lätt att skapa med hjälp av foton istället för teckning. Att använda bilder begränsar dig lite, men det är ett bra alternativt tillvägagångssätt om du inte har teckningsfärdigheter. Låt mig springa igenom denna process riktigt snabbt utan några kommentarer.


Digital Inking

Okej, nu för vår allra sista del i denna handledning - digital färgning. Om du är en illustratör, oavsett om det är en tecknadstilstil illustratör, en cartoony illustratör, en tatueringskonstnär eller en graffitiartist, är det variabla breddstrokeverktyget en stor tillgång för att bläcka dina penna skisser.

Steg 1

Låt mig snabbt visa dig hur du kan använda detta verktyg för att göra din digital färgning. Nu börjar denna process med en blyertsritning. Och igen, jag kommer tyvärr inte att kunna ge dig en ritningslektion i denna handledning. Det är en annan dag. Så, låt oss ta en titt på penna skiss jag ska bläck:

Steg 2

Detta är en ritning som jag gjorde för skojs skull under min fritid. Konceptet var en slags superhjälte med ett samurai-motiv. Nu är det förvisso för stort att bläck helt i denna handledning, så låt mig zooma in på hans ansikte, och då kan vi bläck en del av det.

Steg 3

Där går vi, mycket bättre. Nu är det första steget i inking bara att skapa mittlinjerna med hjälp av vårt Pen Tool. Nu, igen, kommer dessa att vara våra mager, tråkiga, plana linjer. Här är den första uppsättningen linjer jag skapade:

Steg 4

Jag ska göra det i en massa små delar så att du kan se framstegen. När vi har skapat dessa enkla linjer är det dags att lägga till tecknet (med hjälp av vårt variabla breddstrokeverktyg förstås).

Steg 5

Wow! Vilken skillnad. Nu är inkning så här lite mer intensiv med ett arbetsflöde än att använda en pensel eller krångpenn, men kontrollen och skarpen som du får är fantastisk. Jag vet inte om den här bläckstilen tar över bokhandeln eftersom det är lite långsammare, men för enstaka plash sidor och designprojekt är det verkligen värt att försöka.

Nu märker du att några av de tjocka ändarna av linjerna slutar vara roliga. I de fall där en rad inte matchar sig snyggt med en annan rad, behöver vi göra en liten manuell korrigering. Först måste vi välja, och sedan Objekt> Expand Utseende den övergående linjen. Detta kommer att konvertera det till en form. Då kan vi använda Pathfinder Tool för att subtrahera och lägga till de bitar som vi behöver. Här är nästa steg, jag kommer att göra mina ändringar och tillägg i grönt så att du kan se vad jag fixade och vad jag lade till.

Steg 6

Du kommer också att märka i grönt Jag har lagt till några standardvektorformer (som ögonbrynen). Hej, jag sa inte att variabel breddstrokeverktyget skulle vara det enda verktyget du använder för att digitalt bläcka denna penna skiss.

Steg 7

Detta är mer av samma sak. Jag har tagit mina standardlinjer och gett dem den vackra karaktären med hjälp av variabel breddstrokeverktyget. Sedan i grönt har jag lagt till några fler rader.

Steg 8

Så, det handlar om så långt jag tar den digitala färgningsdelen av denna handledning. Du kan förhoppningsvis se processen jag följer. Jag är säker på att du dör för att se den slutliga konsten, så jag slänger det här bara för det roliga av det. Tro det eller inte, jag har faktiskt färgat hela denna konstverk i Illustrator! Tro på det! Om du vill se hur jag gjorde det, har jag en videohandledning som kommer snart till Go Medias Arsenal.


Slutsats

Jo det är det folk. Förhoppningsvis, en annan användbar handledning. Jag har säkert hittat massor av användningsområden för Illustrators nya variabla breddstrokeverktyg och förhoppningsvis nu kan du också se dess många användningsområden.


Var hittar du GoMedia

Denna handledning skrevs av William A. Beachy, partner på Go Media Inc. Go Media är en kreativ byrå baserad i Cleveland, Ohio. Förutom att skriva tutorials för GoMediaZine och Vectortuts +, arbetar vi också för kunder och säljer lagerartiklar och designfiler på Arsenal.

  • Portföljwebbplats: Gomedia.us
  • Blogg: GoMediaZine
  • Resurser: Gomedia Arsenal