Sådan designer du baggrunde

Du er måske ikke klar over det, men at tegne en baggrund er en af de vigtigste dele af enhver karakterillustration.

Dine figurer skal ikke svæve i en hvid baggrund, men høre til i deres eget unikke univers, som har defineret den måde, dine figurer har udviklet sig på, indtil du tegnede dem.

I denne Tutorial-artikel undersøger vi, hvordan kunstneren Maddy Zoli skaber en baggrund. Følg med i Vectornator og lær, hvordan du selv kan gøre det!

Design af karakterer

Hvis du har læst vores første lektion om karakterdesign, ved du, at karakterens baggrundshistorie er rygraden i hver eneste linje, du tegner.

Du skal forankre dine karakterer i en dybere historie, end man umiddelbart tror; lige fra hvornår de er født, hvor de bor, hvilket job de har, til hvad deres yndlingsmad er. Lyder det overkill? For os lyder det mere som sjov!

Uden at falde ned i et dybt kaninhul skal du tænke på alle disse detaljer om din figurs fortid, nutid og fremtid og manifestere dem i deres omgivelser. Med andre ord, projicer den historie, du har i dit hoved, ind i figurens baggrund. Ved at bruge visuel storytelling på denne måde vil dine figurer og verdener føles meget rigere og mere virkelige.

Kunstneren

Denne vejledning er lavet i samarbejde med den fantastiske Maddy Zoli. Vi er ved at lave en hel karakterserie sammen på vores YouTube-kanal, og hun er ikke kun en fornøjelse at samarbejde med, men hun er også supervidende om dette emne. Vi kunne ikke have arbejdet sammen med nogen bedre til denne trin-for-trin-guide.

Du vil bemærke, at hvert trin, som vi nævner i denne vejledning, ikke går ind i de mindste detaljer. Det betyder, at vi ikke nævner et trin, hver gang der oprettes et nyt lag eller tegnes en ny form. I stedet vil vi sammenfatte hver strukturel tilføjelse til designprocessen som ét overordnet trin.

- iPad

- Apple Pencil

- Procreate (eller et andet skitseringsprogram)

- Seneste version af Vectornator Det lærer du:

- Sådan skitserer du

- Sådan forbereder du dit lærred og din baggrund

- Sådan tilføjer og administrerer du lag

- Avanceret brug af pen, blyant, penselværktøjer, node- og formværktøjer

- Avanceret brug af farvevælgeren og gradienteditoren

- Sådan tilføjer du lys, skygger og bevægelse

- Sådan bruger du duplikatfunktionen til at lette din arbejdsbyrde

- Sådan laver du håndtegnede bogstaver

- Sådan oprettes komplekse figurer

Vi har kombineret praksis og teori her, så spænd sikkerhedsselen!

Få dine referencer på plads

Dette trin handler om at finde den rigtige inspiration til den type baggrund, du vil designe.

Kan du gætte, hvor Maddys referencer kommer fra? Hendes inspiration er pastelfarvede bylandskaber med neonlys fra 80'ernes og 90'ernes anime som Sailor Moon og Cardcaptor Sakura. Hun vil inkorporere deres æstetik i sit baggrundsdesign.

De er allerede sat op til at have interessant belysning, action og en god komposition. Men du kan også bare gå udenfor og tegne landskaber eller bybilleder, som du ser omkring dig.

Det vigtigste her er at give alting mening. Du skal ikke se din figur og dens baggrund som adskilte ting, men som en enkelt enhed. Du tegner ikke bare en baggrund for din figur, du tegner den scene, som tilfældigvis har din figur i den.

Skitsér dine grundlæggende former

En populær måde at skitsere på er at lave et par små 5-minutters "gestusstudier" ud fra referencer, hvor du blot blokerer de vigtigste værdier.

Vælg derefter et eller to studier, som du udvikler til mere detaljerede skitser, som du bruger ca. 30 minutter på at lave, ligesom den skitse, som Maddy laver i Procreate.

Ved at tænke på denne måde kan du integrere alle dine elementer på en bedre og mere interessant måde, fordi din beskuer får mig til at investere mere i omgivelserne, end hvis det bare var en dekorativ baggrund.

