Hvordan designe bakgrunner

Du er kanskje ikke klar over det, men å tegne en bakgrunn er en av de viktigste delene av enhver karakterillustrasjon.

Karakterene dine bør ikke flyte i en hvit bakgrunn. De tilhører sitt eget, unike univers som definerte måten karakterene dine utviklet seg frem til du tegnet dem.

I denne veiledningsartikkelen skal vi undersøke hvordan kunstneren Maddy Zoli skaper en bakgrunn. Følg med i Vectornator og lær hvordan du gjør det selv!

Karakterdesign

Hvis du har lest vår første leksjon om karakterdesign, vet du at en karakters bakgrunnshistorie er ryggraden i hver linje du tegner.

Du må jorde karakterene dine i en dypere historie enn du kan se; fra når de ble født, til der de bor, hvilken jobb de har, til hva deres favorittmat er. Høres overkill ut? For oss høres det mer ut som moro!

Uten å falle ned i et dypt kaninhull, tenk på alle disse detaljene om karakterens fortid, nåtid og fremtid, og manifester dem i miljøet deres. Med andre ord, projiser historien du har i tankene dine inn i karakterens bakgrunn. Å bruke visuell historiefortelling som dette vil få karakterene og verdenene dine til å føles mye rikere og mer ekte.

The Artist

Denne opplæringen ble laget i samarbeid med den fantastiske Maddy Zoli. Vi lager en hel karakterserie sammen på YouTube-kanalen vår, og hun er ikke bare enVerktøy og lek med trykket du legger på lerretet ditt for å lage en form som starter i det små og bygger seg opp gradvis. Ved å endre trykket kan linjen gå fra veldig tynn til veldig tykk i et enkelt slag. For å oppnå denne effekten bruker Maddy den fjerde børsten fra forhåndsinnstillingene våre med Pressure Sensitivity på.

Etter å ha tegnet skyene, bruk nodeverktøyet til å foreta eventuelle justeringer av formen deres.

Fordi skyene vil naturlig reflektere solnedgangslyset, gi dem en gradient som går fra en oransje nyanse (F92CEE, venstre) til en lys rosa (F9DCEE, høyre).

Når det gjelder månen, lag to sirkler og bruk Subtract Boolsk funksjon for å kutte en perfekt halvmåne. Ikke glem å holde én finger på lerretet for å bevare sideforholdet.

Til slutt legger du til stjerner med Shape Tool. Maddy bestemmer seg for en stjerne på 12 poeng. Du kan redigere antall punkter via glidebryteren til venstre, og du kan endre formen deres ved å holde nede én finger mens du drar blyanten på lerretet.

Legg til noen kule detaljer

Er du også en av dem som sparer det beste til sist? På tide å legge til et av de siste og kuleste grafiske elementene til dette stykket.

Lag romfergen med minimal innsats med Iconator-funksjonen. Bare trykk på den siste fanen i Inspector for å få tilgang til Iconator og bruk søkefeltet for å finne det du trenger.

Maddy velgerromfergen hun liker best, endrer størrelsen på den, farger den hvit og sentrerer den i midten av skiltet. Enkel peasy!

Legg til lyseffekter

For ekstra stil, avslutt med å legge til noen sirkler med lys for å gi en glitrende effekt av den fjerne byen. Bruk Shape Tool for sirklene, selvfølgelig, og lek deretter med gradientfunksjonen i Style-fanen for å gi den en finere effekt.

Maddy gikk for en lineær gradient med rosa (F9A3D8) til venstre mens høyre er venstre 100 % gjennomsiktig.

Gå deretter til Blandingsmoduser og velg Overlegg.

Legg til bevegelse

For å lage illustrasjonsmodus dynamisk, legg til et siste lag med partikkellys som krysser scenen. For dette beholder Maddy samme pensel som før (den fjerde fra våre forhåndsinnstillinger) for å lage veldig fine strøk fylt med samme gradient fra trinn 15. Og sett deretter blandingsmodusen til Overlay igjen.

I det øyeblikket vi har ventet på: Etter alle disse trinnene er illustrasjonen nå fullført!

