Slik lager du tegneseriefigurer fra hverdagens objekter

Hei, jeg heter Jesse Hora Dot Com. Denne opplæringen vil veilede deg gjennom prosessen jeg bruker når du lager en illustrasjon, mer spesifikt teknikken for å skape det jeg liker å ringe en objekt illustrasjon.

Du kan finne kildefilene i katalogen merket "kilde" som kom i filene du lastet ned. Du kan ønske å se gjennom dem kort før vi begynner.


Trinn 1 - Konsept

Siden dette er en veiledning om den tekniske prosessen med å skape vektor (kunst) arbeid, som er seriøse ting, Jeg trodde det ville være en fin kontrast til å velge innhold / bilder som var enkelt og lekfullt. Det er ikke noe enklere enn en god ol 'blyant og papir. Classic. Så jeg begynte å tenke og kom opp med ideen om å lage en "Pencil vs. Eraser" -illustrasjon, inspirert av vintage bokseplakater, men med min vri. Koncept komplett, tid til å komme på jobb.



Trinn 2a - Skisse

Når jeg kommer opp med ideer, liker jeg alltid å skisse ideen, først og fremst for å få det på papir, så jeg ikke for å få det, men også å begynne å tenke på hvordan det vil fungere visuelt. Her er den første super raske skissen.



Trinn 2b - Avgrens skisse

Som de fleste illustratører liker jeg å tegne en illustrasjon et par ganger, så jeg begynner å forstå hvordan former / former / linjer fungerer (det er vanskelig å forklare hvorfor, men det hjelper egentlig).



Trinn 3 - Avgrens skisse

Nå må jeg bytte ut gir og lage bilder som jeg skal illustrere. Jeg snakket et par raske, små bilder av objektene, du finner de opprinnelige kildefilene i katalogen merket "kilde" som kom inn i filene du lastet ned. Jeg satte opp viskelæret opp litt med et foldet notat for å få riktig vinkel. Du behøvde ikke å vite det, men jeg vil bare være helt gjennomsiktig.



Trinn 4 - Fotografi

Jeg er ikke en profesjonell fotograf på noen måte, så jeg må rydde opp viskelær og blyantfotografier. Jeg skal ikke vise hvert eneste trinn her, fordi dette er en vektoropplæring, men det er en ganske enkel prosess.

For viskelærbildet, velg Beskjæringsverktøyet og beskjær det til en håndterlig størrelse. Gå til Bilde> Roter lærred 90 CCW. Gå nå til Rediger> Transform> Vend horisontal, og juster deretter nivåer (Command + L). Kutt ut viskelæret (men du foretrekker det), jeg brukte Magnetic Lasso og rengjort det i en rask maske.

For blyantbildet går du til Image> Rotate Canvas 90 CW. Juster nivåer (Command + L). Kutt ut viskelæret (men du foretrekker), jeg brukte Polygonal Lasso og rengjort det i en rask maske.

Lagre begge filene som en TIFF eller PSD.



Trinn 5a - Objektoversikt

Til slutt, la oss komme inn i vektorgraden. Åpne begge filene i Adobe Illustrator, og bruk pennverktøyet til å lage oversikten over objektene. Viskelærbildet er litt lettere, så jeg vil gjøre det først.



Trinn 5b - Innvendige linjer (viskelær)

Foruten omrisset (silhuetten) er de eneste andre linjene jeg trenger er kanter av viskelæret. Det er godt å ha disse linjene av to grunner; først så jeg vet hvor du skal tegne armer og ben på tegnet. Og for det andre fordi senere du kanskje trenger innvendige former for å hjelpe til med å definere objektet.



Trinn 5c - Flere linjer

Nå for blyanten. Igjen ved hjelp av pennverktøyet, vil jeg ganske enkelt skisse objektet. På høyre side er en nærbilde slik at du kan se jeg bare bare tegner pennens utvendige form. Lagre både blyant og viskelærfiler som AI-filer.



Trinn 5d - Innvendige linjer (blyant)