I vores tilfælde ved vi altså allerede, at Jocasta er en teenagepige med superkræfter, men det, som Maddy som skaber ved, er, at hun bor i fremtiden i en travl by, hvor hun hver aften skal vente på offentlig transport for at komme hjem.

Du kan se det på dette lille iøjnefaldende element - busstoppestedsskiltet er faktisk en rumfærge.

Upload skitse til Vectornator

Fra Procreate skal du blot eksportere din skitse som en jpeg/png-fil og importere den til Vectornator. Det kan du gøre ved at trække og slippe den fra fanen Galleri.

Placer din karakter

Maddy placerede Jocasta i scenen efter tredjedelsreglen.

Der er mange måder at skabe en god komposition på ved at bruge forskellige afprøvede regler (som f.eks. tredjedelsreglen), der hjælper dig med at opnå en afbalanceret æstetik. Hvis du vil lære mere om det, kan du se vores videovejledning om at skabe gode kompositioner, som er filmet af en anden fantastisk illustrator, Soodabeh Damavandi.

Organiser dine lag

Det er vigtigt at holde orden og organisering i dine lag - den ekstra indsats, du gør dig i dette trin, vil hjælpe dig ti gange mere, når du arbejder videre med din illustration.

Så når du har placeret din figur, skal du skjule karakterlaget, og derefter låse skitselaget, når du har sænket dets opacitet.

Det er også et godt tidspunkt at tale om teknik!

Der er to måder at designe en baggrund på: ved hjælp af perspektiv eller ved at lægge dit landskab i lag. I dag fokuserer vi på lagteknikken. Hvis du gerne vil have os til at dække perspektivteori i en anden video, så kommenter venligst nedenfor.

Så hvis vi opdeler landskabet, har vi i alt fem lag i alt. Fra for til bag, altså fra det nærmeste til det fjerneste, er lagene:

• Jocasta og spøgelset.
• Busstoppestedet og jernbanen.
• Den første række af bygninger.
• Den anden række af bygninger.
• Endelig himlen, månen og skyerne.

Fra dette punkt skal du blot huske altid at oprette et nyt lag for ethvert nyt designelement i din illustration - f.eks. er busstoppestedet på et separat lag, og det samme gælder den anden række bygninger, månen og stjernerne osv. Du forstår det.

Fortæl historien med farver

Farver er et andet supervigtigt aspekt, der kan fortælle mere om din figurs historie.

Så for at opsummere: Denne verden er i fremtiden, den er fyldt med magi, og den er også inspireret af Sailor Moon. Det er ikke noget chok, at Maddy har valgt stærke farver som neon, pastelfarver, pink og grønt. Alt andet end kedelig!

Her er alle de hex-koder, du skal bruge for at genskabe Maddys stykke:

Mørklilla - 7125D0

Orange - EFB09F

Medium blå - 869FEF

Mørkeblå - 3E6AED

Mørkere blå - 4265D2

Teal - 2885C7

Gul - FEF66F

Pink - F9A3D8

Lyserød - F9DCEE

I sidste ende skal du sikre dig, at du bruger en farvekombination, der er kontrastfuld nok, men som samtidig harmonerer med din karakter. Derfor valgte Maddy meget lignende nuancer som dem, hun brugte til Jocasta.

Du vil bemærke, at de nuancer, som Maddy har valgt, vil blive brugt og genbrugt i en lang række designelementer i hele hendes komposition. At vælge en varieret, men begrænset farvepalet vil hjælpe dig i den kreative proces, men vil også gøre dit kunstværk mere sammenhængende og identificerbart.

Sæt stemningen med tidspunktet på dagen

Hold dig fra en ensfarvet baggrundsfarve, og brug tidspunktet på dagen som en måde at skabe stemning på. I denne scene valgte Maddy tidlig aften.

Det passer til den måde, som både Jocasta og hendes spøgelsesven har det lige nu. Jocasta ser ud som om hun allerede er kommet sig over det, men da spøgelser dukker op om natten, er han lige ved at starte sin dag!

For at opnå dette look opretter Maddy en lilla firkant, der fylder hele lærredet (C18FF0). Derefter anvender hun en mørkeblå (3E6AED) lineær gradient, der starter fra øverste højre hjørne.

