Paano Magdisenyo ng Mga Background

Maaaring hindi mo ito napagtanto, ngunit ang pagguhit ng background ay isa sa pinakamahalagang bahagi ng anumang paglalarawan ng character.

Ang iyong mga character ay hindi dapat lumulutang sa isang puting background. Nabibilang sila sa sarili nilang uniberso na nagtukoy sa paraan ng pag-evolve ng iyong mga character hanggang sa puntong iginuhit mo sila.

Sa artikulong ito ng Tutorial, susuriin natin kung paano gumawa ng background ang artist na si Maddy Zoli. Subaybayan ang Vectornator at alamin kung paano ito gawin nang mag-isa!

Character Design

Kung nabasa mo na ang aming unang aralin sa character design, alam mo na ang backstory ng isang character ay ang gulugod ng bawat linya na iyong iginuhit.

Kailangan mong i-ground ang iyong mga karakter sa isang mas malalim na kuwento kaysa sa nakikita ng mata; mula noong sila ay ipinanganak, sa kung saan sila nakatira, kung ano ang kanilang trabaho, hanggang sa kung ano ang kanilang paboritong pagkain. Parang overkill? Para sa amin, mukhang masaya ito!

Nang hindi nahuhulog sa malalim na butas ng kuneho, isipin ang lahat ng detalyeng ito tungkol sa nakaraan, kasalukuyan, at hinaharap ng iyong karakter, at ipakita ang mga ito sa kanilang kapaligiran. Sa madaling salita, i-project ang kuwentong nasa isip mo sa background ng karakter. Ang paggamit ng visual na pagkukuwento na tulad nito ay gagawing mas mayaman at mas totoo ang iyong mga karakter at mundo.

Ang Artist

Ginawa ang tutorial na ito sa pakikipagtulungan sa kamangha-manghang Maddy Zoli. Gumagawa kami ng buong serye ng karakter nang magkasama sa aming channel sa YouTube, at hindi lang siyaTool at paglaruan ang pressure na inilalapat mo sa iyong canvas upang makalikha ng hugis na nagsisimula sa maliit at unti-unting bumubuo. Sa pamamagitan ng pagpapalit ng presyon, ang linya ay maaaring pumunta mula sa napakanipis hanggang sa napaka-chunky sa isang stroke. Upang makamit ang epektong ito, ginagamit ni Maddy ang 4th brush mula sa aming mga preset na naka-on ang Pressure Sensitivity.

Pagkatapos iguhit ang mga ulap, gamitin ang Node Tool upang gumawa ng anumang mga pagsasaayos sa kanilang hugis.

Dahil ang mga ulap natural na sumasalamin sa liwanag ng paglubog ng araw, bigyan sila ng gradient na napupunta mula sa isang orange na kulay (F92CEE, kaliwa) hanggang sa isang light pink (F9DCEE, kanan).

Para naman sa buwan, lumikha ng dalawang bilog at gamitin ang Subtract Boolean function na mag-cut ng perpektong semi-crescent moon. Huwag kalimutang hawakan ang isang daliri sa canvas para mapanatili ang aspect ratio.

Sa wakas, magdagdag ng mga bituin gamit ang Shape Tool. Nagpasya si Maddy sa isang 12-point-star. Maaari mong i-edit ang bilang ng mga puntos sa pamamagitan ng slider sa kaliwa at maaari mong baguhin ang hugis ng mga ito sa pamamagitan ng pagpindot sa isang daliri habang kinakaladkad ang iyong Pencil sa canvas.

Magdagdag ng ilang Cool na Detalye

Isa ka rin ba sa mga taong nagse-save ng pinakamahusay para sa huli? Oras na para magdagdag ng isa sa pinakahuli at pinakaastig na elemento ng graphic sa pirasong ito.

Gumawa ng space shuttle na may kaunting pagsisikap gamit ang Iconator function. I-tap lang ang huling tab sa Inspector para ma-access ang Iconator at gamitin ang search bar para mahanap ang kailangan mo.

Pinili ni Maddy angspace shuttle ang pinakagusto niya, binago ang laki nito, kulayan ito ng puti, at isentro ito sa gitna ng karatula. Easy peasy!

Magdagdag ng Light Effects