Fordi det er så mange små linjer og konturer som kan beskrives på en blyant, må jeg bestemme hvilke linjer jeg trenger og hvilke detaljer som kan utelukkes. Metallstykket er egentlig det eneste problemområdet, så jeg bestemmer meg for å forenkle bildet. Jeg fokuserer mindre på å beskrive bildet perfekt og ser mer ut på pennens form. Jeg bruker tastatursnarveien Command + Y mye her for å se på bare konturene. Fortsett å sjekke hvor komplisert linjearbeidet blir helt. For mange linjer vil leire opp bildet.



Trinn 5e - Ups!

OK, jeg planla ikke for dette trinnet, men jeg skal være helt gjennomsiktig og vise min feil. Blyantbildet er altfor høyt til å fungere i illustrasjonen. Det er en anstendig mengde detaljer som jeg prøver å få i blyanten. Jeg må forkorte blyantens lengde slik at bredden kan vokse. Jeg vil fikse det ved Photoshopping ut en del av midten av blyanten og lagre som et oppdatert blyantbilde. Jeg liker alltid å lagre flere versjoner, men det er min preferanse. Du kan også lagre originalen hvis nødvendig.

Jeg må også rette opp omrisset i Illustrator-filen, som egentlig er ganske enkelt. Bare åpne den oppdaterte blyantfilen din i Adobe Illustrator, kopier den originale blyantbeskrivelsen du gjorde i den forrige AI-filen, og lim den inn øverst (Kommando + F) på det oppdaterte blyantbildet. Siden du klistret foran (eller på toppen av) det nye bildet, er alt lagret. Alt du trenger å gjøre nå er å ta tak i Direktevalg (hvit pil) og velg spissen av blyanten til den stemmer opp med det nye bildet, og deretter lagre.



Trinn 6 - Utskriftsretningslinje

OK, etter alle disse tingene, er det tid for de morsomme tingene. Åpne en ny fil i Illustrator og inn i den kopiere og lime inn vektorens konturer av begge objektene. Jeg liker å slippe vekten av linjene til en hårlinje (.25) vekt. La oss nå skrive ut (Command + P) dette! Disse utskrifter vil tjene som retningslinjer for tegning av tegnene. Hvis du skriver ut noen få kopier, vil det være god plass til feil og omstart under tegning.



Trinn 7 - Tegn

Deretter tar jeg utskriftene og tegner direkte på dem, eller noen ganger liker jeg å bruke en lysboks og bruke et nytt ark. Her er noen av de første øve på tegninger. På dette punktet tegner jeg forskjellige deler av illustrasjonen et par ganger for å virkelig finjustere den endelige karakteren. Jeg kan legge til noen morsomme ting som et mustasje eller en fugl som sitter på en av tegnene.



Trinn 8 - Scan

Her er de endelige tegningene jeg skannet. Til venstre har jeg redrawn linjearbeidet jeg lager i illustrator, dette vil komme til nytte senere. En teknikk som jeg bruker for å gjøre bygningen lettere, tegner overlappende områder separat. For eksempel vil jeg trekke skoene separat fra skoen, fordi når jeg kompilerer tegningene, blir det lettere å jobbe med elementer enkeltvis.



Trinn 9 - Avgrens

Nå i Photoshop skal jeg prep teksten som skal vektoriseres i Illustrator. Juster nivåene (Bilde> Juster> Nivåer) for å få bildet til en god svart / hvittbalanse. Ved å bruke terskel (Bilde> Justeringer> Terskel), gjør jeg linjearbeidet bare svart og hvitt piksler.

Du vil merke at jeg har tatt ut linjene som definerer utsiden av objektene. Jeg gjorde dette fordi jeg skal bruke en kombinasjon av figurene i linjearbeidet og de faktiske trukket linjene, så å ha alt linjearbeidsforbindelsen vil føre til problemer senere. Også, som du kan se ved siden av blyantbildet (venstre), har jeg tegnet en versjon av objektet som er strengt, og skissene trakk av bildene, ettersom jeg kanskje trenger dem senere for sikkerhetskopiering. Jeg zoket inn på viskelæret, slik at du kan se litt mer detaljert, men jeg trakk også kantene på viskelæret.



Trinn 10 - Halvton

