Hoe om agtergronde te ontwerp

Jy besef dit dalk nie, maar om 'n agtergrond te teken is een van die belangrikste dele van enige karakterillustrasie.

Jou karakters moenie in 'n wit agtergrond sweef nie. Hulle behoort aan hul eie, unieke heelal wat gedefinieer het hoe jou karakters ontwikkel het tot op die punt wat jy hulle geteken het.

In hierdie handleiding-artikel sal ons ondersoek hoe kunstenaar Maddy Zoli 'n agtergrond skep. Volg saam in Vectornator en leer hoe om dit self te doen!

Karakterontwerp

As jy ons eerste les oor karakterontwerp gelees het, weet jy dat 'n karakter se agtergrond is die ruggraat van elke lyn wat jy trek.

Jy moet jou karakters grond in 'n dieper storie as wat jy kan sien; van wanneer hulle gebore is, tot waar hulle woon, watter werk hulle het, tot wat hul gunsteling kos is. Klink dit oordrewe? Vir ons klink dit meer soos pret!

Sonder om in 'n diep konyngat te val, dink aan al hierdie besonderhede oor jou karakter se verlede, hede en toekoms, en manifesteer dit in hul omgewing. Met ander woorde, projekteer die storie wat jy in jou gedagtes het in die karakter se agtergrond. Die gebruik van visuele storievertelling soos hierdie sal jou karakters en wêrelde baie ryker en meer werklik laat voel.

Die Kunstenaar

Hierdie tutoriaal is gemaak in samewerking met die wonderlike Maddy Zoli. Ons skep 'n hele karakterreeks saam op ons YouTube-kanaal, en sy is nie net 'nWerk en speel rond met die druk wat jy op jou doek uitoefen om 'n vorm te skep wat klein begin en geleidelik opbou. Deur die druk te verander, kan die lyn in 'n enkele slag van baie dun tot baie bonkig gaan. Om hierdie effek te bereik, gebruik Maddy die 4de kwas van ons voorafinstellings met Drukgevoeligheid aan.

Nadat jy die wolke geteken het, gebruik die Node Tool om enige aanpassings aan hul vorm te maak.

Omdat die wolke sal natuurlik die sonsonderganglig weerkaats, gee hulle 'n gradiënt wat gaan van 'n oranje tint (F92CEE, links) na 'n ligpienk (F9DCEE, regs).

Wat die maan betref, skep twee sirkels en gebruik die Aftrek Boole-funksie om 'n perfekte semi-sekelmaan te sny. Moenie vergeet om een ​​vinger op die doek te hou om die aspekverhouding te behou nie.

Voeg laastens sterre by met die Vormnutsding. Maddy besluit op 'n 12-punt-ster. Jy kan die aantal punte wysig via die skuifbalk aan die linkerkant en jy kan hul vorm verander deur een vinger in te hou terwyl jy jou Potlood op die doek sleep.

Voeg 'n paar koel besonderhede by

Is jy ook een van daardie mense wat die beste vir laaste bêre? Tyd om een ​​van die laaste en coolste grafiese elemente by hierdie stuk te voeg.

Skep die ruimtependeltuig met minimale moeite met die Iconator-funksie. Tik eenvoudig op die laaste oortjie in die Inspekteur om toegang tot Iconator te kry en gebruik die soekbalk om te vind wat jy nodig het.

Maddy kies dieruimtependeltuig waarvan sy die beste hou, verander die grootte daarvan, kleur dit wit en sentreer dit in die middel van die teken. Easy peasy!

Voeg ligeffekte by

Vir ekstra flair, eindig deur 'n paar sirkels ligte by te voeg om 'n sprankelende effek van die verre stad te gee. Gebruik natuurlik die Shape Tool vir die sirkels en speel dan met die gradiëntfunksie in die Style Tab om dit 'n mooier effek te gee.

Maddy het vir 'n lineêre gradiënt gegaan met pienk (F9A3D8) aan die linkerkant terwyl die regterkant is links 100% deursigtig.

Gaan dan na Mengmodusse en kies Overlay.

Voeg Beweging by

Om te maak die illustrasie af dinamiese, voeg 'n laaste laag van deeltjie ligte wat kruis die toneel. Hiervoor hou Maddy dieselfde kwas as voorheen (die vierde van ons voorafinstellings) om baie fyn hale te skep gevul met dieselfde gradiënt vanaf Stap 15. En stel dan weer die mengmodus op Overlay.

Die oomblik wat ons Ek het gewag vir: Na al hierdie stappe is die illustrasie nou voltooi!

