Slik lager du en heks hus scene med gradienter i Illustrator

I denne opplæringen lærer du hvordan du illustrerer et søtt, quirky landskap med en hekses hus. Fra linjekunsten går opplæringen til farging ved hjelp av gradienter og en rekke blandemoduser. Opplæringen forklarer verktøy som blyantverktøyet og viser smarte Illustrator-alternativer for å redigere en hel illustrasjon i løpet av få minutter. Hele illustrasjonen ble opprettet i Adobe Illustrator, som viser programmets krefter. Denne opplæringen er mer en prosessgange gjennom, et eksempel på hvordan en slik illustrasjon kan opprettes.


Trinn 1

Begynn med å opprette et nytt dokument i dimensjonene på 1200 × 740 px landskapsformat. Hele linjekunsten tegnes ved hjelp av blyantverktøyet (N). Du trenger ikke en tablettpenn for å gjøre det, men det hjelper. Å se at stilen til denne illustrasjonen er ganske ledig og ikke presis, vil en mus til slutt være like god.

La oss begynne med å se på innstillingene for blyantverktøyet (N). Bruk av en mus / pennpenn til å tegne med blyantverktøyet (N) kan føre til at figurene dine er forskjellige enn ditt slag med det fysiske verktøyet. Men du kan endre innstillingene for blyantverktøyet: dobbeltklikk verktøyet i verktøylinjen og juster toleransene.

Fidelity beskriver hvor nær vektorlinjen vil være til tegningen din, jo mindre tallet, lukk linjen, men også de flere ankerpunkter.

Glatthet refererer til mengden ankerpunkter som kommer i din linje. Jo mindre prosentvis jo flere ankerpunkter og tøffere kurver, desto større jo mindre ankerpunkter og mykere kurver.

Spill rundt med innstillingene på tilfeldige former til de passer til deg.


Steg 2

Dette er en tur gjennom hvordan jeg tegner de enkelte figurene. Jeg starter vanligvis på toppen og tegner med klokken rundt formen. Denne er en stein, så den er ganske bøyd øverst og flatt i bunnen.

Jeg prøver ikke å lukke banen, men la litt plass mellom begynnelsen og slutten av linjen min. Ved hjelp av Direct Selection Tool (A) velger jeg disse to punktene og går med dem (Command + J). Dette vil resultere i to hjørnepunkter.

Disse to ankerpunktene er fremdeles valgt, jeg bytter hjørnetype til Glatt ved hjelp av innstillingene i kontrollpanelet langs toppen av Illustrator-grensesnittet. Dette skaper en jevn linje mellom ankerpunktene på toppen av min form.


Trinn 3

Her har vi ferdig linjekunst. I tillegg til blyantverktøyet (N) tok jeg også noen figurer med pennen (P) og Ellipseverktøyet (L). Trebuksene har for eksempel rette linjer, så jeg brukte ganske enkelt pennverktøyet (P) og opprettet trapezelignende former. Jeg betalte ikke for mye oppmerksomhet til å jobbe presist som hele stilen ikke kaller for det. Dette er både praktisk og irriterende. Jeg begynner ofte å redrawere former jeg laget med blyantverktøyet (N), fordi de ikke viste seg som forventet. Hvis du alltid er veldig langt unna i disse resultatene, må du kanskje justere innstillingene for blyantverktøyet (N) igjen.


Trinn 4

For å bedre holde rede på hva jeg gjør, lager jeg alltid så mange lag som mulig. I dette tilfellet har hvert nivå av dybde sitt eget lag. På den måten kan jeg låse og slå av lag jeg ikke jobber med og ikke ved et uhell velge et element. Jeg lager også grupper ut av former der det er fornuftig. For eksempel er hele heksens hus i en gruppe, så vel som gjerdene og brønnen.


Trinn 5

Nå som vi har linjekunsten, la oss se på effekten vi leter etter. Hver form vil til slutt bestå av en base farge, en svart til hvit og en gul til lilla lineær gradient og en cel-skygging form av samme farge som basen form. Den svarte til hvite gradienten er satt til Blending Mode Multiply ved 50% Opacity, samme som cel shading form. Den fargede gradienten blir satt til Blending Mode Hard Light ved 25% Opacity.


Trinn 6