Siden jeg allerede er i Photoshop, vil jeg nå fullføre arbeidet på objektfotosene (husk de?). Når jeg har bildene åpne i Photoshop, vil jeg utføre samme prosess på hvert bilde. Gå til Bilde> Modus> Gråskala. Deretter filtrer> Pixelate> Farge Halvton. 8 er standardpikseldimensjonen, og fungerer vanligvis ganske bra, men avhengig av bildet du manipulerer, kan det ta en prøve og en feil. Siden du er i gråskala, blir bildet til et mønster med sorte prikker.



Trinn 11 - Live Trace

Nå har jeg i utgangspunktet fire forskjellige viktige filer, halvtone fotobilder og tegnet linjer for både viskelær og blyant. Jeg vil kjøre alle disse filene gjennom samme eksakte prosess. Siden hvert bilde er strengt svart og hvitt, er det en bris å bruke Live Trace i Illustrator.

Åpne bildet i Illustrator, kontroller at du velger bildet, og gå til Objekt> Live Trace> Tracing Options. I dialogboksen som dukker opp, er det mange justeringer og innstillinger som kan brukes til å finjustere bildet ditt. Etter å ha brukt denne funksjonen, har jeg en zillion ganger lagret innstillingene jeg foretrekker, som er som følger; Svart-hvitt-modus, Terskel ved 128, Slør på 0, Fylles ved sjekk, Strokes satt til No Check, Banemontering på 1.5px, Min område ved 2px og Corner Angle ved 1.5. Hit Trace og deretter Utvid (topp, senter) og akkurat slik har du vektorgodighet.



Trinn 12a - Kompilere

Jeg liker å gjøre hvert tegn i en egen fil, men det er samme prosess for hvert tegn, så jeg vil forklare de grunnleggende trinnene. Åpne et nytt dokument og lim inn i halvtonebildet (rosa), trykk på Kommando + 2 (lås). Deretter går du til linjeprofilen for viskelærcharter og velger alle (Command + A), gå tilbake til den nye filen og lim inn det vektoriserte linjearbeidet foran (Command + F) på halvtonebildet. Her har jeg farget viskelærbildet rosa og limt det svarte og hvite linjearbeidet på toppen. Jeg har også slettet den store hvite bakgrunnsformen slik at du kan se hva jeg mener.



Trinn 12b - Formløsninger

Heldig for deg laget jeg en annen feil og trekk ikke viskerens armer som en egen form. Jeg kopierer først formen jeg vil og lim inn foran (Command + F). I dette tilfellet er det formen som lager armene, men dessverre er det meste av det andre linjearbeidet forbundet. Deretter tegner jeg (ved hjelp av Pen Tool) en form rundt det jeg vil beholde, som i dette tilfellet er armene. Deretter velger jeg den svarte formen og treffer Intersect Shape Areas på paletten Pathfinder. Deretter treffer du utvide (på samme palett). Alle faste nå. Når jeg sletter det svarte linjearbeidet, vil viskelæren fortsatt ha armer.



Trinn 13a - Farge

Siden denne illustrasjonsstilen er tegneserieaktig og enkel, er fargene basert på hva som beskriver formen best, og hva som gir mest mening. Jeg har egentlig ikke en prosess for dette. Jeg begynner bare å velge figurer og velge farger. Også tegner jeg objektoversikt (husk jeg nevnte at jeg kanskje trenger dem senere) bak halvtonen.



Trinn 13b - Etterbehandler

Det siste jeg gjør er å skjule den svarte linjearbeidformen (klikk på øyepiktogrammet i lagpaletten) og lim inn tegningens tegneoversikt (husk jeg nevnte at jeg kanskje trenger dem senere) bak halvtone.



Trinn 14 - Ferdig

Hipp Hipp Hurra! Jeg fulgte en lignende prosess for å lage blyant karakteren.



Endelig bilde

For å fullføre illustrasjonen, opprettet jeg noen hadde trukket type (kan være en helt ny tut på egen hånd) og opprettet en enkel årgang boksing plakat motiv. Det var alt folkens!

Lær mer om meg og min prosess på JesseHora.com. Det endelige bildet er under. Du kan se den store versjonen her.