Hvorfor er det viktig å tegne bakgrunner

Uansett hva bakgrunnen til en tegning er , det har en enorm innvirkning på det endelige kunstverket – enten det er bra eller dårlig!

Når du har lært å tegne objekter og karakterer i dynamiske positurer, er bakgrunnen den siste delen avpuslespill som samler alt.

Bakgrunnen din fungerer som en yin til karakterens yang. Hvis du har laget karakteren din ved hjelp av avrundede former, må du bruke kantete former for å representere bakgrunnen. Hvis karakteren din er mørk, bruk lyse bakgrunnsfarger, og så videre. Nøkkelen er å kontrastere med karakteren din for å hjelpe dem til å skille seg ut.

Bakgrunnen din skal fremheve karakteren din og historien på et teknisk og konseptuelt nivå. Så hvis du spør deg selv om det er viktig å designe en bakgrunn, tror vi at det faktisk er viktig.

Vi håper denne veiledningen var nyttig for deg. Hvis du ikke allerede har gjort det, sørg for at du laster ned Vectornator slik at du kan designe dine egne fantastiske bakgrunner som den Maddy laget.

Hvis du er ny på verktøyet vårt, sjekk ut læringssenteret eller YouTube-kanalen vår for opplæring i grafisk design og frisk inspirasjon; og velg en ferdig mal for å lage design innen få minutter.

Ikke glem å alltid tagge oss på sosiale medier slik at vi kan legge ut arbeidet ditt på nytt!

Du vil legge merke til at hvert trinn som vi nevner i denne opplæringen ikke går inn i de minste detaljene. Det betyr at vi ikke vil nevne et trinn hver gang et nytt lag opprettes eller en ny form tegnes. I stedet vil vi kondensere hvert strukturelt tillegg til designprosessen som ett overordnet trinn.

• iPad

• Apple Pencil

• Procreate (eller annen skisseprogramvare)

• Siste versjon av Vectornator What You'll Learn:

• Hvordan skissere

• Hvordan forberede lerretet og bakgrunnen

• Hvordan legge til og administrere lag

• Avansert bruk av penn, blyant, penselverktøy , node og formverktøy

• Avansert bruk av fargevelgeren og gradientredigering

• Hvordan legge til lys, skygger og bevegelse

• Hvordan bruke duplikatet funksjon for å lette arbeidsbelastningen

• Hvordan lage håndtegnede bokstaver

• Hvordan lage komplekse former

Vi har kombinert praksis og teori her, så fest deg!

Få riktige referanser

Dette trinnet handler om å finne den rette inspirasjonen for den typen bakgrunn du vil designe.

Kan du gjette hvor Maddys referanser kommer fra? Inspirasjonene hennes er pastell bylandskap med neonlys fra 80- og 90-talletanime som Sailor Moon og Cardcaptor Sakura. Hun kommer til å innlemme deres estetikk i bakgrunnsdesignet.

De er allerede satt opp for å ha interessant lys, action og god komposisjon. Men du kan også bare gå ut og tegne landskap eller urbane scener du ser rundt deg.

Det viktigste her er å gi alt mening. Du bør ikke tenke på karakteren din og deres bakgrunn som separate ting, men som én enkelt enhet. Du tegner ikke bare en bakgrunn for karakteren din, du tegner scenen som tilfeldigvis har karakteren din i seg.

Skisse dine grunnleggende former

En populær skissestil er å gjøre noen små, 5-minutters "gest"-studier fra referanser der du bare blokkerer de viktigste verdiene.

Velg deretter en eller to studier for å utvikle seg til flere detaljerte skisser som du bruker omtrent 30 minutter på å lage, akkurat som skissen som Maddy fullfører i Procreate.

Å tenke på denne måten hjelper deg med å integrere alle elementene dine på en bedre og mer interessant måte. Fordi seeren din får meg mer investert i miljøet enn om det bare var et dekorativt bakteppe.

Så i vårt tilfelle vet vi allerede at Jocasta er en tenåringjente med superkrefter. Men det Maddy som skaperen vet, er at hun bor i fremtiden, i en travel by der hun må vente på offentlig transport hver kveld for å reise hjem igjen.