For farging valgte jeg alle former jeg vil være i samme farge. Siden jeg opprettet mange grupper, bruker jeg ikke markeringsverktøyet (V), men gruppevalgverktøyet, skjult under Direct Selection Tool (A). Som standard er det ingen snarvei til dette verktøyet, så for å øke hastigheten på arbeidsflyten, kan du rive av begge verktøyene eller gi den din egen snarvei. Gå til Rediger> Tastaturgenveier, og under Verktøy velg gruppevalgverktøyet (V) og bruk snarveien du vil bruke til det. For å gjøre det enklere å huske, setter jeg det på Shift + A.

Så langt kan du fortsatt se den svarte oversikten over hver form, men vi vil bli kvitt det.


Trinn 7

For å slette alle slag, velg alle elementer (Ctrl + A) og bare slett dem; Du kan gjøre det ved å åpne berøringspanelet eller slette det i verktøylinjen. Nå som vi ikke har flere slag på elementene våre, ser hele illustrasjonen veldig flatt ut.


Trinn 8

Jeg er vanligvis en tilhenger av å bruke Layer Styles med flere fyllinger i illustrasjonene mine, men i dette tilfellet bestemte jeg meg for ikke å gjøre det, da jeg kunne forutse at det kan tappe meg mye. Jeg gjorde imidlertid bruk grafiske stiler for å øke hastigheten på arbeidsflyten min.

Først begynte jeg bare ut med en form, som vil være grunnlaget for resten. Kopier (Ctrl + C) og Lim inn foran (Ctrl + F), bruk en lineær svart til hvit gradient og sett blandemodus til Multiply med Opacity satt til 50%. Formen som fortsatt er valgt, åpner panelet Grafiske stiler og legger til figurutseendet som en ny grafisk stil.

Nå for resten av figurene, gjentok jeg Kopier og lim inn foran for hver form og deretter påført den nyopprettede grafiske stilen til hver duplikat. Siden månen er min lyskilde, justerte jeg hver gradient til hvor lyset kommer fra. Dette er litt kjedelig, men resultatet vil snakke for seg selv. Ved å bruke hver gradient enkeltvis vil bildet bli mye mer levende i slutten.

Her kan du se instruksjonene til alle Gradient Fills jeg har brukt. Den store sirkelen refererer alltid til begynnelsen av fyllingen, i dette tilfellet den hvite enden av graden.


Trinn 9

Kopier (Ctrl + C) og Lim inn foran (Ctrl + F), bruk en lineær gradient fra gul (R: 255, G: 251, B: 148) til lilla (R: 95, G: 12, B: 204) og sett blandemodus til hardt lys med opasitet satt til 25%. Formen som fortsatt er valgt, åpner panelet Grafiske stiler og legger til figurutseendet som en ny grafisk stil.

Som i forrige trinn gjentok jeg dette til hver form på lærredet mitt. For noen former, som månen og himmelen, endret jeg til en radial gradient.

Her er en oversikt over hvordan den fargede gradienten ble brukt på hver form.


Trinn 10

Det neste trinnet var å legge til cel shading i figurene. Denne formen vil alltid ha samme fyllfarge som formen den er på, men med Blend Mode satt til Multiply og Opacity til 50%.

Jeg brukte Pathfinder-panelet for å lage cellemonteringsformer. Velg formen du vil bruke celleskyggingen til. Det kan hende du må grave i Lagpanelet for å nå grunnformen som har Fargebillett vi trenger. Bruk blyantverktøyet (N) til å tegne en grov, quirky form der du vil at celleskyggingen skal være.


Trinn 11

I de neste trinnene vil jeg legge til flere atmosfæriske elementer til naturen. Først vil det bli noen tilpasninger til månen.

Jeg begynner med å duplisere den solide fylte grunnformen av månen min og øke størrelsen proporsjonalt. Da endrer jeg fyllingen til en gradientfyll av samme farge, men går fra 100% Opacity i midten til 0% Opacity på kantene. Fordi jeg vil at denne gløden kommer mer direkte fra månen, vil jeg dra glidebryteren med 100% Opacity nærmere kanten, til det ser ut til at gløden er sterkest ved kanten av månen selv.


Trinn 12

Jeg vil gi månen en enkel struktur, ved å lage et sett med mindre sirkler i samme farge som basisformen. Da vil jeg redusere deres Opacity til 20% og sette Blend Mode til Multiply.