Para sa karagdagang likas na talino, tapusin sa pamamagitan ng pagdaragdag ng ilang bilog ng mga ilaw upang magbigay ng kumikinang na epekto ng malayong lungsod. Gamitin ang Shape Tool para sa mga bilog, siyempre, at pagkatapos ay laruin ang gradient function sa Style Tab para bigyan ito ng mas magandang epekto.

Si Maddy ay gumamit ng linear gradient na may pink (F9A3D8) sa kaliwa habang ang kanan ay kaliwa 100% transparent.

Pagkatapos ay pumunta sa Blend Modes at piliin ang Overlay.

Magdagdag ng Movement

Upang gawin ang dynamic na mode ng paglalarawan, magdagdag ng huling layer ng mga particle light na tumatawid sa eksena. Para dito, pinapanatili ni Maddy ang parehong brush tulad ng dati (ang pang-apat mula sa aming mga preset) upang lumikha ng napakahusay na mga stroke na puno ng parehong gradient mula sa Hakbang 15. At pagkatapos ay itakda muli ang blending mode sa Overlay.

Sa sandaling kami hinihintay na: Pagkatapos ng lahat ng hakbang na ito, kumpleto na ang ilustrasyon!

Bakit Mahalaga ang Pagguhit ng Mga Background

Anuman ang background ng isang drawing , malaki ang epekto nito sa panghuling likhang sining—mabuti man o masama!

Sa sandaling natutunan mo nang gumuhit ng mga bagay at karakter sa mga dynamic na pose, ang background ay ang huling piraso ngpuzzle na pinagsasama-sama ang lahat.

Nagsisilbing yin ang iyong background sa yang ng iyong karakter. Kung nilikha mo ang iyong karakter gamit ang mga bilugan na hugis, ang paggamit ng mga angular na hugis ay kailangang kumatawan sa background. Kung madilim ang iyong karakter, gumamit ng mga light na kulay ng background, at iba pa. Ang susi ay ang pag-contrast sa iyong karakter upang matulungan silang tumayo.

Dapat i-highlight ng iyong background ang iyong karakter at ang kuwento nito sa teknikal at konseptwal na antas. Kaya kung tatanungin mo ang iyong sarili kung mahalaga ba ang pagdidisenyo ng background, naniniwala kami na ito ay talagang mahalaga.

Umaasa kaming nakatulong sa iyo ang tutorial na ito. Kung hindi mo pa nagagawa, siguraduhing magda-download ka ng Vectornator para makapagdisenyo ka ng sarili mong mga nakamamanghang background tulad ng ginawa ni Maddy.

Kung bago ka sa aming tool, tingnan ang aming Learning Hub o channel sa YouTube para sa mga tutorial sa graphic na disenyo at sariwang inspirasyon; at pumili ng isang handa na template upang lumikha ng mga disenyo sa loob ng ilang minuto.

Huwag kalimutang palaging i-tag kami sa social media upang mai-repost namin ang iyong gawa!

Mapapansin mo na ang bawat hakbang na binanggit namin sa tutorial na ito ay hindi napupunta sa pinakamaraming minuto ng mga detalye. Ibig sabihin, hindi kami magbabanggit ng hakbang sa tuwing may gagawing bagong layer o may iguguhit na bagong hugis. Sa halip, paiikliin namin ang bawat structural na karagdagan sa proseso ng disenyo bilang isang pangkalahatang hakbang.

• iPad

• Apple Pencil

• Procreate (o anumang iba pang sketching software)

• Pinakabagong bersyon ng Vectornator Ano ang Matututuhan Mo:

• Paano mag-sketch

• Paano ihanda ang iyong canvas at background

• Paano magdagdag at mamahala ng mga layer

• Advanced na paggamit ng Pen, Pencil, Brush Tools , Node, at Shape Tools

• Advanced na paggamit ng Color Picker at Gradient Editor

• Paano magdagdag ng liwanag, anino, at paggalaw

• Paano gamitin ang duplicate function to ease your workload

• How to create hand-drawn lettering

• How to create complex shapes

We have combined practice and theory here, so buckle up!

Ayusin ang Iyong Mga Sanggunian

Ang hakbang na ito ay tungkol sa paghahanap ng tamang inspirasyon para sa uri ng background na gusto mong idisenyo.