Du ser det på dette lille iøynefallende elementet — bussholdeplassskiltet er faktisk en romferge.

Last opp Sketch til Vectornator

Fra Procreate, eksporter du ganske enkelt skissen din som en jpeg/png og importerer den inn i Vectornator. Du kan gjøre det ved å dra og slippe fra Galleri-fanen.

Plasser din karakter

Maddy plasserte Jocasta i scenen etter tredjedelsregelen.

Det er mange måter å lag en flott komposisjon ved å bruke forskjellige utprøvde regler (som regelen om tredjedeler) som hjelper deg med å oppnå en balansert estetikk. Hvis du vil lære mer om det, sjekk ut videoopplæringen vår om å lage flotte komposisjoner filmet av en annen, fantastisk illustratør – Soodabeh Damavandi.

Organiser lagene dine

Det er viktig å holde seg ryddig og organisert med lagene dine – den ekstra innsatsen du legger ned i dette trinnet vil hjelpe deg å tidoble deg mens du går videre med illustrasjonen din.

Så etter at du har plassert karakteren din, gjemme deg karakterlaget. Lås deretter skisselaget etter at du har senket detugjennomsiktighet.

Dette er også et godt tidspunkt å snakke om teknikk!

Det er to måter å designe en bakgrunn på: ved å bruke perspektiv eller legge landskapet på lag. I dag fokuserer vi på lagdelingsteknikken. Hvis du vil at vi skal dekke perspektivteori i en annen video, vennligst kommenter nedenfor.

Så, hvis vi bryter ned landskapet, har vi fem lag totalt. Fra foran til bak, så fra nærmest til lengst, er lagene:

• Jocasta og spøkelset.
• Bussholdeplassen og jernbanen.
• Den første raden med bygninger.
• Den andre raden med bygninger.
• Til slutt, himmelen, månen og skyene.

Fra dette tidspunktet er det bare å huske på å alltid lage et nytt lag for ethvert nytt designelement til illustrasjonen din – for eksempel er bussholdeplassen på et eget lag, og det samme er den andre raden med bygninger, og det samme er månen og stjernene, som så videre. Du skjønner det.

Fortell historien med farger

Farge er et annet superviktig aspekt som kan fortelle mer om karakterens historie.

Så for å oppsummere: denne verden er i fremtiden, den er fylt med magi, og den er også inspirert av Sailor Moon. Ingen sjokk her at Maddy har valgt dristige farger som neon, pasteller, rosa og grønt. Alt annet enn kjedelig!

Her er alle hex-kodene du trenger for å gjenskape Maddys stykke:

Mørklilla - 7125D0

Oransje - EFB09F

Middels blå - 869FEF

Mørkeblå - 3E6AED

Mørkere blå - 4265D2

Teal - 2885C7

Gul - FEF66F

Rosa - F9A3D8

Lyserosa - F9DCEE

Til syvende og sist må du sørge for at du bruker en fargekombinasjon som er kontrasterende nok, men forblir harmonisk med karakteren din på samme tid. Derfor valgte Maddy svært like fargetoner som de hun brukte til Jocasta.

Du vil legge merke til at nyansene Maddy valgte kommer til å bli brukt og gjenbrukt i en rekke designelementer gjennom hele komposisjonen hennes. Å velge en mangfoldig, men likevel begrenset fargepalett vil hjelpe deg i den kreative prosessen, men vil også gjøre kunstverket ditt mer sammenhengende og identifiserbart.

Angi stemningen med tiden på dagen

Hold deg unna en solid bakgrunnsfarge og bruk tiden på dagen som en måte å sette stemningen på. For denne scenen valgte Maddy tidlig kveld.

Det passer med måten både Jocasta og spøkelsesvennen hennes har det akkurat nå. Jocasta ser ut som hun allerede er over det, men siden spøkelser dukker opp om natten, er han akkurat i ferd med å starte dagen!

For å oppnå dette utseendet lager Maddy en lilla firkant som fyller opp hele lerretet (C18FF0). Hun påfører deretter en mørkeblå (3E6AED) lineær gradient fra øvre høyrehjørne.