For at de skal bli inne i månens overflate, dupliserer jeg grunnformen og lime den foran, så velger jeg denne formen og de mindre kretsene og lager en Clipping Mask; Gå til Objekt> Clipping Mask> Lag eller bruk snarveien Command + 7.


Trinn 13

Det neste trinnet vil være å legge stjerner til himmelen. Jeg begynner med å lage en scatterbørste som vil bli brukt til å lage stjerner.

Tanken er å ha en sirkulær form som base for Scatterbørsten. Jeg kunne tegne en sirkel med Ellipse Tool (L), men jeg bestemte meg for en annen tilnærming: en enkelt prikk.

Begynn med å tegne en linje hvor som helst på lerretet ditt. Åpne panelet Juster og med Direkte utvalgsverktøyet (A) velger jeg hver av linjens to ankerpunkter og justerer dem vertikalt og horisontalt sentrert på lerretet. Dette vil resultere i en linje som er nøyaktig 1pt lang.

I Stroke-panelet velger jeg en Round Cap og Round Join for linjen. Dette vil opprette en liten sirkel eller prikk, som du bare kan se når du zoomer inn.

Denne prikken er valgt, jeg vil opprette en ny scatterbørste. Åpne penselpanelet og opprett en ny pensel; velg Scatter Brush.

Vi vil at penselen skal være så tilfeldig som mulig, så vi bytter Spacing og Scatter til sine ekstremer og endrer størrelsen til en svært liten mengde. Rotasjonen kan overses, da det ikke vil være synlig på en prikk uansett. Endre fargeringsmetoden til Tint, slik at penselen kan farges senere.

I eksemplet viste jeg penselen med en lilla farge og i fire forskjellige slagvekter.

For å lage stjernene må du bare tegne noen tilfeldige linjer ved hjelp av Paintbrush (B) eller blyantverktøyet (N) og endre Stroke-farge til hvitt og det er Stroke Weight til 5pt. Jeg opprettet en ny gruppe med linjer, med en slagvekt på 10pt.


Trinn 14

Neste opp vil vi legge lys til vinduene i heksens hus. Tegn en sirkel og fyll den med en oransje gradient, som går fra 100% til 0% Opacity. Kopier formen foran hvert vindu.

Døren har noen ragged planker, så lyset derfra kommer i bjelker, i stedet for sirkler. Tegn litt trapez som former og bruk samme radiale gradient som fylling. I stedet for i midten av formen bør sentrum av gradienten nå være hvor strålen starter mellom plankene.


Trinn 15

Nå vil vi skape litt røyk som kommer ut av skorsteinen. Jeg tegnet to hvite figurer, en av dem er bredere og mer buet, den andre er slank, men inne i større form. Den store formen har 0% Opacity.

Gå til Objekt> Blend> Lag for å lage en blanding av de to figurene. Avhengig av standardinnstillingene, må du kanskje justere blandingen. Derfor, med Blend valgt, dobbeltklikk på Blend Tool i Verktøy-panelet. Jeg endret innstillingene til en spesifisert avstand på 0,4 mm, den minste tilgjengelige.

Bytt blandingstilstanden til blandingen til mykt lys for å gi røyken et mindre hardt utseende.


Trinn 16

Legg til flere lysstråler i oransje som skinner ut av skorstenen.


Trinn 17

For å legge til noe av lyset på de omkringliggende trærne, vil vi bruke en oransje gradient, som ligner den som faktisk skinner ut av vinduene og dørene, til treetoppene. Velg alle treverkene ved hjelp av Direkte utvalgsverktøyet (A). Kopier alle disse former, lim inn dem foran og bruk Pathfinder-panelet, lag en stor form ved å kombinere dem alle.

Bruk nå den radiale gradienten, endre dens forhold til en strukket ellipse og plasser senteret der huset er. Endelig endrer blandingsmodus til fargegods og opasitet til 40%. Du kan lagre dette som en grafisk stil, som du kanskje vil bruke den på flere elementer som omgir huset.


Trinn 18

Samme som i trinnet før, vil vi legge til noe oransje lys som kommer fra hytta på bakken som står på. Kopier og lim inn foran en bakkeform og fyll den med oransje gradienten, bytt til en lineær gradient og sett inn blandingsmodus igjen til Color Dodge og Opacity til 40%, eller hvis du lagret en grafisk stil i forrige trinn, bruk bare den ene til bakken form.