Waarom tekenagtergronde belangrik is

Wat ook al die agtergrond van 'n tekening is , dit het 'n groot impak op die finale kunswerk—hetsy goed of sleg!

Sodra jy geleer het om voorwerpe en karakters in dinamiese houdings te teken, is die agtergrond die laaste stuk van dielegkaart wat alles bymekaar bring.

Jou agtergrond dien as 'n yin vir jou karakter se yang. As jy jou karakter met geronde vorms geskep het, gebruik hoekvorms sal die agtergrond moet verteenwoordig. As jou karakter donker is, gebruik ligte agtergrondkleure, ensovoorts. Die sleutel is om met jou karakter te kontrasteer om hulle te help uitstaan.

Jou agtergrond is veronderstel om jou karakter en sy storie op 'n tegniese en konseptuele vlak uit te lig. So as jy jouself afvra of die ontwerp van 'n agtergrond belangrik is, glo ons dat dit eintlik noodsaaklik is.

Ons hoop hierdie tutoriaal was nuttig vir jou. As jy dit nog nie gedoen het nie, maak seker dat jy Vectornator aflaai sodat jy jou eie pragtige agtergronde kan ontwerp soos die een wat Maddy geskep het.

As jy nuut is met ons nutsding, kyk na ons Learning Hub of YouTube-kanaal vir grafiese ontwerp-tutoriale en vars inspirasie; en kies 'n klaargemaakte sjabloon om ontwerpe binne minute te skep.

Moenie vergeet om ons altyd op sosiale media te merk sodat ons jou werk kan herpos nie!

Jy sal sien dat elke stap wat ons in hierdie tutoriaal noem, nie in die kleinste besonderhede ingaan nie. Dit beteken dat ons nie 'n stap sal noem elke keer as 'n nuwe laag geskep word of 'n nuwe vorm geteken word nie. In plaas daarvan sal ons elke strukturele toevoeging tot die ontwerpproses kondenseer as een oorkoepelende stap.

• iPad

• Apple Pencil

• Procreate (of enige ander sketssagteware)

• Nuutste weergawe van Vectornator Wat jy sal leer:

• Hoe om te skets

• Hoe om jou doek en agtergrond voor te berei

• Hoe om lae by te voeg en te bestuur

• Gevorderde gebruik van die pen, potlood, kwasnutsgoed , Node en Vormnutsgoed

• Gevorderde gebruik van die kleurkieser en gradiëntredigeerder

• Hoe om lig, skaduwees en beweging by te voeg

• Hoe om die duplikaat te gebruik funksie om jou werklading te vergemaklik

• Hoe om handgetekende letters te skep

• Hoe om komplekse vorms te skep

Ons het praktyk en teorie hier gekombineer, so maak vas!

Kry jou verwysings reg

Hierdie stap gaan daaroor om die regte inspirasie te vind vir die tipe agtergrond wat jy wil ontwerp.

Kan jy raai waar Maddy se verwysings kom van? Haar inspirasies is pastelkleurige stadsbeelde met neonligte uit die 80's en '90'sanime soos Sailor Moon en Cardcaptor Sakura. Sy gaan hul estetika in haar agtergrondontwerp inkorporeer.

Hulle is reeds opgestel om interessante beligting, aksie en goeie komposisie te hê. Maar jy kan ook sommer na buite gaan en landskappe of stedelike tonele teken wat jy rondom jou sien.

Die belangrikste hier is om alles betekenis te gee. Jy moet nie aan jou karakter en hul agtergrond as aparte dinge dink nie, maar as een enkele eenheid. Jy teken nie net 'n agtergrond vir jou karakter nie, jy teken die toneel wat toevallig jou karakter daarin het.

Skets jou basiese vorms

'n Gewilde styl van sketse is om 'n paar klein, 5-minuut "gebare" studies te doen vanaf verwysings waar jy eenvoudig die belangrikste waardes blokkeer.

Kies dan een of twee studies om te ontwikkel tot meer gedetailleerde sketse wat jy ongeveer 30 min spandeer om te skep, net soos die skets wat Maddy in Procreate voltooi.

Om op hierdie manier te dink, help jou om al jou elemente op 'n beter en interessanter manier te integreer. Omdat jou kyker my meer in die omgewing belê as wanneer dit net 'n dekoratiewe agtergrond was.

So in ons geval weet ons reeds dat Jocasta 'n tiener is.meisie met superkragte. Maar wat Maddy as die skepper weet, is dat sy in die toekoms woon, in 'n besige stad waar sy elke aand vir openbare vervoer moet wag om terug te gaan huis toe.

