Com dissenyar fons

Potser no us n'adoneu, però dibuixar un fons és una de les parts més importants de qualsevol il·lustració de personatges.

Els vostres personatges no haurien d'estar flotant sobre un fons blanc. Pertanyen al seu univers propi i únic que va definir la manera com van evolucionar els vostres personatges fins al punt que els vau dibuixar.

En aquest article del tutorial, examinarem com l'artista Maddy Zoli crea un fons. Segueix a Vectornator i aprèn a fer-ho tu mateix!

Disseny de personatges

Si has llegit la nostra primera lliçó sobre disseny de personatges, ja saps que la història de fons d'un personatge és l'eix vertebrador de cada línia que dibuixeu.

Heu de fonamentar els vostres personatges en una història més profunda del que sembla; des de quan van néixer, fins on viuen, quina feina tenen, fins a quin és el seu menjar preferit. Sona exagerat? Per a nosaltres, sembla més divertit!

Sense caure en un forat de conill profund, pensa en tots aquests detalls sobre el passat, el present i el futur del teu personatge i manifesta'ls al seu entorn. En altres paraules, projecta la història que tens al cap al fons del personatge. L'ús de la narració visual com aquesta farà que els teus personatges i mons se sentin molt més rics i reals.

L'artista

Aquest tutorial s'ha fet en col·laboració amb la sorprenent Maddy Zoli. Estem creant tota una sèrie de personatges junts al nostre canal de YouTube, i ella no només és unaUtilitzeu una eina i jugueu amb la pressió que apliqueu al vostre llenç per crear una forma que comenci petita i s'acumuli gradualment. En canviar la pressió, la línia pot passar de molt prima a molt gruixuda en un sol cop. Per aconseguir aquest efecte, Maddy utilitza el quart pinzell dels nostres valors predefinits amb Sensibilitat a la pressió activada.

Després de dibuixar els núvols, utilitzeu l'eina Node per fer qualsevol ajust a la seva forma.

Perquè els núvols. reflectirà de manera natural la llum del capvespre, els donarà un degradat que va des d'un to taronja (F92CEE, esquerra) a un rosa clar (F9DCEE, dreta).

Pel que fa a la lluna, creeu dos cercles i feu servir el Resta. Funció booleana per tallar una lluna semicreixent perfecta. No us oblideu de mantenir un dit sobre el llenç per preservar la relació d'aspecte.

Finalment, afegiu estrelles amb l'eina de forma. Maddy es decideix per una estrella de 12 punts. Podeu editar el nombre de punts mitjançant el control lliscant de l'esquerra i podeu canviar-ne la forma mantenint premut un dit mentre arrossegueu el llapis al llenç.

Afegiu alguns detalls interessants

També sou d'aquelles persones que guarda el millor per al final? És hora d'afegir un dels últims i més interessants elements gràfics a aquesta peça.

Crea el transbordador espacial amb el mínim esforç amb la funció Iconator. Només cal que toqueu l'última pestanya de l'Inspector per accedir a Iconator i utilitzeu la barra de cerca per trobar el que necessiteu.

Maddy tria eltransbordador espacial que més li agrada, el canvia la mida, el pinta de blanc i el centra al mig del rètol. Fàcil!

Afegiu efectes de llum

Per obtenir un toc addicional, acabeu afegint alguns cercles de llum per donar un efecte brillant de la ciutat llunyana. Utilitzeu l'eina de forma per als cercles, és clar, i després juga amb la funció de degradat de la pestanya Estil per donar-li un efecte més agradable.

Maddy va buscar un degradat lineal amb rosa (F9A3D8) a l'esquerra mentre la dreta és l'esquerra 100% transparent.

A continuació, aneu a Modes de fusió i trieu Superposició.

Afegeix moviment

Per fer el mode d'il·lustració dinàmic, afegeix una capa final de llums de partícules que travessen l'escena. Per això, Maddy manté el mateix pinzell que abans (el quart dels nostres valors predefinits) per crear traços molt fins i plens amb el mateix degradat del pas 15. A continuació, torneu a establir el mode de fusió a Superposició.