Maddy duplikerer derefter kvadratet, roterer det, så gradienten sidder i det modsatte hjørne, og ændrer gradientfarven til en smuk orange farve (EFB09F). Var der nogen, der sagde solnedgangsstemning?

Opret den anden række af bygninger

Vi starter med det næst fjerneste lag af objekter (det fjerneste er himlen).

Denne rækkefølge er ikke så vigtig, men hvis du har en klynge af lag, der overlapper hinanden, f.eks. bygninger, togstation osv., er det bedst at starte med det fjerneste, så du kan forstå, hvordan du skal placere dine objekter i forgrunden, hvor meget negativt rum du har at lege med, og hvilke farver der står bedst i kontrast.

Maddy tager værktøjet Shape Tool og begynder at skabe geometriske former for at definere bygningernes frontalbillede. Hun bruger blå nuance 869FEF.

Tegne perspektiv

Og til at tegne siderne vælger hun en mørkere nuance-957AE1.

Ikke nok med det, hun bruger også knudeværktøjet til at ændre vinklen på rektanglets overside, så de flugter med kompositionens forsvindingspunkt.

Tilføj detaljer

Maddy tilføjer et banner til de bygninger, der er tættere på beskuerens perspektiv.

Selv om disse bygninger teknisk set stadig er i anden række, er de de nærmeste af de fjerneste bygninger. Så hvis du tilføjer detaljer her, vil det kun skabe en mere realistisk indstilling.

Tegn den første række af bygninger

Samme som før, tag Shape Tool og tegn rektangler for at fylde byen ud. Maddy valgte 957AE1 igen og 4265D2 til siderne.

Skab atmosfære

Hvis du vil give baggrunden endnu mere dybde, kan du overveje at inddrage detaljer som f.eks. tåge i byen.

Du skal blot tegne et rektangel med formværktøjet og give det et sjovt lineært gradient, der falmer fra bunden og op. Den venstre farve (i vores tilfælde den nederste farve) er en smuk grøngrøn (2885C7), og den venstre farve (i vores tilfælde den øverste) er hvid (FFFFFFFF) med 0 opacitet. Du kan opnå dette ved at sætte A-kanalen til nul.

Tilføj flere detaljer

Husk, at jo tættere du kommer på, jo mørkere og mere detaljerede bliver dine objekter. Mens den foregående række af bygninger vil forblive en klynge af minimale rektangler og massive blokke med meget få vinduer.

Så i de bygninger, der er tættest på figuren, skal du sørge for at tilføje alle mulige detaljer som vinduer, lys eller reklameskilte. Som dette "Coola"-skilt, som Maddy har lavet med frie penselstrøg med den anden forindstilling fra vores Brush Selection Pane.

Et tip til at tilføje flere vinduer til bygningerne i forgrunden er at vælge flere objekter med værktøjet Vælg og duplikere dem i rækkefølge.

Tegn busstoppestedet

Med rektangelværktøjet skal du tegne alle de vigtigste former, som busstoppestedet består af, op.

Som før skal du bruge knudeværktøjet til at ændre alle vinkler, der skal føre til perspektivets forsvindingspunkt. Her bruger hun lilla til hegnet (7125D0), hvid (FFFFFFF) og gul (FEF66F) til afdækningen og en ekstra blå nuance (957AE1) til skiltet.

Tilføj flere dimensioner

Elementerne ved busstoppestedet er også en del af solnedgangsscenen.

For at fremkalde det skal vi gøre noget ved disse ensfarvede farver. Dupliker derfor det øverste rektangel, du brugte til at skabe hegnet, gør det smallere, placer det ovenpå, og giv det en gradient, der viser det reflekterede solnedgangslys.

Maddy vælger en lineær gradient (gradienten i midten) og ændrer både den højre og venstre farve til en lys orange (EFB09F). Derefter gør hun den venstre farve helt gennemsigtig ved at ændre A-kanalen til nul.

Anvend den samme effekt på samme måde på hver enkelt skinne.

Tilføj elementer til himlen

Til sidst går vi videre til detaljerne på himlen, hvor vi tilføjer nogle få skyer, stjerner og månen.