Mahuhulaan mo ba kung saan nanggagaling ang mga sanggunian ni Maddy mula sa? Ang kanyang mga inspirasyon ay pastel cityscapes na may mga neon lights mula '80s at '90sanime tulad ng Sailor Moon at Cardcaptor Sakura. Isasama niya ang kanilang aesthetic sa kanyang disenyo sa background.

Naka-set up na sila para magkaroon ng kawili-wiling liwanag, aksyon, at magandang komposisyon. Ngunit maaari ka ring pumunta sa labas at gumuhit ng mga landscape o urban scene na nakikita mo sa iyong paligid.

Ang pinakamahalagang bagay dito ay bigyan ng kahulugan ang lahat. Hindi mo dapat isipin ang iyong karakter at ang kanilang background bilang magkahiwalay na mga bagay, ngunit bilang isang solong yunit. Hindi ka lang gumuguhit ng background para sa iyong karakter, ginuguhit mo ang eksenang nagkataon na kasama ang iyong karakter.

I-sketch ang Iyong Mga Pangunahing Hugis

Ang isang tanyag na istilo ng sketching ay ang paggawa ng ilang maliit, 5 minutong pag-aaral na "kumpas" mula sa mga sanggunian kung saan hinaharang mo lang ang mga pangunahing halaga.

Pagkatapos ay pumili ng isa o dalawang pag-aaral upang maging higit pa mga detalyadong sketch na ginugugol mo ng humigit-kumulang 30 min upang gawin, tulad ng sketch na kinumpleto ni Maddy sa Procreate.

Ang pag-iisip sa ganitong paraan ay nakakatulong sa iyong pagsamahin ang lahat ng iyong elemento sa mas mahusay at mas kawili-wiling paraan. Dahil mas binibigyan ako ng puhunan ng iyong viewer sa kapaligiran kaysa kung ito ay isang decorative backdrop lamang.

Kaya sa aming kaso, alam na natin na si Jocasta ay isang teenager.babaeng may superpower. Ngunit ang alam ni Maddy bilang creator ay nakatira siya sa hinaharap, sa isang abalang lungsod kung saan kailangan niyang maghintay ng pampublikong sasakyan tuwing gabi para makauwi.

Masasabi mo sa maliit na elementong ito na kapansin-pansin. —ang bus stop sign ay talagang isang space shuttle.

I-upload ang Sketch sa Vectornator

Mula sa Procreate, i-export lang ang iyong sketch bilang jpeg/png at i-import ito sa Vectornator. Magagawa mo iyon sa pamamagitan ng pag-drag at pag-drop mula sa Tab ng Gallery.

Iposisyon ang Iyong Karakter

Inilagay ni Maddy si Jocasta sa eksena na sumusunod sa panuntunan ng mga ikatlo.

Maraming paraan upang lumikha ng isang mahusay na komposisyon sa pamamagitan ng paggamit ng iba't ibang sinubukan at nasubok na mga panuntunan (tulad ng panuntunan ng mga third) na makakatulong sa iyong makamit ang isang balanseng aesthetic. Kung gusto mong matuto nang higit pa tungkol dito, tingnan ang aming video tutorial sa paggawa ng magagandang komposisyon na kinunan ng isa pang kamangha-manghang illustrator—Soodabeh Damavandi.

Ayusin ang Iyong Mga Layer

Mahalagang manatiling maayos at organisado sa iyong mga layer—ang labis na pagsisikap na gagawin mo sa hakbang na ito ay makakatulong sa iyo ng sampung ulit habang sumusulong ka sa iyong ilustrasyon.

Kaya pagkatapos mong mailagay ang iyong karakter, itago ang layer ng character. Pagkatapos, i-lock ang sketch layer pagkatapos mong ibaba itoopacity.

Magandang oras din ito para pag-usapan ang technique!

May dalawang paraan para magdisenyo ng background: gamit ang perspective o layering ng iyong landscape. Ngayon kami ay tumutuon sa pamamaraan ng layering. Kung gusto mong sakupin namin ang teorya ng pananaw sa isa pang video, mangyaring magkomento sa ibaba.

Kaya, kung hahati-hatiin namin ang landscape, mayroon kaming limang layer sa kabuuan. Mula sa harap hanggang sa likod, kaya mula sa pinakamalapit hanggang sa pinakamalayo, ang mga layer ay:

