I denne opplæringen jobber vi på en karakterfylt scene som er bygget for å vise frem en smart bil. Vi ser en arbeidsflyt jeg bruker til å skape et stort arbeid. Du lærer hvordan du leder øyets øye gjennom et bilde, selv når det er full av smilende tegn. Du lærer også hvordan du planlegger og kontrollerer vektorgruppeprosessen etter å ha skissert hele bildet.
Denne spesielle delen er mitt bidrag til OutSmart-prosjektet, flere detaljer nedenfor.
Bildet ble utviklet som mitt bidrag til OutSmart-prosjektet. For kort var jeg nødt til å svare på noen spørsmål. Hva og hvor vil du at bilen din skal være? Dette er din plass så vær så løs eller så streng som du vil, så ekte eller så imaginær som du vil. Lag din bil og ditt ideelle sted å kjøre den, parker den, fly den? Formater 400x160 mm. Planlagt som en dobbel side i en publikasjon. Dette er retningslinjene dette prosjektet ble konstruert i. La oss ta en titt på arbeidsflyten for å lage denne illustrasjonen.
I begynnelsen er det skribling. Små skisser med miniatyrer gjør det mulig å få en følelse av dimensjonene og mulighetene. Uten for mye innsats kan man først opprette ideer. På den måten prøver jeg ikke å tegne for detaljert. Det er viktig at skissene blir små. Deretter gir du bildet et pause for å utvikle illustrasjonen i fullskala.
Velg en miniatyrskisse og fortsett å jobbe. Tegn og detaljer trenger ikke å være hundre prosent utarbeidet. Dimensjonen på skissen forblir liten. Selv om det bare er innredet med plassholdere på dette tidspunktet, tegner tegningen allerede det ultimate resultatet.
Hovedelementene i sammensetningen er gatene. De tjener som det sentrale temaet som holder tegningen sammen. Observatørens øyne ledes langs gatene til enkeltpunktene i komposisjonen. Alle retninger av tegningen fører til Smart bilen helt til høyre. Trafikklysene sperrer bevegelsen. De trosset gaten. Så lysene blir et viktig element i bildet fordi de desentraliserer sammensetningen og introduserer et ytterligere lag.
Den beste måten å skape skisser i store dimensjoner på, er å holde seg til fullskalaen. Tegningen i fullskala har den fordelen at den formidler en følelse for dimensjonene og deres forskjellige muligheter. For å illustrere Smart på en overbevisende måte har jeg kjøpt en smart leketøybil.
I denne skissen legges alle tegnene til. Det er nyttig å prøve forskjellige versjoner på et ekstra stykke papir. Ytterligere detaljer om temaet søte tegn finnes i min artikkel Elements of Cute Character Design, som er en flott introduksjon til søt tegneserie.
Hele byen ønsker velkommen den lille bilen vennlig fordi bilen ikke forurenser luften så mye som større biler. Det peker på bilens miljøvennlighet: lykkelige og rene skyer, smilende trær, urørte skapninger som sover på bakken. Trafikklysene er ikke i kraft for Smart bil, som alle baner vei for det. Selv den røde pæren nyter det.
Skann bildet. Det blir lettere å spore små detaljer hvis du bruker 300 dpi. Bruk gråtoner, så størrelsen på filen vil være relativt liten. Koble begge A4-delene med Photoshop. I Photoshop kan du gjøre de endelige endringene, for eksempel kan du ordne størrelsen eller plasseringen av forskjellige elementer. Lagre det som JPG når du er fornøyd med resultatene av dette stadiet.
Åpne Illustrator og velg Arkiv> Nytt (Kommando + N) for å opprette et nytt dokument. Velg 400 x 160 mm størrelse og CMYK fargemodus. I denne modusen er fargene enklere å håndtere. Sett gridmodus på 300 dpi. Velg File> Place for å plassere "sketch" jpg. Gå til lagpaletten og opprett et nytt lag, betegn det "arbeid" og sett fargen til Rød. Det vil være laget vi jobber med. Hvis arbeidet ditt er veldig komplekst, ikke glem å gi navn til lagene dine! Lås også "skisse" laget.
Sekvensen mens vektorisering er svært viktig. Nødvendigvis må det planlegges på forhånd. Alltid begynne i bakgrunnen og sliter seg til forsiden av bildet! Etterpå er det en stor hjelp for farging. Hvis sekvensen av et enkelt element er blandet opp, må de omorganiseres mødt.
For min arbeidsprosess begynner jeg å bygge alle former. Senere legger jeg til fargene. For å gjenskape figurene bruker jeg primært pennverktøyet, Ellipseverktøyet og Pathfinder Palette. Bruk en 0,25pt slag slik at du kan se skissen. Bruk et svart slag med avrundede kanter. Husk at det er nødvendig å være så nær som mulig på blyantlinjene!
Bildet nedenfor viser rekkefølgen jeg konstruerte vektorformene i.
La oss gå! Begynn med laget i bakgrunnen. Med rektangelverktøyet tegner du et firkant i størrelsen på tegneområdet. Senere er dette torget brukt til å begrense enkeltelementer. Du lager det grønne landskapet på baksiden med pennverktøyet. Prøv å komme sammen med en mengde poeng så lite som mulig. Ved å gjøre det ser de ytre konturene ikke ut for overfylt. Når laget er ferdig, kopier det og plasser det på baksiden (Command + C og deretter Command + B). Flytt den nye formen med retningstastene til bunnen av tegneområdet. Gjenta denne prosessen med hver ny form. Velg enkeltpunkter med Direct Selection Tool for å tilpasse det til tegningen.
For den lille fyren som sover på bakken, tegner den ytre formen med Pen Tool. Begynn med kroppen, trene deretter armene, hodet og ansiktet. Tegn kroppsformen og deretter beinene skygger. Områdene overlapper hverandre. Kopier kroppens form og plasser den over (Kommando + C og deretter Kommando + F). Velg begge figurene, og bruk deretter Pathfinder> Intersect ShapeArea. Påfør samme fremgangsmåte for øynene og munnen. Dra en sirkel (hold Alt + Skift), kopier og plasser den foran den. Velg og flytte den nye sirkelen: Pathfinder> Divide for å lage en form for en halvmåne. Bruk disse figurene for øynene og munnen.
Trærne er ikke detaljert, da de er plassert i bakgrunnen. Jeg vil ikke at de skal skille seg ut. Tegn en sirkel for trærne med Ellipseverktøyet. Klikk på et punkt med valgverktøyet og tilpass sirkelen til tegningen. Lippene og munnen trekkes med pennverktøyet.
Velg hele treet og gruppér de enkelte elementene (Command + G). Mens du holder Alt-tasten, drar du treet til siden for å duplisere det. I henhold til kravene plasserer du den nye bak eller foran den første fabrikken. Trær i ryggen bør være mindre. Ikke glem å plassere enkelte trær bak landskapet som det er vist på skissen. Modifiser ansiktene og figurene på trærne med Direkte valgverktøy etter behov.
Selv om skyene kan opprettes med pennverktøyet, liker jeg å bruke Ellipseverktøyet. Denne metoden er raskere og kurvene blir runde. Følg konturen til hele ved å lage sirkler i de nødvendige størrelsene. Trykk Alt + Shift når du bruker Ellipseverktøyet til å lage perfekte sirkler. Fyll ut midten. Velg alle sirkler, Pathfinder> Legg til i formområde.
Kinnene og kurvene i skyen er også tegnet med Ellipseverktøyet. Dra en sirkel (Alt + Skift). Velg sirkelen, trykk på Kommando + C, og trykk deretter på Kommando + F. Flytt den nye til venstre til venstre. Klikk på det med Direct Selection Tool og strekk det ved å trykke Alt-tasten.
Velg begge sirkler og klikk på Divide på paletten Pathfinder. Kopier formene. Plasser skjemaene på de aktuelle punktene i skyen. Tegn kinnene med Ellipseverktøyet. Sirkler er nødvendig for øynene. Kopier (Command + C og deretter Command + F) og nedskalere dem (Alt + Shift). Velg begge og trykk på Divide i paletten Pathfinder. For å konstruere en annen sløyfe, kopier den første og reduser den (Command + C og deretter Command + F).
For regndråpene tegner du en sirkel (ved å trykke så på Alt + Shift). Klikk på det øvre punktet med Direct Selection Tool, strekk og endre det til et hjørnemerke med konverteringsverktøyet. Dupliser og legg dråper inn i tegningen. Velg og kopier hele skyen med regndråpene (Command + C og deretter Command + F). Flytt den nye skyen til høyre.
I prosessen med å designe byen er det viktig å ikke miste tråden når det gjelder sekvensen. Igjen begynner du med bakgrunnen. Start med solen og fortsett med husene. Alle former for husene er konstruert med pennverktøyet. Skjemaene til vinduene er også tegnet med pennverktøyet.
Etterpå, kopier dette skjemaet og legg det foran den første (Command + C og deretter Command + F). Kopier det nederste vinduet og velg de nye skjemaene, og trykk på Divide i paletten Pathfinder. Fortsett denne prosedyren for inngangene. Til slutt trekker du skyen på baksiden av byen slik at den overlapper husene i fronten (trinn 11).
Den neste til å bygge er en karakter laget av tre som har sin kilde fra fantasien min. Den har en ren regndråpe på hodet og en flodhest i hånden. Alle disse tallene er i utgangspunktet opprettet med pennverktøyet. Vær oppmerksom på sekvensen! Begynn med trearmens venstre arm og fortsett med beina, torso og armen til høyre.
Når det gjelder hodet, begynner du med grenen som ligger i ryggen og sliter seg til hodets form. Som det ble beskrevet i de forrige trinnene, bruker du Ellipseverktøyet til å lage kinnene (bruk Pathfinder-verktøyene etter behov). Øverste side av hodet er også tegnet med Ellipse Tool. For konstruksjon av løkkene brukes samme fremgangsmåte som beskrevet i trinn 11. For flodhesten bruker du også pennverktøyet.
La oss se på hvordan du tegner regndråpebrillene. Opprett regndrålens glass med pennverktøyet. Begynn med linsene, så trener du glassrammen. For det du justerer konturinnstillingene. 2 pt er nødvendig for dette. Pass på å stramme skjemaene. Velg dem ved å Bytte og klikk deretter på Objekt> Sti> Oversikt. Velg de tre frontformene på brillene, og bruk deretter Pathfinder-verktøyet Unite. Nå kan du endre noen detaljer, for eksempel rammene, med Direct Selection Tool.
Prosedyren for å tegne skyen i forgrunnen er beskrevet i trinn 11. For keglen tegner du først og fremst den nederste formen. Tegn et firkant med rektangelverktøyet (Alt + Skift). Bruk nå Effekt> Stylize> Round Corners og skriv inn 1mm for å runde hjørnene. Med Direct Selection Tool tilpasser du firkanten til tegningen. Velg Command + C og Command + B, flytte det fremover og litt til venstre slik at overflaten vises tredimensjonal.
Tegn den øvre triangelen med pennverktøyet. Jeg bruker til å tegne linjene i 6pt. Kopier det to ganger. Konverter stiene til et skjema (Objekt> Sti> Oversikt). Nå velger du trekanten, kopierer den og plasserer den foran den forrige (Command + C og deretter Command + F). Velg en linje og dette nye skjemaet og Press Intersect Shape Area i Pathfinder Palette. Gjenta dette trinnet for de andre to.
Tegn gatene med pennverktøyet. Kopier dem og legg de nye forskyvninger bak den forrige (Command + C og deretter Command + B). Ved å gjøre dette får gatene tykkelse.
Opprettelsen av regnbuen er lik. Først og fremst bygger du den ytterste formen, kopierer den og legger den nye i forgrunnen. Med Direct Selection Tool tilpasser du skjemaet til tegningen. Kopier den nederste formen og plasser den på forsiden. Velg begge fasene, og trykk på Intersect Shape Area i Pathfinder Palette. Fortsett denne prosedyren til alle stripene er ferdig.
For regnbuen i ryggen, dra en sirkel (Alt + Skift), kopier deretter den og plasser den foran. Trekk den ned for å møte blyantlinjen. Kopier den første sirkelen og legg den foran (Command + C og deretter Command + F). Velg begge sirkler, og bruk deretter Divide i Pathfinder Palette for å trimme denne formen. Gjenta nå de første trinnene for å bygge regnbuebåndene.
De vennlige fotgjengere er laget med samme teknikker som de foregående elementene. Igjen bruker du pennen og Ellipseverktøyet. Begynn med kroppen, fortsett med hodet og til slutt hatten. Ved å gjøre det går jeg fra figur til figur fra baksiden til forsiden.
For å tegne baksiden av bilen, begynner du å trekke sirkler til hjulene med ellipseverktøyet. Etterpå tegner du hele skjemaet, taket, kappen og vinduene. Gjenta prosedyren for å tegne bilen foran. Klipp vinduene med Pathfinder-verktøyene.
Her brukes pennverktøyet primært. Start med trafikklysposten. Etter det legger du til en stor boks type, lys og lampe nyanser. Oppgaven til den lille grønne mannen til høyre er å gjøre den store overflaten mer interessant.
La oss anta at du først tegner den nedre delen av gaten til høyre med pennverktøyet. Bygg den øverste delen som en komplett form som må utarbeides med detaljer i neste trinn. Etter det Bygg det smarte spøkelset og den høyre delen av gaten.
Det ser ut til å være vanskelig, men det er opprettet med samme prosedyrer som alle andre elementer i bildet. Ikke tapt tråden! Begynn med baksiden de fleste deler, hetten og setene. Så fortsetter du med tallene og dekkene. Den venstre siden av bilen er skinnet med de fremre frontdelene og frontskjermen.
Nå er den komplette tegningen vektorisert. Det er tid for farger!
Den tredje delen etter tegning og vektorisering er fargen og tillegget av skygger og gradienter. Du kan spare tid hvis du legger til fargene etter å ha konstruert bildet.
For fargelegging bruker jeg heller min egen fargepalett jeg har utvidet i løpet av tiden. Fargene skal se bleke ut i bakgrunnen. Bruk mer blå enn gule toner. Varme farger som rød, gul og brun skyve fremover og støtter perspektivet når de brukes riktig. Farg formene i forgrunnen med varme toner.
Begynn med de store flatene som himmelen og landskapet for å bestemme atmosfæren på bildet. Fortsett med gatene, regnbuen, trafikklysene og så videre. Enkeltformene har fremdeles en kontur på 0,25 pt.
Når alle former er fargede, fjerner jeg konturene. Nå kan du se om kontrasten er intensive nok. I dette tilfellet kan man legge til svarte skygger eller fargene kan justeres.
Angi gjennomsiktigheten på Multiply og Opacity på maksimalt 65%. Jeg oppfrisker ikke-overbevisende flekker med fargegradier for å hint på tredimensjonalitet.
Nedenfor er den endelige illustrasjonen, og du kan se den store versjonen her.