En el moment que ens posem. He estat esperant: després de tots aquests passos, la il·lustració ja està completa!

Per què és important dibuixar fons

Sigui quin sigui el fons d'un dibuix , té un gran impacte en l'obra d'art final, ja sigui bona o dolenta!

Un cop hagis après a dibuixar objectes i personatges en posicions dinàmiques, el fons és l'última peça de la imatge.trencaclosques que ho reuneix tot.

El teu fons actua com un yin al yang del teu personatge. Si heu creat el vostre personatge amb formes arrodonides, utilitzar formes angulars haureu de representar el fons. Si el teu personatge és fosc, utilitza colors de fons clars, etc. La clau és contrastar amb el teu personatge per ajudar-lo a destacar.

Els teus antecedents han de ressaltar el teu personatge i la seva història a nivell tècnic i conceptual. Per tant, si us pregunteu si dissenyar un fons és important, creiem que és realment vital.

Esperem que aquest tutorial us sigui útil. En cas que encara no ho hàgiu fet, assegureu-vos de baixar Vectornator perquè pugueu dissenyar els vostres propis fons impressionants com el que va crear Maddy.

Si sou nou a la nostra eina, consulteu el nostre centre d'aprenentatge o el nostre canal de YouTube. per a tutorials de disseny gràfic i inspiració fresca; i tria una plantilla ja feta per crear dissenys en qüestió de minuts.

No t'oblidis d'etiquetar-nos sempre a les xarxes socials perquè puguem tornar a publicar el teu treball!

Notaràs que cada pas que mencionem en aquest tutorial no entra en el més mínim detall. Això vol dir que no esmentarem un pas cada vegada que es creï una nova capa o es dibuixi una nova forma. En comptes d'això, condensarem cada addició estructural al procés de disseny com un pas general.

• iPad

• Apple Pencil

• Procreate (o qualsevol altre programari de dibuix)

• La darrera versió de Vectornator Què aprendràs:

• Com fer un esbós

• Com preparar el llenç i el fons

• Com afegir i gestionar capes

• Ús avançat de les eines de llapis, llapis i pinzell , Eines de nodes i formes

• Ús avançat del selector de color i de l'editor de degradats

• Com afegir llum, ombres i moviment

• Com utilitzar el duplicat funció per alleujar la càrrega de treball

• Com crear lletres dibuixades a mà

• Com crear formes complexes

Aquí hem combinat la pràctica i la teoria, així que aixeca't el cinturó!

Aconseguiu bé les vostres referències

Aquest pas consisteix a trobar la inspiració adequada per al tipus de fons que voleu dissenyar.

Podeu endevinar d'on provenen les referències de Maddy. de? Les seves inspiracions són paisatges urbans pastel amb llums de neó dels anys 80 i 90anime com Sailor Moon i Cardcaptor Sakura. Incorporarà la seva estètica al seu disseny de fons.

Ja estan configurats per tenir una il·luminació interessant, acció i una bona composició. Però també pots sortir i dibuixar paisatges o escenes urbanes que veus al teu voltant.

El més important aquí és donar-li sentit a tot. No hauríeu de pensar en el vostre personatge i els seus antecedents com a coses separades, sinó com una sola unitat. No només estàs dibuixant un fons per al teu personatge, sinó que estàs dibuixant l'escena que hi té el teu personatge.

Dibuixa les teves formes bàsiques

Un estil popular d'esbossos és fer uns quants estudis de "gestos" de 5 minuts a partir de referències on simplement bloquegeu els valors principals.

A continuació, trieu un o dos estudis per desenvolupar-ne més. esbossos detallats que dediqueu uns 30 minuts a crear, igual que l'esbós que Maddy completa a Procreate.

Pensar d'aquesta manera t'ajuda a integrar tots els teus elements d'una manera millor i més interessant. Perquè el teu espectador m'inverteix més en l'entorn que si només fos un teló de fons decoratiu.

En el nostre cas, ja sabem que Jocasta és una adolescent.noia amb superpoders. Però el que Maddy com a creadora sap és que viu en el futur, en una ciutat concorreguda on ha d'esperar el transport públic cada vespre per tornar a casa.