• Jocasta at ang multo.
• Ang hintuan ng bus at ang riles.
• Ang unang hilera ng mga gusali.
• Ang ikalawang hanay ng mga gusali.
• Sa wakas, ang langit, buwan, at mga ulap.

Mula sa puntong ito, tandaan na lang para laging gumawa ng bagong layer para sa anumang bagong elemento ng disenyo sa iyong ilustrasyon—halimbawa, ang hintuan ng bus ay nasa isang hiwalay na layer, at gayundin ang pangalawang hilera ng mga gusali, at gayundin ang buwan at mga bituin, at iba pa. Makukuha mo ito.

Ikwento ang Kuwento na May Mga Kulay

Ang kulay ay isa pang napakaimportanteng aspeto na maaaring magsabi ng higit pa tungkol sa kuwento ng iyong karakter.

Kaya sa pagbabalik-tanaw: ang mundong ito ay nasa hinaharap, ito ay puno ng mahika, at ito ay inspirasyon din ng Sailor Moon. Hindi nakakagulat dito na pinili ni Maddy ang mga bold na kulay tulad ng neons, pastel, pink, at green. Kahit ano ngunit mapurol!

Narito ang lahat ng hex code na kailangan mo upang muling likhain ang piraso ni Maddy:

Madilim na Lila - 7125D0

Kahel - EFB09F

Medium Blue - 869FEF

Dark Blue - 3E6AED

Darker Blue - 4265D2

Teal - 2885C7

Dilaw - FEF66F

Pink - F9A3D8

Light Pink - F9DCEE

Sa huli, kailangan mong tiyakin na gumagamit ka ng kumbinasyon ng kulay iyon ay sapat na contrasting ngunit nananatiling magkatugma sa iyong karakter sa parehong oras. Kaya naman pumili si Maddy ng halos kaparehong mga kulay sa mga ginamit niya para kay Jocasta.

Mapapansin mo na ang mga shade na pinili ni Maddy ay gagamitin at muling gagamitin sa iba't ibang uri ng mga elemento ng disenyo sa kabuuan ng kanyang komposisyon. Ang pagpili ng magkakaibang, ngunit limitadong palette ng kulay ay makakatulong sa iyo sa proseso ng paglikha, ngunit gagawin din ang iyong likhang sining na mas magkakaugnay at makikilala.

Itakda ang Mood sa Oras ng Araw

Lumayo sa isang solidong kulay ng background at gamitin ang oras ng araw bilang isang paraan upang itakda ang mood. Para sa eksenang ito, pinili ni Maddy ang unang bahagi ng gabi.

Bagay ito sa nararamdaman ngayon ni Jocasta at ng kanyang ghost friend. Mukhang tapos na si Jocasta, pero dahil may mga multo sa gabi, sisimulan na niya ang kanyang araw!

Para makuha ang ganitong hitsura, gumawa si Maddy ng purple square na pumupuno sa buong canvas (C18FF0). Pagkatapos ay nag-apply siya ng dark blue (3E6AED) linear gradient simula sa kanang itaassulok.

Pagkatapos ay kino-duplicate ni Maddy ang parisukat, iniikot ito upang ang gradient ay maupo sa tapat na sulok, at baguhin ang kulay ng gradient sa isang magandang orange (EFB09F). May nagsabi ba ng sunset vibes?

Gumawa ng Second Row of Buildings

Magsisimula tayo sa pangalawang pinakamalayong layer ng mga bagay (ang pinakamalayong pagiging langit).

Ang partikular na kaayusan na ito ay hindi ganoon kahalaga. Ngunit kung mayroon kang isang kumpol ng mga layer na magkakapatong sa isa't isa, tulad ng mga gusali, istasyon ng tren, at iba pa, pinakamahusay na magsimula sa pinakamalayo upang maunawaan mo kung paano ilagay ang iyong mga bagay sa harapan, kung gaano karaming negatibong espasyo ang mayroon ka upang paglaruan, at kung anong mga kulay ang pinakamahusay na contrast.

Kinuha ni Maddy ang Shape Tool at nagsimulang lumikha ng mga geometric na hugis upang tukuyin ang frontal view ng mga gusali. Ang shade ng asul na ginagamit niya ay 869FEF.

Gumuhit ng Perspektibo