Til skyerne skal du bruge penselværktøjet og lege med det tryk, du anvender på dit lærred, for at skabe en form, der starter lille og gradvist bygges op. Ved at ændre trykket kan linjen gå fra meget tynd til meget tyk i et enkelt strøg. For at opnå denne effekt bruger Maddy den fjerde pensel fra vores forudindstillinger med Trykfølsomhed slået til.

Når du har tegnet skyerne, skal du bruge knudeværktøjet til at foretage eventuelle justeringer af deres form.

Da skyerne naturligt vil reflektere solnedgangslyset, skal du give dem en gradient, der går fra en orange nuance (F92CEE, til venstre) til en lyserød (F9DCEE, til højre).

Med hensyn til månen skal du oprette to cirkler og bruge den boolske funktion Subtract Boolean til at skære en perfekt halvmåne ud. Glem ikke at holde en finger på lærredet for at bevare formatforholdet.

Til sidst skal du tilføje stjerner med Shape Tool. Maddy vælger en stjerne med 12 punkter. Du kan redigere antallet af punkter via skyderen til venstre, og du kan ændre deres form ved at holde en finger nede, mens du trækker blyanten på lærredet.

Tilføj nogle fede detaljer

Er du også en af dem, der gemmer det bedste til sidst, er det tid til at tilføje et af de sidste og fedeste grafiske elementer til dette stykke.

Skab rumfærgen med minimal indsats med Iconator-funktionen. Du skal blot trykke på den sidste fane i inspektøren for at få adgang til Iconator og bruge søgelinjen til at finde det, du har brug for.

Maddy vælger den rumfærge, hun bedst kan lide, ændrer størrelsen på den, farver den hvid og placerer den midt på skiltet. Det er let som en leg!

Tilføj lyseffekter

For at give ekstra flair kan du afslutte ved at tilføje nogle cirkler af lys for at give en funklende effekt af den fjerne by. Brug selvfølgelig formværktøjet til cirklerne, og leg derefter med gradientfunktionen i fanen Stil for at give det en flottere effekt.

Maddy valgte en lineær gradient med pink (F9A3D8) til venstre, mens højre er 100 % gennemsigtig.

Gå derefter til Blend Modes og vælg Overlay.

Tilføj bevægelse

For at gøre illustrationstilstanden dynamisk skal du tilføje et sidste lag af partikellys, der krydser scenen. Til dette bruger Maddy den samme pensel som før (den fjerde fra vores forudindstillinger) for at skabe meget fine streger fyldt med den samme gradient fra trin 15. Og indstil derefter blandingstilstanden til Overlay igen.

Det øjeblik, vi har ventet på: Efter alle disse trin er illustrationen nu færdig!

Hvorfor det er vigtigt at tegne baggrunde

Uanset hvad baggrunden for en tegning er, har den en enorm indflydelse på det endelige kunstværk - uanset om det er godt eller skidt!

Når du har lært at tegne objekter og figurer i dynamiske stillinger, er baggrunden den sidste brik i puslespillet, der samler det hele.

Din baggrund fungerer som et yin til din figurs yang. Hvis du har skabt din figur ved hjælp af afrundede former, skal du bruge kantede former til at repræsentere baggrunden. Hvis din figur er mørk, skal du bruge lyse baggrundsfarver osv. Nøglen er at skabe kontrast til din figur for at få den til at skille sig ud.

Din baggrund skal fremhæve din karakter og dens historie på et teknisk og konceptuelt niveau. Så hvis du spørger dig selv, om det er vigtigt at designe en baggrund, mener vi, at det faktisk er afgørende.

Vi håber, at denne vejledning var nyttig for dig. Hvis du ikke allerede har downloadet Vectornator, så du kan designe dine egne fantastiske baggrunde som den, Maddy har lavet.

Hvis du er ny i vores værktøj, kan du tjekke vores Learning Hub eller YouTube-kanal for at få vejledning i grafisk design og ny inspiration, og du kan vælge en færdigskabt skabelon for at skabe design på få minutter.

Glem ikke at tagge os på de sociale medier, så vi kan genpublicere dit arbejde!