Trinn 19

Nå da huset tilbyr en annen lyskilde, må vi legge til noen gjengede skygger. Jeg vil legge til noen skygger kastet av gjerdet foran huset.

Velg gjerdsformene, dupliser dem og vend dem vertikalt. Selvfølgelig gir dette oss ikke de nødvendige formene ennå, så vi må justere. Grupper de dupliserte figurene og dobbeltklikk gruppen. Du kan nå redigere figurene i den gruppen uten å bekymre deg for ved et uhell å velge figurer du ikke vil ha.

Flytt singelformene til de er på passende steder.

For å endre skyggenes retning i henhold til lyskilden, hjelper det gratis transformasjonsverktøyet (E). Klikk ut av gruppen for å arbeide på alle former samtidig. Velg Free Transform Tool (E) og klikk på en av gruppens hjørner. Hold klikk og trykk på Kommando for å forvandle gruppen. Dette er litt vanskelig, det er veldig viktig å klikke først og deretter trykke på Kommando. Du kan også klikke inn i gruppen igjen og bruke Free Transform Tool (E) på singularformer.

Når figurene ser bra ut, er det på tide å kombinere dem. Åpne Pathfinder-panelet og Forbind figurene. Fyll dem med gjerdets brune og setter deres blendingmodus til Multiply og 25% Opacity.

Gjenta dette for gjerdet på den andre siden.


Trinn 20

Nå vil vi legge til litt lys tåke til åsene i bakgrunnen. Tegn en sirkel og fyll den med en gulgrå gradient som går fra 100% Opacity til 0%. Bytt blandemodus til mykt lys.

Bytt formen til en ellipse og plasser og endre størrelsen på den til din smak. Du kan kopiere denne formen så ofte du vil.

Jeg har også lagt til litt tåke bak den lille bakken du ser i eksemplene.


Trinn 21

Dette er hva vi har så langt! Hvis du er fornøyd med dette, fantastisk! Men jeg var fortsatt ikke helt fornøyd, spesielt med fargene. Når du starter, vet du noen ganger bare hvilken retning du skal gå. Heldigvis gjør Illustrator det veldig enkelt å korrigere farger.


Trinn 22

Velg alle figurene på lerretet ditt og gå til Rediger> Rediger farger> Recolor Artwork. Denne menyen viser alle fargene til elementene du brukte i illustrasjonen, og lar deg endre verdiene. Dette skjer via live forhåndsvisning, slik at du kan se den umiddelbare effekten av endringene dine.

I eksemplene nedenfor har jeg endret fargen på lyset som kommer fra innsiden av huset, og den lilla fargen fra farget gradient du kan se forklart i trinn 5 og 9. Du kan endre så mange farger som du vil, til du er fornøyd med resultatet.

Etter korreksjonene har hele bildet et varmere preg. Det er også en grunn til at jeg velger å bruke gul-lilla gradienten til hver form: Hvis jeg vil rette det senere, må jeg bare gå til Recolor Artwork for å legge til en annen følelse for illustrasjonen. Jeg trenger ikke å rette opp hver farge jeg brukte, jeg må bare rette to og se umiddelbare resultater.


Trinn 23

Som et siste skritt, liker jeg å bringe fargene til hele illustrasjonen nærmere. Den gul-lilla gradienten bidrar allerede til å skape et helhetlig utseende på arbeidet, men jeg liker å prøve forskjellige fargeatmosfærer før jeg tror jeg er ferdig.

Siden Illustrator ikke har justeringslagene som Photoshop, må jeg jobbe rundt dette. Spesielt fordi jeg ikke vil åpne filen i Photoshop for å gjøre mine siste endringer. Jeg liker å beholde alt i Illustrator.

Jeg lager noen solide firkanter som dekker hele lerretet. I dette tilfellet gikk jeg for gult, lilla og rødt. Du kan trolig gå for gul, cyan og magenta eller rød, grønn og blå også; Fargene du velger er opp til deg. Jeg bytter alle former Blending Mode til Overlay og spiller med hver formens Opacity for å skape den følelsen jeg vil ha fargene i min illustrasjon å ha.


Konklusjon

Og dette er resultatet! Du kan fortsatt legge til flere elementer senere, kanskje noen kjelere eller en katt? Noen øyne i hulen? Spiderwebs mellom trær? Det er ingen grense for fantasien din!