Illustrator CS5 Variabel Bredde Stroke Tool Gestural Sketches og Digital Inking!

Hei Vectortuts + trofast! Velkommen tilbake til del 2 av min opplæringsserie om fordelene ved å bruke Variable Width Stroke Tool. Hvis du ikke har lest den første opplæringen, foreslår jeg at du går tilbake og leser: Illustrator CS5 Variable Width Stroke Tool: Perfekt for å lage Tribal Designs !, som dekker hvordan du bruker verktøyet, og deretter viser hvordan du lager tribal design med det . Du må vite det grunnleggende før du fortsetter med denne delen to av serien, hvor vi bruker den til å lage gestaltiske skisser og digital blekk.


Gestural skisser

En utrolig nyttig funksjon av Variable Width Stroke Tool gir karakter til dine linjer. Ved å variere bredden på linjen legger du til flair, bevegelse, styrke, personlighet og mange andre adjektiver som ikke visuelt beskriver en linje. I utgangspunktet tar du noe flatt og kjedelig og gir det livet! La oss bare se på noen få eksempler på hvordan Variable Width Stroke Tool legger til en gestural karakter til en ellers kjedelig linje:

Trinn 1

OK, nå som jeg har overbevist deg om hvor flott verktøyet er, la oss se på et ekte eksempel på hvordan jeg bruker dette verktøyet. Jeg har nylig hatt en klient (la oss ringe henne Brenda - navnet er endret for å beskytte uskyldige) som trengte en logo for hennes blogg; "Living Brenda." Prosjektbeskrivelsen jeg fikk hadde en slags Martha Stewart-vibe. Hennes blogg var naturlig, organisk råd om hvordan man skal leve livet. Klienten beskrev logoen som en kvinnes hode med en rekke objekter som sprang ut av det - som oppskrifter, kjærlighet og råd om sunn livsstil.

Jeg visste umiddelbart at jeg kunne tegne en kvinnes hode med ting som eksploderte ut av det - det er ikke noe problem, men jeg visste også at tegningens stil var kritisk. Det trengte å føle seg løs og gestural. Variable Width Stroke Tool var den perfekte måten å oppnå det utseende jeg var ute etter. OK, så la oss se på hvordan jeg opprettet denne logoen.

Hele greia starter med blyantskissen. Nå dessverre kan jeg ikke gi en hel leksjon på tegning her, men jeg vil vise deg trinnene jeg tok for å lage denne blyantskissen.

Steg 2

Når jeg tegner et hode begynner det alltid som en oval. Så prøver jeg å forestille seg det ovale i 3D - som et egg. På det ovale (egget) skissen jeg en vertikal og horisontal linje. Du bør kunne forestille seg hvordan disse linjene er innpakning rundt formen på objektet.

Den vertikale linjen vil bli brukt som midtlinje - som om du trakk en linje ned midt i ansiktet ditt. Så, selvsagt, ville nesen lande rett over toppen av denne senterlinjen. Den horisontale linjen representerer hvor øynene skal gå. Selv i denne rudimentære staten kan jeg allerede se ansiktet. Jo mer du praktiserer dette, desto lettere ser du det.

Trinn 3

Det åpenbare neste skrittet er å trekke på øynene og nesen. Det er viktig å være mentalt i det 3D-rommet. Jeg grovde også inn hvor toppen av hodet hennes skulle poppe av. Jeg vet ikke om jeg skal vise dette så klart i den endelige logoen, men det er en god referanse til å ha.

Trinn 4

Deretter grovde jeg i hvor jeg så håret rundt om hodet. Jeg trodde at Brendas hårstil ville fungere for et løs gestural-stilmerke. Hennes hår hadde en løs flytende kvalitet om den.

Trinn 5

Til slutt har jeg lagt til noen få objekter for å representere de tingene Brenda skal skrive om på bloggen hennes. Klienten ga oss en liste for å jobbe ut av. Og der du går, det er skissen jeg skal bruke for å skape min gestural logo.

