Lag karakterdrevet bokomslagskunst ved hjelp av Illustrator og Photoshop - Del 1

I denne to del opplæringen om å lage "La oss gå til Monster School!" bokomslag, vil jeg vise deg en komplett prosess fra første skisse til siste kunstverk, ved hjelp av en Illustrator til Photoshop integrert arbeidsflyt. I del 1 skal vi bruke Illustrator til å spore vår håndskisse, legge ned figurene og definere grunnfargene.

I del 2, tilgjengelig på Psdtuts +, tar vi vektortegningen i Photoshop, hvor vi skal finjustere skyggen, legge til noen teksturer og fullføre bokomslaget med riktig typografi. La oss komme i gang med del 1.


Endelige bildeforhåndsvisninger for del 1 og del 2

Nedenfor er det endelige bildet vi skal jobbe for. Ønsker du tilgang til hele Vector Source-filene og nedlastbare kopier av hver opplæring, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden.

Opplæringsdetaljer

  • Program: Adobe Illustrator CS4
  • Vanskelighet: mellom~~POS=TRUNC
  • Anslått sluttid: 3 timer

Denne illustrasjonen er en omslagskunst for en fiktiv roman som heter "La oss gå til Monster School!". Det skildrer en morsom monsterprofessor som underviser galskapsvitenskap i et snusket klasserom. Vårt mål for denne første delen er å skape det grunnleggende bildet (del 1). I del 2 skal vi lage ferdig kunstverk (del 2).


Trinn 1

Hver illustrasjon jeg lager, starter med en skisse. Jeg falt rundt i noen dager med å tegne monstre til jeg fant det jeg lette etter: et fint asymmetrisk grønt monster, det perfekte valget til å være vår professor (1a). Langt fra å være anstendig, er denne raske skissen likevel et godt grunnlag for vektortegningen.

Opprett et nytt dokument i Illustrator og legg skissen på tavlen. Du bør vite hvordan du bruker pennverktøyet for denne opplæringen, så jeg vil ikke gi instruksjoner om hvordan du lager hver form, de er enkle nok til å finne ut av skjermbildene.

Zoom inn på øyet og lag irisene med en sirkel fylt med en oransje-gul radialgradient. Pass på at lysere nyanse er på bunnen av sirkelen. I Illustrator CS4 kan du bruke skjermgizmo til å manipulere gradienten (1b). Gå til Effekt> Stylize> Inner Glow og referer til bilde 1c for innstillingene.


Steg 2

Legg elevene (2a) og høydepunktet (2b) ved hjelp av henholdsvis en svart og en hvit sirkel. Lag øyeeballet med en større hvit sirkel (2c) og fyll den med en lys gul radial gradient (2d).


Trinn 3

Tegn det nedre øyelokket med en enkel bane, fyll den med en gul til grønn radial gradient (3a). Bruk gizmoen til å gjøre gradienten elliptisk (3b). Lag det øverste øyelokket på en lignende måte. Pass på å plassere den over alle objektene (3c). Siden øyet er rundt, må du holde den lysere nyansen av hver gradient i midten av objektene.


Trinn 4

Dupliser øyeeballet og plasser kopien over alle objekter (4a). Nå velger du også øverste øyelokk og treffer kommandoen + 7 for å lage en kappemaske: nå øyelokket beskjæres til øyebollet (4b). Vi vil bruke denne teknikken gjennom hele opplæringen, så referer til dette trinnet etter behov.


Trinn 5

La oss legge til en skygge inne i øyeballet. Dupliser det nederste øyelokket, gjør kopien mørkegult og flytt den opp litt (5a). Gå til Effect> Blur> Gaussian Blur og skriv inn en passende verdi (5b). Avhengig av størrelsen på tavlen må du kanskje endre verdien. Nå er skyggen sløret. La oss gjøre det litt gjennomsiktig ved å senke dens Opacity til ca 75% (5c). Nå må vi bare beskære den til øyebollet med en kappemaske (se forrige trinn) (5d).


Trinn 6

Tegn monsterets hode. Dens form er i utgangspunktet en opp-ned-teardrop. Fyll det med samme gradient du brukte på øyelokkene, ved hjelp av gizmoen for å plassere fargene riktig. Pass på at hodet blir lettere mot midten og kantene er grønne (6a). Tegn munnen og fyll den med en to-tone rød gradient. Du vil gjøre innsiden lysere igjen (6b). La oss ta en titt på hodet vårt så langt: fargene er på plass og gradientene hint på rundhet (6c).


Trinn 7

La oss ha det gøy å lage tennene nå. Den eneste regelen her er: jo mer krøllete og uregelmessig jo bedre. Jeg holdt dem ganske enkelt her, sørg for å variere orientering og størrelse for å unngå repetisjon. Prøv også å unngå jevn avstand og hold objekter fra lining opp (7a). Du kan gruppere dem sammen når du er ferdig, og bruk en utklippsmaske for å beskjære dem til munnens omkrets. Legg merke til at de ikke er hvite lenger. Ingen respektabelt monster har hvite tenner! (7b, 7c).


Trinn 8

Vår professor har ikke jevn hud. Store vorter prikker overkroppen. Lag vorter med modifiserte ellipser, noe som gir dem en lysegrønn farge. Endre modusen til Overlay og redusere Opacity til et sted mellom 50% og 70% (8a) til de er tydelige, men ikke altfor synlige (8b).


Trinn 9