Jy kan dit sien aan hierdie klein opvallende element —die bushalteteken is eintlik 'n ruimtependeltuig.

Laai skets op na Vectornator

Vanuit Procreate, voer eenvoudig jou skets uit as 'n jpeg/png en voer dit in in Vectornator. Jy kan dit doen deur van die Galery-oortjie af te sleep en te laat val.

Posisioneer jou karakter

Maddy het Jocasta in die toneel geplaas volgens die reël van derdes.

Daar is baie maniere om skep 'n wonderlike komposisie deur verskeie beproefde reëls te gebruik (soos die reël van derdes) wat jou help om 'n gebalanseerde estetika te bereik. As jy meer daaroor wil leer, kyk na ons video-tutoriaal oor die skep van wonderlike komposisies wat verfilm is deur 'n ander, wonderlike illustreerder—Soodabeh Damavandi.

Organiseer jou lae

Dit is belangrik om netjies en georganiseer te bly met jou lae—die ekstra moeite wat jy in hierdie stap doen, sal jou tienvoudig help soos jy vorder met jou illustrasie.

So nadat jy jou karakter geplaas het, steek weg die karakterlaag. Sluit dan die sketslaag nadat jy dit laat sak hetondeursigtigheid.

Dit is ook 'n goeie tyd om oor tegniek te praat!

Daar is twee maniere om 'n agtergrond te ontwerp: deur perspektief te gebruik of om jou landskap te laag. Vandag fokus ons op die laagtegniek. As jy wil hê ons moet perspektiefteorie in 'n ander video dek, lewer asseblief kommentaar hieronder.

So, as ons die landskap afbreek, het ons vyf lae in totaal. Van voor tot agter, dus van die naaste na die verste, is die lae:

• Jocasta en die spook.
• Die bushalte en die spoorlyn.
• Die eerste ry geboue.
• Die tweede ry geboue.
• Uiteindelik, die lug, maan en wolke.

Van hierdie punt af, onthou eenvoudig om altyd 'n nuwe laag vir enige nuwe ontwerpelement by jou illustrasie te skep—byvoorbeeld, die bushalte is op 'n aparte laag, en so ook die tweede ry geboue, en so ook die maan en sterre, soos so aan. Jy verstaan ​​dit.

Vertel die storie met kleure

Kleur is nog 'n baie belangrike aspek wat meer oor jou karakter se storie kan vertel.

So om saam te vat: hierdie wêreld is in die toekoms, dit is gevul met magie, en dit is ook geïnspireer deur Sailor Moon. Geen skok hier dat Maddy vet kleure soos neon, pastelle, pienk en groen gekies het nie. Alles behalwe dof!

Hier is al die hekskodes wat jy nodig het om Maddy se stuk te herskep:

Donkerpers - 7125D0

Oranje - EFB09F

Mediumblou - 869FEF

Donkerblou - 3E6AED

Donkerblou - 4265D2

Teal - 2885C7

Geel - FEF66F

Pienk - F9A3D8

Ligpienk - F9DCEE

Uiteindelik moet u verseker dat u 'n kleurkombinasie gebruik wat kontrasterend genoeg is, maar terselfdertyd harmonieus met jou karakter bly. Dit is hoekom Maddy baie soortgelyke skakerings gekies het as dié wat sy vir Jocasta gebruik het.

Jy sal sien dat die skakerings wat Maddy gekies het, in 'n wye verskeidenheid ontwerpelemente regdeur haar komposisie gebruik en hergebruik gaan word. Die keuse van 'n diverse, dog beperkte kleurpalet sal jou help in die kreatiewe proses, maar sal ook jou kunswerk meer samehangend en identifiseerbaar maak.

Stel die stemming met die tyd van die dag

Bly weg van 'n soliede agtergrondkleur en gebruik die tyd van die dag as 'n manier om die stemming te bepaal. Vir hierdie toneel het Maddy vroegaand gekies.

Dit pas by hoe beide Jocasta en haar spookvriend op die oomblik voel. Jocasta lyk of sy reeds oor dit is, maar aangesien spoke in die nag verskyn, is hy net op die punt om sy dag te begin!

Om hierdie voorkoms te bereik, skep Maddy 'n pers vierkant wat die hele doek opvul (C18FF0). Sy pas dan 'n donkerblou (3E6AED) lineêre gradiënt toe wat van regs bo beginhoek.