Maddy dupliserer deretter firkanten, roterer den slik at gradienten sitter i motsatt hjørne, og endrer gradientfargen til en vakker oransje (EFB09F). Sa noen solnedgangsvibber?

Lag den andre raden med bygninger

Vi skal begynne med det nest fjerneste laget med objekter (det lengste være himmelen).

Denne spesielle rekkefølgen er ikke så viktig. Men hvis du har en klynge av lag som overlapper hverandre, som bygningene, togstasjonen og så videre, er det best å begynne med det lengste, slik at du kan forstå hvordan du plasserer objektene dine i forgrunnen, hvor mye negativ plass du har å leke med, og hvilke farger kontrasterer best.

Maddy plukker opp Shape Tool og begynner å lage geometriske former for å definere frontbildet av bygningene. Den blå nyansen hun bruker er 869FEF.

Tegn perspektiv

Og for å tegne sidene velger hun en mørkere nyanse—957AE1.

Ikke bare det, men hun bruker også nodeverktøyet for å endre vinkelen på oversiden av rektangelet slik at de er på linje med forsvinningspunktet til komposisjonen din.

Legg til detaljer

Maddy legger til et banner til bygningene som er nærmere betrakterens perspektiv.

Selv om disse bygningene teknisk sett fortsatt er på andre rad, er de den nærmeste av de fjerneste bygningene. Så legger til noendetaljer her vil bare skape en mer realistisk innstilling.

Tegn den første raden med bygninger

Samme som før, plukk opp Shape Tool og tegn rektangler for å fylle opp byen. Maddy valgte 957AE1 igjen, og 4265D2 for sidene.

Skap stemning

For å legge til enda mer dybde til bakgrunnen din, vurder å inkludere detaljer som bytåke.

Bare tegne et rektangel med Shape Tool og gi det en morsom lineær gradient som blekner nedenfra og opp. Den venstre fargen (i vårt tilfelle den nederste fargen) er en vakker blågrønn (2885C7) og den venstre fargen (i vårt tilfelle den øverste) er hvit (FFFFFF) med 0 opasitet. Du kan oppnå dette ved å bringe A-kanalen til null.

Legg til flere detaljer

Husk at jo nærmere du kommer, jo mørkere og mer detaljert vil objektene dine være. Mens den forrige raden med bygninger kommer til å forbli en klynge av minimale rektangler og solide blokker med svært få vinduer.

Så i bygningene nærmest karakteren, sørg for å legge til alle slags detaljer som f.eks. vinduer, lys eller reklametavler. Som dette "Coola"-tegnet som Maddy lager med frihånds penselstrøk ved å bruke den andre forhåndsinnstillingen fra børstevalgsruten.

Et tips for å legge til flere vinduer i bygningene i forgrunnen er å velge flere objekter med Select Tool og duplisere dem i rekkefølge.

TegnBus Stop

Med rektangelverktøyet sporer du alle hovedformene som utgjør bussholdeplassen.

Som før, bruk nodeverktøyet til å endre vinkler som må føre til forsvinningspunktet for perspektivet ditt. Her bruker hun lilla til gjerdet (7125D0), hvitt (FFFFF) og gult (FEF66F) til dekselet, og en ekstra blå nyanse (957AE1) til skiltet.

Legg til mer Dimensjon

Elementene på bussholdeplassen er også en del av solnedgangsscenen.

For å fremkalle det, skal vi gjøre noe med disse solide fargene. Så dupliser det øverste rektangelet du brukte til å lage gjerdet, gjør det smalere, plasser det på toppen og gi det en gradient som viser det reflekterte solnedgangslyset.

Maddy går for en lineær gradient (gradienten i midten), og endrer både høyre og venstre farge til en lys oransje (EFB09F). Deretter gjør hun den venstre fargen helt gjennomsiktig ved å endre A-kanalen til null.

Bruk samme effekt, på samme måte, for hver enkelt skinne.

Legg til elementer til himmelen

Til slutt går vi videre til detaljer på himmelen, der vi skal legge til noen få skyer, stjerner og månen.

For skyene, ta opp børsten