Trinn 6

Det neste trinnet er å skanne blyantskissen til datamaskinen og få den inn i Illustrator. Nå, en gang i Illustrator, liker jeg å sette inn loggfilen min ved å lage tre lag. Blyantskissen går på bunnlaget. Jeg låser det laget slik at kunsten min ikke beveger seg, og jeg tar ikke ved et uhell det mens jeg jobber med designen.

På det andre laget vil jeg til slutt sette mine faste blokker av farge inn. Jeg vil gjøre det sist, så for nå vil jeg la det andre laget være tomt.

Det øverste laget er hvor jeg skal legge mine gestural linjer. Nå vet jeg at jeg skal bruke Variable Width Stroke Tool til å gi disse linjene deres karakter - så jeg trenger bare å lage en senterlinje, ikke former. Her er linjene jeg laget i illustratoren over blyantskissen.

Trinn 7

Når jeg har tatt disse linjene, tar jeg mitt variabelt bredde slagverktøy og legger det til god bruk. Igjen blir grunnleggende om dette verktøyet undervist i del 1 av denne opplæringsserien. Når du legger til tegn på linjene dine, må du sørge for å understreke de viktigste linjene. For eksempel er linjen som lager hennes kjevebein mye tykkere. Den representerer bunnen av hodet, så det er tykkelse gir hodet stabilitet. Det er også plassert der det ville være naturlig en skygge, slik at tykkelsen på linjen bidrar til å skape den skyggen.

Trinn 8

Her er et lite detaljskudd for deg. Hva en stor forskjell gjør variabel bredde strekk verktøyet.

Trinn 9

Deretter må vi slippe tilbake et lag og legge til i våre solide blokker av farge. Det er ikke noe spesielt med dette trinnet. Jeg brukte nettopp mitt normale pennverktøy for å tegne disse figurene. Jeg holdt fargene naturlige og lette, slik at de ikke overveldet mine gestural linjer, som jeg vil pope. Du kan se hvor mye disse grunnleggende former bidrar til å definere ansikt og hår.

Trinn 10

Nå må jeg legge til i de ulike fagene som Brenda skriver om i bloggen hennes. I dette tilfellet ignorert jeg blyantskissen litt.

Trinn 11

Sist men ikke minst, må jeg legge til i figurene bak hvert av objektobjektene. Dette var en god mulighet til å jobbe i noen farger. Men selv med disse mer fargerike elementene, holdt jeg metningen av fargene undertrykt. Jeg ønsket at dette merket skulle føles litt mer naturlig.

Trinn 12

Og som et siste skritt har jeg lagt til en logotype for å gå sammen med dette merket. Jeg sørget for å trekke farger fra merket for bruk i logotypen, så hele greia fungerte sammen. For en font jeg har valgt Century Gothic. Jeg trodde at den skarpe geometriske stilen var en god folie til markens løshet. Jeg trodde at disse kontrasterende stilene ville fungere godt sammen i et webdesign.

Trinn 13

Nå vet jeg hva du tenker, "Men Bill! Jeg er ikke en fantastisk og talentfull illustratør som deg selv. Hva om jeg ikke kan tegne?" Ikke noe problem! Å lage disse typer gestural karakterer er veldig enkelt å lage med bilder i stedet for å tegne. Bruk av bilder begrenser deg litt, men det er en flott alternativ tilnærming hvis du ikke har tegneferdigheter. La meg kjøre deg gjennom denne prosessen, virkelig rask uten kommentarer.


Digital Inking

Ok, nå for vår aller siste del i denne opplæringen - digital inking. Hvis du er en illustratør, om det er en tegneserie illustratør, tegneserie illustratør, tatoveringsartist eller graffiti artist, er variabel bredde strekkverktøy en stor fordel for å inklekke blyantskissene dine..

Trinn 1