Tegn en lysegrønn fin bak hodet (9a) og gi den en Inner Glow for å gjøre den lettere i midten. Bruk innstillingene i bilde 9b. Reduser Opacity til 70% og lag en kopi, plasser den bak originalen og roter den litt (9c).


Trinn 10

Fortsett å legge til funksjoner til monsteret. Tegn det blekgule hornet i øverste høyre hjørne av hodet (10a), og gi det en lysebrun Inner Glow for å forbedre rundheten (10b). Husk å beholde alle objekter på enkelte lag. Dette er avgjørende fordi de må være på separate lag når vi flytter inn i Photoshop senere.


Trinn 11

La oss kle vår monsterprofessor med en tradisjonell labjakke. Først og fremst tegne lapels. Prøv å overlappe hodet og hold linjene litt bølgete: uregelmessige linjer ser mer naturlig ut (11a). For nå, hold en middels grå slag slik at du kan se de enkelte elementene. Tegn også venstre (11b) og høyre (11c) side av lab coat. Til slutt legger du en lomme i nederste venstre hjørne (11d)


Trinn 12

Tegn venstre erm. Pass på at den starter rett ved skulderen, og mansjetten dekker lommen (12a). Dra nå monsterets høyre hånd, plasser den under både ermet og lommen (12b). Fyll det med samme gradient som resten av huden.


Trinn 13

For den høyre ermet må vi tegne to elementer, selve hylsen (13a) og innsiden, synlig under monsterets venstre hånd (13b). Pass på at du knytter stiene sammen hvor de møtes for å unngå å skape hull.


Trinn 14

Monsterets venstre hånd er laget av to deler: håndflaten (14a) og "fingrene" (14b). Pass på at gradienterne samsvarer der de to objektene overlapper, men ikke bekymre deg for mye om fargekonsekvenser akkurat nå. Vi slipper dem ut senere i Photoshop. Selvfølgelig må denne hånden plasseres inne i ermet.


Trinn 15

La oss jobbe på føttene. Tegn monsterets venstre fot ved hjelp av en enkelt bane (15a). Legg merke til følgende: Benet er ganske tynt (det er morsomt på den måten), det er store gap mellom tærne og deres tips er runde, som en frosk. Trekk deretter båndet mellom tærne med en mørkere grønn form (15b). Den andre foten er bare en kopi av den første, speilet (15c). Under alt annet skaper den spisse halen og sørg for at den blir lettere mot spissen, ved hjelp av våre to grunnfarger (15d).


Trinn 16

Professoren holder en pinne i venstre hånd. Lag det med et enkelt avrundet rektangel eller et skissert slag, bare vær sikker på at proporsjonene og størrelsene er riktige (16a). Fyll den med en gul lineær gradient (16b). Plasser den bak fingrene og rot den rundt 15 grader med klokken (16c). Vårt monster er nesten fullført (16d).


Trinn 17

La oss legge til litt detalj på finnene. Tegn en mørkegrønn ellipse (17a). Velg Konverter ankerpunktsverktøyet (Shift + C) og klikk en gang til venstre og høyre for å skru dem til hjørner (17b). Nå skal du senke ned ellipsen vertikalt og plassere den på frontfinen (17c). Lag en kopi og legg den på bunnen av finen (17d). Lag nå en blanding mellom dem, med fem trinn (17e, 17f). Du vil kanskje justere blandingen, skala elementene eller endre posisjonen til du er fornøyd.


Trinn 18

For å fullføre tegnet må vi legge til tre knapper i labrocken. Ta en titt på bilde 18a. Det er tre elementer:

  1. Ytre sirkelen, hvit med et grått slag.
  2. Den andre sirkelen, mindre og grå.
  3. De fire sorte hullene.

Samle disse objektene sammen og plasser tre kopier langs sømmen av kappen (18b).


Trinn 19

Karakteren er ferdig, la oss komponere illustrasjonen nå. Plasser monsteret nederst til venstre på tavlen (19a). Trekk nå trebordet (19b), gulvet (19c) og de to veggene (19d). Fyll både vegger og gulv med lette gradienter, gjør dem mørkere i hjørnet der de møtes og lettere mot betrakteren.


Trinn 20

Det endelige elementet er tavlen. Det er en enkel form fylt med en mørk grå gradient. Juster det riktig med perspektivet (20a). Nå er vår grunnleggende illustrasjon ferdig (20b).


Trinn 21

Før du eksporterer til Photoshop, må vi fjerne strekkene fra alle elementer i lab coat (21a). Pass også på at hvert element sitter på eget lag. Eksporter til PSD støtter bare en dybde på to eller tre lag, etter min erfaring er det ganske inkonsekvent, i hvert fall på Windows.

Uansett kan du nå gå til File> Export og fra dialogboksen velg PSD-formatet. Et vindu vil dukke opp med eksportalternativene. Pass på at du velger riktig fargeplass (RGB for skjermen, CMYK for utskrift) og sett oppløsningen til høy (300 dpi) slik at du har mange piksler til å jobbe med i Photoshop. Kontroller også Alternativer for skrivelag og anti-alias (for å glatte de skråkantene) (21b).


Konklusjon

Så det er det for Del 1. Vi har sporet vår skiss, lagt ned figurene og definert de grunnleggende farger. Vi er klare for del 2, hvor vi tar denne ganske enkle tegningen inn i Photoshop, og vi vil finjustere skyggeleggingen, legge til noen teksturer, sette inn flere detaljer, og fullfør bokomslaget med riktig typografi. Følg med!

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.