Create Character Driven Book Cover Art Bruke Illustrator og Photoshop - Del 1
I denne todelt tutorial på å lage den "La oss gå til Monster skolen!" bokomslag, jeg skal vise deg en komplett prosess fra første skisse til den endelige kunstverk, ved hjelp av en Illustrator til Photoshop integrert arbeidsflyt. I del 1 vil vi ansette Illustrator å spore våre håndtegnet skisse, fastsette former og definerer grunnfargene.
I del 2, som er tilgjengelig på PSDTUTS +, vil vi ta vektoren tegning i Photoshop, hvor vi vil avgrense skyggelegging, legge til noen teksturer og fullføre bokomslaget med riktig typografi. La oss komme i gang med del 1.
endelige bildet Previews for del 1 og del 2
Nedenfor er det siste bildet vi skal jobbe mot. Ønsker tilgang til de fulle Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden
Tutorial Detaljer
Program:. Adobe Illustrator CS4
Vanskelighetsgrad: Middels
Estimert Fullføringstidspunkt : 3 timer
Denne illustrasjonen er en cover art for en fiktiv roman som heter "La oss gå til Monster skolen!". Det viser en morsom monster professor undervisning vanvittig vitenskap i en jolle klasserommet. Vårt mål for denne første delen er å skape grunnleggende bilde (del 1). I del 2 skal vi lage det ferdige kunstverk (Del 2).
Trinn 1
Hver illustrasjon oppretter jeg starter med en skisse. Jeg fiklet rundt i noen dager tegning monstrene før jeg fant det jeg var ute etter: en fin asymmetrisk grønt monster, til det perfekte valget være vår professor (1a). Langt fra å være grei, dette er rask skisse likevel et godt grunnlag for vår vektortegning.
Opprett et nytt dokument i Illustrator og plasser skisse på artboard. Du bør vite hvordan du bruker Pen Tool for denne opplæringen slik at jeg ikke vil gi instruksjoner om hvordan å lage hver form, de er lett nok å regne ut fra bildene.
Zoom inn på øyet og skape iris med en sirkel fylt med en oransje-gul radial gradient. Pass på at lysere nyanse er på bunnen av sirkelen. I Illustrator CS4 kan du bruke den på skjermen gizmo å manipulere gradient (1b). Gå til Effect > Stilisere > Inner Glow og henviser til bilde 1c for innstillingene.
Trinn 2
Legg til eleven (2a) og høydepunktet (2b) ved hjelp av henholdsvis et svart og en hvit sirkel. Lag øyeeplet med en større hvit sirkel (2c) og fyll den med en lys gul radial gradient (2d).
Trinn 3
Tegn bunnen øyelokket med en enkel bane, fylle den med en gul til grønn radial gradient (3a). Bruk dings å gjøre gradient elliptiske (3b). Lag toppen øyelokk på en lignende måte. Sørg for å plassere den over alle objektene (3c). Siden øyet er rund, må du holde den lysere nyanse av hver gradient i sentrum av objektene.
Trinn 4
Duplicate øyeeplet og plassere kopien over alle objekter (4a) . Nå velger den øverste øyelokk for og treffe Command + 7 for å opprette en klipping maske: nå øyelokket beskjæres til øyeeplet (4b). Vi vil bruke denne teknikken gjennom hele opplæringen så referere til dette trinnet etter behov.
Trinn 5
La oss legge en skygge inne i øyeeplet. Duplisere bunnen øyelokket, gjøre kopien mørk gul og flytte det opp litt (5a). Gå til Effect > Blur > Gaussian Blur og angi en passende verdi (5b). Avhengig av størrelsen på artboard må du kanskje endre verdien. Nå skyggen er uklart. La oss gjøre det litt gjennomsiktig ved å senke sin Opacity til 75% (5c). Nå er vi bare nødt til å beskjære det til øyeeplet med en klipping maske (se forrige trinn) (5d).
Trinn 6
Tegn monsteret hode. Formen er i utgangspunktet en opp-ned teardrop. Fyll den med det samme gradient du brukt på øyelokkene, ved hjelp av dings å korrekt plassere fargene. Pass på at hodet blir lysere mot midten og kantene er grønne (6a). Tegn munn og fylle det med en to-tone rød gradient. Du ønsker å gjøre innsiden lysere, igjen (6b). La oss ta en titt på vårt hode så langt. Fargene er på plass og gradienter hint på sin rundhet (6c)
Trinn 7
La oss ha det gøy med å lage tennene nå. Den eneste regelen her er: jo mer hakket og uregelmessig jo bedre. Jeg holdt dem ganske enkelt her, og pass på å variere sin orientering og størrelse for å unngå gjentakelser. Prøv også å unngå enda avstand og holde gjenstander fra kø (7a). Du kan gruppere dem sammen når du er ferdig og bruke en klipping maske for å beskjære dem til munnen omkrets. Legg merke til at de ikke er hvit lenger. Ingen respektabel monster har hvite tenner! (7b, 7c).
Trinn 8
Vår professor ikke har glatt hud. Store vorter dot overkroppen. Lag vorter med modifiserte ellipser, gi dem en lys grønn farge. Endre modus for å overlappe og redusere Opacity til et sted mellom 50% og 70% (8a) til de er helt klart, men ikke altfor synlig (8b).
Trinn 9
Tegn en lys grønn fin bak hodet (9a) og gi det en indre glød for å gjøre det lettere ved senteret. Bruk innstillingene i bilde 9b. Redusere Opacity til 70% og lage en kopi, plassere den bak den opprinnelige og rotere det litt (9c).
Trinn 10
Fortsett å legge til funksjoner til monster. Tegn blek gul horn i øvre høyre hjørne av hodet (10a) og gi den en lys brun Inner Glow å forbedre sin rundhet (10b). Husk å holde alle objektene på enkelte lag. Dette er avgjørende som de trenger for å være på separate lag når vi flytter inn i Photoshop senere.
Trinn 11
La oss kle vår monster professor med en tradisjonell labfrakk. Først av alt trekke slagene. Prøv å overlappe hodet og holde linjene litt bølgete: uregelmessige linjer ser mer naturlig (11a). For nå holde en medium grå slag slik at du kan se de enkelte elementene. Også trekke venstre (11b) og høyre (11 c) sider av labfrakk. Til slutt legger du til en lomme i venstre hjørne (11d)
Trinn 12
Tegn på venstre arm. Sørg for at den starter rett på skulderen og mansjetten dekker lommen (12a). Nå tegner monster høyre hånd, plassere den under både hylsen og pocket (12b). Fyll den med det samme gradient som resten av huden.
Trinn 13
For høyre erme vi må trekke to elementer, ermet selv (13a) og innsiden, synlig under monster venstre hånd (13b). Sørg for at du snapper banene sammen der de møtes for å unngå å skape åpninger
Trinn 14
Monsteret venstre hånd er laget av to deler:. Palm (14a) og "fingre" ( 14b). Kontroller at gradienter matche hvor de to objektene overlapper, men ikke bekymre deg for mye om farge inkonsekvenser akkurat nå. Vi vil jevne dem ut senere i Photoshop. Selvfølgelig denne hånden må plasseres inne i ermet.
Step 15
La oss arbeide på føttene. Tegn monster sin venstre fot ved hjelp av en enkelt bane (15a). Legg merke til følgende: beinet er ganske tynn (det er morsomt sånn), det er store gap mellom tærne og deres tips er runde, som en frosk. Neste trekke webbing mellom tærne ved å bruke en mørkere grønn form (15b). Den andre foten er bare en kopi av den første, speilet (15c). Under alt annet lage den spisse halen og sørge for at det blir lettere mot spissen, ved hjelp av våre to basisfarger (15d).
Trinn 16
Professoren holder en pinne i sin venstre hånd. Lag den med en enkel avrundet rektangel eller en skissert slag, bare sørg for at proporsjonene og størrelser er korrekt (16a). Fyll den med en gul lineær gradient (16b). Plasser den bak fingrene og roter det ca 15 grader med klokken (16c). Vår monster er nesten komplett (16d).
Trinn 17
La oss legge til noen detaljer til finnene. Tegn en mørk grønn ellipse (17a). Velg Convert Anchor Point Tool (Shift + C) og klikk en gang på den lengst til venstre og lengst til høyre poeng for å slå dem i hjørnene (17b). Nå skalere ned ellipse vertikalt og plasserer det på forsiden finnen (17c). Lag en kopi og legg den på bunnen av finnen (17d). Nå opprette en blanding mellom dem, ved hjelp av fem trinn (17e, 17f). Du ønsker kanskje å justere blanding, skalere elementer, eller endre sin posisjon til du er fornøyd.
Trinn 18
Til slutt tegnet vi må legge tre knapper til labfrakk . Ta en titt på bildet 18a. Det er tre elementer:...
Den ytre sirkel, hvit med en grå strek
Den andre sirkelen, mindre og grå
De fire sorte hull < .no>
Gruppe disse objektene sammen og plassere tre kopier langs sømmen på pelsen (18b).
Trinn 19
Tegnet er ferdig, la oss komponere illustrasjonen nå . Plasser monsteret nederst til venstre på artboard (19a). Nå trekker tre bunnplate (19b), gulvet (19c) og de to veggene (19d). Fyll både vegger og gulv med lette stigninger, noe som gjør dem mørkere på hjørnet der de møtes og lettere mot betrakteren.
Trinn 20
Det siste elementet er tavla. Det er en enkel form fylt med en mørk grå gradient. Justere det riktig med perspektivet (20a). Nå er vår grunnleggende illustrasjon er ferdig (20b).
Trinn 21
Før du eksporterer til Photoshop, trenger vi å fjerne slag fra hvert element i labfrakk (21a). Pass også på at hvert element sitter på sitt eget lag. Eksporter til PSD støtter bare en dybde på to eller tre lag, etter min erfaring er det ganske inkonsekvent, i alle fall på Windows
Likevel kan du nå gå til Fil >.; Eksport og fra dialogboksen velger PSD format. Et vindu vil komme opp med eksportmuligheter. Pass på at du velger riktig fargerom (RGB for skjerm, CMYK for print) og sette oppløsningen til Høy (300 dpi), slik at du har mange piksler å arbeide med i Photoshop. Også sjekke Skrive Layers og anti-alias alternativer (for å jevne ut ujevne kanter) (21b).
Konklusjon
Så det er det for del 1. Vi har spores vår skisse, lagt ned former og definert grunnfargene. Vi er klare for del 2, hvor vi tar dette ganske vanlig utseende tegning i Photoshop, og vi vil avgrense skyggelegging, legge til noen teksturer, sette inn flere detaljer, og fullføre bokomslaget med passende typografi. Stay tuned!
Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.