At para iguhit ang mga gilid, pinili niya ang mas madilim na lilim—957AE1.

Hindi lang iyon, ngunit ginagamit din niya ang Node Tool upang baguhin ang anggulo ng tuktok na bahagi ng parihaba upang maiayon ang mga ito sa nawawalang punto ng iyong komposisyon.

Magdagdag ng Mga Detalye

Nagdagdag si Maddy ng banner sa mga gusaling mas malapit sa pananaw ng manonood.

Bagaman ang mga gusaling ito ay teknikal na nasa ikalawang hanay, sila ay ang pinakamalapit sa pinakamalayong gusali. Kaya nagdadagdag ng anumanang mga detalye dito ay lilikha lamang ng mas makatotohanang setting.

Iguhit ang Unang Hanay ng mga Gusali

Katulad ng dati, kunin ang Shape Tool at iguhit parihaba upang punan ang lungsod. Pinili muli ni Maddy ang 957AE1, at 4265D2 para sa mga gilid.

Gumawa ng Ambiance

Upang magdagdag ng higit pang lalim sa iyong background, isaalang-alang ang pagsasama ng mga detalye tulad ng city ​​fog.

Gumuhit lang ng rectangle gamit ang Shape Tool at bigyan ito ng nakakatuwang linear gradient na kumukupas mula sa ibaba pataas. Ang kaliwang kulay (sa aming kaso, ang kulay sa ibaba) ay isang magandang teal (2885C7) at ang kaliwang kulay (sa aming kaso, ang tuktok) ay puti (FFFFFF) na may 0 opacity. Maaabot mo ito sa pamamagitan ng pagdadala sa A channel sa zero.

Magdagdag ng Higit pang Mga Detalye

Tandaan na habang papalapit ka, mas madilim at magiging mas detalyado ang iyong mga bagay. Habang ang nakaraang hilera ng mga gusali ay mananatiling isang kumpol ng minimal na mga parihaba at solidong bloke na may napakakaunting bintana.

Kaya sa mga gusaling pinakamalapit sa karakter, tiyaking idagdag ang lahat ng uri ng mga detalye tulad ng bintana, ilaw, o billboard. Tulad nitong “Coola” sign na ginawa ni Maddy gamit ang freehand brushstroke gamit ang pangalawang preset mula sa aming Brush Selection Pane.

Ang isang tip para magdagdag ng maraming bintana sa mga gusali sa foreground ay ang pumili ng maraming bagay gamit ang Select Tool at i-duplicate ang mga ito sa pagkakasunod-sunod.

Iguhit angBus Stop

Gamit ang Rectangle Tool, subaybayan ang lahat ng pangunahing hugis na bumubuo sa hintuan ng bus.

Tulad ng dati, gamitin ang Node Tool para baguhin ang anumang mga anggulo na kailangang humantong sa pagkawalang punto ng iyong pananaw. Gumagamit siya dito ng purple para sa bakod (7125D0), puti (FFFFF) at dilaw (FEF66F) para sa takip, at dagdag na lilim ng asul (957AE1) para sa sign.

Magdagdag ng Higit Pa Dimensyon

Ang mga elemento ng hintuan ng bus ay bahagi din ng tanawin ng paglubog ng araw.

Upang pukawin iyon, gagawa kami ng isang bagay tungkol sa mga solidong kulay na ito. Kaya i-duplicate ang tuktok na parihaba na ginamit mo sa paggawa ng bakod, gawin itong mas makitid, ilagay ito sa itaas, at bigyan ito ng gradient na nagpapakita ng sinasalamin na ilaw ng paglubog ng araw.

Pumunta si Maddy para sa isang linear gradient (ang gradient sa sa gitna), at binabago ang kanan at kaliwang kulay sa isang light orange (EFB09F). Pagkatapos ay gagawin niyang ganap na transparent ang kaliwang kulay sa pamamagitan ng pagpapalit ng A channel sa zero.

Ilapat ang parehong epekto, sa parehong paraan, para sa bawat indibidwal na rail.

Magdagdag ng Mga Elemento sa Langit

Sa wakas, lilipat na tayo sa mga detalye sa kalangitan, kung saan magdaragdag tayo ng ilang ulap, bituin, at buwan.

Para sa mga ulap, kunin ang Brush