La meg raskt vise deg hvordan du kan bruke dette verktøyet til å gjøre din digitale blekk. Nå, igjen, begynner denne prosessen med blyant tegning. Og igjen, jeg kommer dessverre ikke til å kunne gi deg en tegningsleksjon i denne opplæringen. Det er for en annen dag. Så, la oss ta en titt på blyantskissen jeg skal blekk:

Steg 2

Dette er en tegning jeg gjorde for moro på fritiden. Konseptet var en slags superhelte med et samurai-motiv. Nå er dette absolutt for stort til blekk fullt i denne opplæringen, så la meg zoome inn på ansiktet hans, og så kan vi inkke en del av det.

Trinn 3

Der går vi, mye bedre. Nå er det første trinnet med å inking bare å lage senterlinjene ved hjelp av vårt Pen Tool. Nå, igjen, vil disse være våre tynne, kjedelige, flate linjer. Her er det første settet med linjer jeg opprettet:

Trinn 4

Jeg skal gjøre dette i en haug med små deler slik at du kan se fremdriften. Når vi har opprettet disse enkle linjene, er det på tide å legge til tegnet (ved hjelp av vårt Variable Width Stroke Tool selvfølgelig).

Trinn 5

Wow! Hva en forskjell. Nå er blekk som dette litt mer intensiv med en arbeidsflyt enn å bruke en pensel eller kråkepenn, men kontrollen og skarpheten du får er fantastisk. Jeg vet ikke om denne innrykksstilen vil ta over tegneserieindustrien fordi den er litt tregere, men for engangssideer og designprosjekter er det absolutt verdt å prøve.

Nå vil du legge merke til at noen av de tykke ender av linjene slutter å være morsomme. I tilfeller der en linje ikke passer fint sammen med en annen linje, må vi gjøre en liten manuell korreksjon. Først må vi velge, og deretter Objekt> Utvid Utseende den overførte linjen. Dette vil konvertere det til en form. Da kan vi bruke Pathfinder Tool til å trekke fra og legge til biter av form som vi trenger. Her er neste steg, jeg vil gjøre mine endringer og tillegg i grønt slik at du kan se hva jeg løst og hva jeg la til.

Trinn 6

Du vil også legge merke til i grønt Jeg har lagt til noen standardvektorformer (som øyenbrynene). Hei, jeg sa ikke Variabel Bredde Stroke Tool ville være det eneste verktøyet du bruker til å digitalt blekk denne blyantskissen.

Trinn 7

Dette er mer av det samme. Jeg har tatt mine standardlinjer og gitt dem det vakre tegnet ved hjelp av Variable Width Stroke Tool. Så i grønt har jeg lagt til flere linjer.

Trinn 8

Så, det handler om så langt jeg tar den digitale blekkdelen av denne opplæringen. Du kan forhåpentligvis se prosessen jeg følger. Jeg er sikker på at du dør for å se den endelige kunsten, så jeg kaster det inn her bare for moro skyld. Tro det eller ei, jeg faktisk fargede hele dette kunstverket i Illustrator! Tro det! Hvis du vil se hvordan jeg gjorde det, har jeg en videoopplæring som kommer snart til Go Medias Arsenal.


Konklusjon

Vel, det er det folkens. Forhåpentligvis, en annen nyttig opplæring. Jeg har sikkert funnet mange bruksområder for Illustrators nye Variable Width Stroke Tool, og forhåpentligvis nå kan du også se de mange bruksområder.


Hvor finner du GoMedia

Denne opplæringen ble skrevet av William A. Beachy, partner hos Go Media Inc. Go Media er et kreativt byrå basert i Cleveland, Ohio. Foruten å skrive opplæringsprogrammer for GoMediaZine og Vectortuts +, jobber vi også for kunder og selger aksjebilder og designfiler på Arsenal.

  • Porteføljeside: Gomedia.us
  • Blogg: GoMediaZine
  • Ressurser: Gomedia Arsenal