Es pot dir per aquest petit element que crida l'atenció. —el senyal de la parada de l'autobús és en realitat un transbordador espacial.

Pengeu Sketch a Vectornator

Des de Procreate, simplement exporteu el vostre esbós com a jpeg/png i importeu-lo a Vectornator. Podeu fer-ho arrossegant i deixant anar des de la pestanya Galeria.

Coloqueu el vostre personatge

Maddy va col·locar Jocasta a l'escena seguint la regla dels terços.

Hi ha moltes maneres de fer-ho. crea una gran composició utilitzant diverses regles provades i provades (com la regla dels terços) que t'ajuden a aconseguir una estètica equilibrada. Si voleu obtenir-ne més informació, consulteu el nostre vídeo tutorial sobre com crear grans composicions filmades per un altre il·lustrador sorprenent: Soodabeh Damavandi.

Organitza les teves capes

És important mantenir-se net i organitzat amb les capes; l'esforç addicional que dediqueu a aquest pas us ajudarà a multiplicar per 10 a mesura que avanceu amb la il·lustració.

Així que després d'haver col·locat el vostre personatge, amagueu-lo. la capa de caràcters. A continuació, bloquegeu la capa d'esbós després d'haver-la baixatopacitat.

Aquest també és un bon moment per parlar de tècnica!

Hi ha dues maneres de dissenyar un fons: utilitzant la perspectiva o superant el paisatge. Avui ens centrem en la tècnica de capes. Si vols que cobrim la teoria de la perspectiva en un altre vídeo, comenta a continuació.

Per tant, si desglossem el paisatge, tenim cinc capes en total. De davant a darrere, de manera que de més propera a més llunyana, les capes són:

• Jocasta i el fantasma.
• La parada d'autobús i el ferrocarril.
• La primera fila d'edificis.
• La segona fila d'edificis.
• Finalment, el cel, la lluna i els núvols.

A partir d'aquest moment, simplement recordeu per crear sempre una nova capa per a qualsevol element de disseny nou a la vostra il·lustració; per exemple, la parada d'autobús es troba en una capa separada, així com la segona fila d'edificis, així com la lluna i les estrelles, etc. Ho entens.

Explica la història amb colors

El color és un altre aspecte molt important que pot explicar més sobre la història del teu personatge.

En resum: aquest món és en el futur, està ple de màgia i també està inspirat en Sailor Moon. No hi ha cap sorpresa que Maddy hagi escollit colors atrevits com els neons, els pastels, els rosats i els verds. Tot menys avorrit!

Aquí teniu tots els codis hexadecimals que necessiteu per recrear la peça de Maddy:

Lila fosc - 7125D0

Taronja - EFB09F

Blau mitjà - 869FEF

Blau fosc - 3E6AED

Blau fosc - 4265D2

Verda blava - 2885C7

Groc - FEF66F

Rosa - F9A3D8

Rosa clar - F9DCEE

En última instància, us heu d'assegurar que feu servir una combinació de colors això és prou contrastant però al mateix temps es manté harmoniós amb el teu personatge. És per això que la Maddy va triar tonalitats molt semblants a les que va utilitzar per Jocasta.

Notaràs que les tonalitats que Maddy va triar s'utilitzaran i reutilitzaran en una gran varietat d'elements de disseny al llarg de la seva composició. L'elecció d'una paleta de colors diversa però limitada us ajudarà en el procés creatiu, però també farà que la vostra obra d'art sigui més cohesionada i identificable.

Definiu l'estat d'ànim amb l'hora del dia

Manteniu-vos allunyats d'un color de fons sòlid i utilitzeu l'hora del dia com a forma de crear l'ambient. Per a aquesta escena, la Maddy va escollir a primera hora del vespre.

Encaixa amb la manera com la Jocasta i el seu amic fantasma se senten ara mateix. La Jocasta sembla que ja ho ha superat, però com que apareixen fantasmes a la nit, està a punt de començar el dia!

Per aconseguir aquest aspecte, Maddy crea un quadrat morat que omple tot el llenç (C18FF0). A continuació, aplica un degradat lineal blau fosc (3E6AED) començant per la part superior dretacantonada.