Maddy dupliseer dan die vierkant, draai dit sodat die gradiënt in die oorkantste hoek sit en verander die gradiëntkleur na 'n pragtige oranje (EFB09F). Het iemand gesê sonsondergang vibes?

Skep die tweede ry geboue

Ons gaan begin met die tweede verste laag voorwerpe (die verste synde die lug).

Hierdie spesifieke volgorde is nie so belangrik nie. Maar as jy 'n groep lae het wat mekaar oorvleuel, soos die geboue, treinstasie, ensovoorts, is dit die beste om met die verste te begin sodat jy kan verstaan ​​hoe om jou voorwerpe op die voorgrond te plaas, hoeveel negatiewe spasie jy het om mee rond te speel, en watter kleure kontrasteer die beste.

Maddy tel die vormgereedskap op en begin meetkundige vorms skep om die vooraansig van die geboue te definieer. Die skakering blou wat sy gebruik is 869FEF.

Teken Perspektief

En om die kante te teken, kies sy vir 'n donkerder skakering—957AE1.

Nie net dit nie, maar sy gebruik ook die Node Tool om die hoek van die bokant van die reghoek te verander sodat hulle in lyn is met die verdwynpunt van jou komposisie.

Voeg besonderhede by

Maddy voeg 'n banier by die geboue wat nader aan die kyker se perspektief is.

Alhoewel hierdie geboue tegnies steeds in die tweede ry is, is hulle die naaste van die verste geboue. So voeg enige bybesonderhede hier sal net 'n meer realistiese instelling skep.

Teken die eerste ry geboue

Dieselfde as voorheen, tel die vormgereedskap op en teken reghoeke om die stad vol te maak. Maddy het weer 957AE1 gekies, en 4265D2 vir die kante.

Skep Ambiance

Om nog meer diepte tot jou agtergrond te voeg, oorweeg dit om besonderhede soos die stadsmis.

Teken eenvoudig 'n reghoek met die vormgereedskap en gee dit 'n prettige lineêre gradiënt wat van onder na bo vervaag. Die linkerkleur (in ons geval, die onderste kleur) is 'n pragtige teal (2885C7) en die linkerkleur (in ons geval, die bokant) is wit (FFFFFF) met 0 ondeursigtigheid. Jy kan dit bereik deur die A-kanaal na nul te bring.

Voeg meer besonderhede by

Hou in gedagte dat hoe nader jy kom, hoe donkerder en meer gedetailleerd jou voorwerpe sal wees. Terwyl die vorige ry geboue 'n groep minimale reghoeke en soliede blokke met baie min vensters gaan bly.

So in die geboue naaste aan die karakter, maak seker dat jy allerhande besonderhede byvoeg soos vensters, ligte of advertensieborde. Soos hierdie "Coola"-teken wat Maddy met vryhand-kwashale skep deur die tweede voorafinstelling van ons Borsel-seleksie-paneel te gebruik.

'n Wenk om veelvuldige vensters by die geboue op die voorgrond te voeg, is om veelvuldige voorwerpe te kies met die Select Tool en dupliseer hulle in volgorde.

Teken dieBushalte

Met die Reghoeknutsding, spoor al die hoofvorms waaruit die bushalte bestaan, na.

Soos voorheen, gebruik die Nodenutsmiddel om enige hoeke wat nodig is om te verander lei na die verdwynpunt van jou perspektief. Hier gebruik sy pers vir die heining (7125D0), wit (FFFFF) en geel (FEF66F) vir die omslag, en 'n ekstra skakering blou (957AE1) vir die bord.

Voeg meer by Dimensie

Die elemente van die bushalte is ook deel van die sonsondergangtoneel.

Om dit op te roep, gaan ons iets aan hierdie soliede kleure doen. Dupliseer dus die boonste reghoek wat jy gebruik het om die heining te skep, maak dit nouer, plaas dit bo-op en gee dit 'n gradiënt wat die weerkaatste sonsonderganglig wys.

Maddy gaan vir 'n lineêre gradiënt (die gradiënt in die middel), en verander beide die regter- en die linkerkleur na 'n ligte oranje (EFB09F). Dan maak sy die linkerkleur heeltemal deursigtig deur die A-kanaal na nul te verander.

Pas dieselfde effek toe, op dieselfde manier, vir elke individuele reling.

Voeg elemente by die lug by

Uiteindelik gaan ons aan na die besonderhede in die lug, waar ons 'n paar wolke, sterre en die maan gaan byvoeg.

Vir die wolke, tel die kwas op