A continuació, en Maddy duplica el quadrat, el gira de manera que el degradat quedi a la cantonada oposada i canvia el color del degradat a una bonica taronja (EFB09F). Algú ha dit vibracions del capvespre?

Creeu la segona fila d'edificis

Començarem amb la segona capa d'objectes més llunyana (la més llunyana). sent el cel).

Aquest ordre en particular no és tan important. Però si teniu un grup de capes que se superposen, com ara els edificis, l'estació de tren, etc., el millor és començar pel més llunyà perquè pugueu entendre com col·locar els vostres objectes en primer pla, quant d'espai negatiu teniu. per jugar i amb quins colors contrasten millor.

La Maddy agafa l'eina de forma i comença a crear formes geomètriques per definir la vista frontal dels edificis. La tonalitat de blau que utilitza és 869FEF.

Dibuixa la perspectiva

I per dibuixar els costats, opta per una tonalitat més fosca: 957AE1.

No només això, sinó que també utilitza l'eina Node per canviar l'angle de la part superior del rectangle perquè s'alinein amb el punt de fuga de la vostra composició.

Afegeix detalls

Maddy afegeix una pancarta als edificis que estan més a prop de la perspectiva de l'espectador.

Tot i que tècnicament aquests edificis encara es troben a la segona fila, són el més proper dels més allunyats. Així que afegint-ne qualsevolEls detalls aquí només crearan una configuració més realista.

Dibuixa la primera fila d'edificis

Igual que abans, agafa l'eina de forma i dibuixa rectangles per omplir la ciutat. Maddy va tornar a triar 957AE1 i 4265D2 per als laterals.

Crea ambient

Per afegir encara més profunditat al teu fons, considera incloure detalls com el boira de la ciutat.

Simplement dibuixa un rectangle amb l'eina de forma i dóna-li un gradient lineal divertit que s'esvaeix de baix cap amunt. El color esquerre (en el nostre cas, el color inferior) és un bonic verd verd (2885C7) i el color esquerre (en el nostre cas, la part superior) és blanc (FFFFFF) amb 0 opacitat. Podeu aconseguir-ho posant el canal A a zero.

Afegiu més detalls

Tingueu en compte que com més us acosteu, més fosc i seran més detallats els vostres objectes. Tot i que la fila anterior d'edificis seguirà sent un cúmul de rectangles mínims i blocs sòlids amb molt poques finestres.

Així, als edificis més propers al personatge, assegureu-vos d'afegir tot tipus de detalls com ara finestres, llums o tanques publicitàries. Com aquest signe "Coola" que Maddy crea amb pinzellades a mà alçada utilitzant el segon valor predefinit del nostre panell de selecció de pinzell.

Un consell per afegir diverses finestres als edificis en primer pla és seleccionar diversos objectes amb l'eina de selecció i duplica'ls en seqüència.

Dibuixa elParada d'autobús

Amb l'eina Rectangle, traça totes les formes principals que componen la parada d'autobús.

Com abans, utilitzeu l'eina Node per canviar els angles que calgui. condueix al punt de fuga de la teva perspectiva. Aquí utilitza el morat per a la tanca (7125D0), el blanc (FFFFF) i el groc (FEF66F) per a la coberta, i un to addicional de blau (957AE1) per al rètol.

Afegeix més Dimensió

Els elements de la parada d'autobús també formen part de l'escena del capvespre.

Per evocar això, farem alguna cosa sobre aquests colors sòlids. Així que dupliqueu el rectangle superior que heu utilitzat per crear la tanca, feu-lo més estret, col·loqueu-lo a la part superior i doneu-li un degradat que mostri la llum del capvespre reflectida.

Maddy opta per un degradat lineal (el degradat de el centre) i canvia el color dret i esquerre a un taronja clar (EFB09F). A continuació, fa que el color esquerre sigui completament transparent canviant el canal A a zero.

Aplica el mateix efecte, de la mateixa manera, per a cada rail individual.

Afegir elements al cel

Finalment, passem al detalls al cel, on afegirem uns quants núvols, estrelles i la lluna.

Per als núvols, agafa el pinzell