Kako oblikovati ozadja

Kako oblikovati ozadja
Rick Davis

Morda se tega ne zavedate, vendar je risanje ozadja eden najpomembnejših delov ilustracije lika.

Vaši liki ne smejo lebdeti v belem ozadju. Pripadajo svojemu edinstvenemu vesolju, ki je določilo, kako so se vaši liki razvijali do trenutka, ko ste jih narisali.

V tem članku bomo preučili, kako umetnica Maddy Zoli ustvari ozadje. Sledite v programu Vectornator in se naučite, kako lahko to naredite tudi sami!

Oblikovanje znakov

Če ste prebrali našo prvo lekcijo o oblikovanju lika, veste, da je ozadje lika temelj vsake narisane črte.

Svoje like morate utemeljiti v globlji zgodbi, kot se zdi na prvi pogled; od tega, kdaj so se rodili, kje živijo, kakšno službo imajo, do tega, katera je njihova najljubša hrana. Se vam zdi pretirano? Nam se zdi, da je to bolj zabavno!

Ne da bi padli v globoko zajčjo luknjo, pomislite na vse te podrobnosti o preteklosti, sedanjosti in prihodnosti svojega lika ter jih prenesite v njegovo okolje. Z drugimi besedami, zgodbo, ki jo imate v mislih, projicirajte v ozadje lika. S tako uporabo vizualnega pripovedovanja zgodb bodo vaši liki in svetovi veliko bogatejši in resničnejši.

Umetnik

Ta vadnica je nastala v sodelovanju z neverjetno Maddy Zoli. Skupaj ustvarjamo celotno serijo likov na našem kanalu YouTube, z njo pa ni le prijetno sodelovati, ampak je tudi izjemno dobro poučena o tej temi. Za ta vodnik korak za korakom ne bi mogli sodelovati z nikomer boljšim.

Opazili boste, da vsak korak, ki ga omenjamo v tem učbeniku, ne posega v najmanjše podrobnosti. To pomeni, da ne bomo omenjali koraka ob vsakem ustvarjanju nove plasti ali risanju nove oblike. Namesto tega bomo vsak strukturni dodatek k postopku oblikovanja strnili v en krovni korak.

Kaj potrebujete:

- iPad

Poglej tudi: Oblikovanje, osredotočeno na uporabnika: kaj je in kako ga izvajati

- Apple Pencil

- Procreate (ali katera koli druga programska oprema za skiciranje)

- Najnovejša različica Vectornatorja Kaj se boste naučili:

- Kako skicirati

- Kako pripraviti platno in ozadje

- Kako dodajati in upravljati plasti

- Napredna uporaba orodij za pisanje s peresom, svinčnikom, čopičem, vozliščem in oblikami

- Napredna uporaba izbirnika barv in urejevalnika gradientov

- Kako dodati svetlobo, sence in gibanje

- Kako s funkcijo podvajanja olajšati delovno obremenitev

- Kako ustvariti ročno narisane črke

- Kako ustvariti zapletene oblike

Tu smo združili prakso in teorijo, zato se pripnite!

Korak 1

Pravilno navedite reference

V tem koraku poiščite pravi navdih za vrsto ozadja, ki ga želite oblikovati.

Lahko uganete, od kod izvirajo Maddyjine reference? Njen navdih so pastelne mestne pokrajine z neonskimi lučmi iz animejev iz 80. in 90. let, kot sta Sailor Moon in Cardcaptor Sakura. Njihovo estetiko bo vključila v svoje oblikovanje ozadja.

Posnetki filmov ali animacij so odličen vir navdiha za zamisli o ozadju.

Ti so že pripravljeni tako, da imajo zanimivo osvetlitev, dogajanje in dobro kompozicijo. Lahko pa greste tudi ven in narišete pokrajine ali mestne prizore, ki jih vidite okoli sebe.

Najpomembnejše pri tem je, da vsemu damo pomen. O svojem liku in njegovem ozadju ne smete razmišljati kot o ločenih stvareh, temveč kot o eni sami enoti. Ne rišete le ozadja za svoj lik, temveč tudi prizor, v katerem je po naključju vaš lik.

Korak 2

Skiciranje osnovnih oblik

Priljubljen način skiciranja je, da naredite nekaj majhnih, petminutnih študij "gest" iz referenc, pri katerih preprosto zabrišete glavne vrednosti.

Nato izberite eno ali dve študiji, ki jih boste razvili v podrobnejše skice, za katere boste porabili približno 30 minut, tako kot za skico, ki jo je Maddy dokončala v programu Procreate.

Ne pozabite, da mora biti vsak del prizora pomemben za zgodbo - sicer ga ne rišite.

Takšno razmišljanje vam pomaga bolje in bolj zanimivo vključiti vse elemente. Ker me vaš gledalec bolj pritegne v okolje, kot če bi bilo le dekorativno ozadje.

V našem primeru torej že vemo, da je Jokasta najstnica z nadnaravnimi močmi. Maddy kot ustvarjalka pa ve, da živi v prihodnosti, v prometnem mestu, kjer mora vsak večer čakati na javni prevoz, da se vrne domov.

To lahko razberete iz tega malega privlačnega elementa - znak za avtobusno postajališče je v resnici vesoljski raketoplan.

Korak 3

Naložite skico v Vectornator

Iz programa Procreate preprosto izvozite skico kot jpeg/png in jo uvozite v program Vectornator. To lahko storite z vlečenjem in spuščanjem z zavihka Galerija.

💡 Nasvet za strokovnjake: Če svojo prvo skico ustvarite na papirju, jo v nekaj sekundah uvozite v platno s pomočjo naše nove funkcije skeniranja Korak 4

Položaj vašega lika

Maddy je Jokasto umestila v prizor po pravilu tretjin.

Obstaja veliko načinov za ustvarjanje odlične kompozicije z uporabo različnih preizkušenih pravil (kot je pravilo tretjin), ki vam pomagajo doseči uravnoteženo estetiko. Če želite o tem izvedeti več, si oglejte naš videouvodnik o ustvarjanju odličnih kompozicij, ki ga je posnel še en izjemen ilustrator - Soodabeh Damavandi.

Korak 5

Organizirajte svoje plasti

Pomembno je, da so plasti urejene in organizirane - dodaten trud, ki ga boste vložili v ta korak, vam bo desetkratno pomagal pri nadaljnjem delu z ilustracijo.

Ko postavite svoj lik, skrijte plast z likom. Nato zaklenite plast s skico, potem ko ste zmanjšali njeno prekrivnost.

To je tudi dober čas za pogovor o tehniki!

Oblikovanje ozadja lahko izvedete na dva načina: z uporabo perspektive ali s plastenjem pokrajine. Danes se bomo osredotočili na tehniko plastenja. Če želite, da teorijo perspektive obravnavamo v drugem videoposnetku, komentirajte spodaj.

Če razčlenimo pokrajino, imamo skupaj pet plasti. Od spredaj do zadaj, torej od najbližje do najbolj oddaljene, so plasti naslednje:

  • Jokasta in duh.
  • Avtobusno postajališče in železniška postaja.
  • Prva vrsta stavb.
  • Druga vrsta stavb.
  • Nazadnje pa še nebo, luna in oblaki.

Od te točke naprej ne pozabite, da morate za vsak nov element oblikovanja v ilustraciji vedno ustvariti novo plast - na primer avtobusno postajališče je na ločeni plasti, prav tako druga vrsta stavb, luna in zvezde, pa tudi... razumete.

Korak 6

Pripovedujte zgodbo z barvami

Barva je še en izjemno pomemben vidik, ki lahko pove več o zgodbi vašega lika.

Če povzamemo: ta svet je v prihodnosti, poln čarovnije in navdihnjen s Sailor Moon. Ni šokantno, da je Maddy izbrala drzne barve, kot so neonske, pastelne, rožnate in zelene. Vse, kar ni dolgočasno!

Tukaj so vse šestnajstkovne kode, ki jih potrebujete za ponovno ustvarjanje Maddyjinega dela:

Srednja vijolična - C18FF0

Temno vijolična - 7125D0

Oranžna barva - EFB09F

Srednja modra - 869FEF

Temno modra - 3E6AED

Temnejša modra - 4265D2

Teal - 2885C7

Rumena barva - FEF66F

Rožnata - F9A3D8

Svetlo roza - F9DCEE

Navsezadnje morate poskrbeti, da uporabite barvno kombinacijo, ki je dovolj kontrastna, a hkrati ostaja skladna z vašim likom. Zato je Maddy izbrala zelo podobne odtenke, kot jih je uporabila za Jokasto.

Opazili boste, da bodo odtenki, ki jih je izbrala Maddy, uporabljeni in ponovno uporabljeni v različnih oblikovnih elementih v celotni kompoziciji. Izbira raznolike, vendar omejene barvne palete vam bo pomagala pri ustvarjalnem procesu, poleg tega pa bo vaše umetniško delo bolj kohezivno in prepoznavno.

Korak 7

Ustvarjanje razpoloženja z dnevnim časom

Ne uporabljajte enobarvnega ozadja in uporabite dnevni čas kot način za ustvarjanje razpoloženja. Maddy je za ta prizor izbrala zgodnji večer.

To se ujema s tem, kako se zdaj počutita tako Jokasta kot njen prijatelj duh. Jokasta je videti, kot da je že prebolela, ker pa se duhovi pojavljajo ponoči, je on tik pred začetkom svojega dneva!

Za dosego tega videza Maddy ustvari vijolični kvadrat, ki zapolni celotno platno (C18FF0). Nato uporabi temno modri (3E6AED) linearni gradient, ki se začne v zgornjem desnem kotu.

Maddy nato podvoji kvadrat, ga obrne tako, da se gradient nahaja v nasprotnem kotu, in spremeni barvo gradienta v čudovito oranžno (EFB09F). Je kdo rekel sončni zahod?

Poglej tudi: Analogne barve za oblikovalce Korak 8

Ustvarjanje druge vrste stavb

Začeli bomo z drugo najbolj oddaljeno plastjo predmetov (najbolj oddaljena je nebo).

Ta poseben vrstni red ni tako pomemben. Če pa imate kopico slojev, ki se med seboj prekrivajo, kot so stavbe, železniška postaja in tako naprej, je najbolje začeti z najbolj oddaljenim, da boste razumeli, kako postaviti predmete v ospredje, s koliko negativnega prostora se lahko poigrate in katere barve so najbolj kontrastne.

Maddy vzame orodje Shape Tool in začne ustvarjati geometrijske oblike, s katerimi določi čelni pogled na stavbe. Odtenek modre barve, ki ga uporabi, je 869FEF.

Korak 9

Narišite perspektivo

Za risanje stranic je izbrala temnejši odtenek - 957AE1.

Ne le to, z orodjem Node Tool spremeni tudi kot zgornje strani pravokotnika, tako da se uskladi z izginjajočo točko kompozicije.

Korak 10

Dodaj podrobnosti

Maddy stavbam, ki so bližje gledalčevi perspektivi, doda transparent.

Čeprav so te stavbe tehnično gledano še vedno v drugi vrsti, so najbližje od najbolj oddaljenih stavb. Zato bo dodajanje kakršnih koli podrobnosti tukaj le ustvarilo bolj realistično okolje.

Korak 11

Narišite prvo vrsto stavb

Enako kot prej vzemite orodje za oblikovanje in narišite pravokotnike, da zapolnite mesto. Maddy je spet izbrala 957AE1, za stranice pa 4265D2.

Korak 12

Ustvarjanje ambienta

Če želite ozadje še bolj poglobiti, vključite podrobnosti, kot je mestna megla.

Preprosto narišite pravokotnik z orodjem Shape Tool in mu dodajte zabaven linearni gradient, ki bledi od spodaj navzgor. Leva barva (v našem primeru spodnja barva) je čudovita teal (2885C7), leva barva (v našem primeru zgornja) pa je bela (FFFFFF) z prekrivnostjo 0. To lahko dosežete tako, da kanal A postavite na nič.

Korak 13

Dodaj več podrobnosti

Upoštevajte, da bolj ko se približujete, temnejši in podrobnejši bodo vaši predmeti. Medtem ko bo prejšnja vrsta stavb ostala skupek minimalnih pravokotnikov in masivnih blokov z zelo malo okni.

V stavbe, ki so najbližje liku, dodajte vse vrste podrobnosti, kot so okna, luči ali oglasne table. Kot je ta napis "Coola", ki ga je Maddy ustvarila s prostimi potezami s čopičem z uporabo druge prednastavitve iz našega podokna za izbiro čopiča.

Nasvet za dodajanje več oken stavbam v ospredju je, da z orodjem za izbiro izberete več predmetov in jih zaporedno podvojite.

Korak 14

Narišite avtobusno postajališče

Z orodjem za pravokotnike obrišite vse glavne oblike, ki sestavljajo avtobusno postajališče.

Tako kot prej uporabite orodje Vozlišče, da spremenite vse kote, ki morajo voditi do izginjajoče točke vaše perspektive. Tu je za ograjo uporabila vijolično barvo (7125D0), za pokrov belo (FFFFF) in rumeno (FEF66F), za znak pa dodaten odtenek modre (957AE1).

Korak 15

Dodajte več dimenzij

Tudi elementi avtobusne postaje so del prizora sončnega zahoda.

Da bi to priklicali, bomo nekaj naredili s temi enotnimi barvami. Podvojite zgornji pravokotnik, ki ste ga uporabili za ustvarjanje ograje, ga zožite, postavite na vrh in mu dodajte gradient, ki prikazuje odbito svetlobo sončnega zahoda.

Maddy izbere linearni gradient (gradient na sredini) in spremeni desno in levo barvo v svetlo oranžno (EFB09F). Nato naredi levo barvo popolnoma prozorno, tako da spremeni kanal A na nič.

Enak učinek na enak način uporabite za vsako posamezno tirnico.

Nasvet za strokovnjake: Opazite, kako smo ta prizor spremenili iz ravne oblike v kompleksno okolje. Če se želite naučiti senčenja z vektorji, si oglejte Maddyjino vadnico Korak 16.

Dodajanje elementov v nebo

Na koncu se bomo lotili podrobnosti na nebu, kjer bomo dodali nekaj oblakov, zvezd in lune.

Za oblake vzemite orodje Brush Tool in se poigrajte s pritiskom na platno, da ustvarite obliko, ki se začne majhna in se postopoma povečuje. S spreminjanjem pritiska lahko črta z eno potezo postane zelo tanka do zelo debela. Maddy je za ta učinek uporabila 4. čopič iz naših prednastavitev z vklopljeno občutljivostjo pritiska.

Ko narišete oblake, z orodjem Node Tool prilagodite njihovo obliko.

Ker bodo oblaki naravno odbijali svetlobo sončnega zahoda, jim dodajte gradient, ki prehaja iz oranžnega odtenka (F92CEE, levo) v svetlo roza (F9DCEE, desno).

Za luno ustvarite dva kroga in s funkcijo Subtract Boolean izrežite popolno polkrožno luno. Ne pozabite držati enega prsta na platnu, da ohranite razmerje stranic.

Nazadnje dodajte zvezde z orodjem za oblikovanje. Maddy se odloči za zvezdo z 12 točkami. Število točk lahko urejate z drsnikom na levi, njihovo obliko pa lahko spreminjate tako, da med vlečenjem svinčnika po platnu držite en prst.

Korak 17

Dodajte nekaj kul podrobnosti

Ste tudi vi med tistimi, ki najboljše prihranijo za konec? Čas je, da temu kosu dodate enega zadnjih in najbolj zanimivih grafičnih elementov.

S funkcijo Iconator ustvarite vesoljski raketoplan z minimalnim naporom. Za dostop do funkcije Iconator preprosto tapnite zadnji zavihek v Inšpektorju in z iskalno vrstico poiščite, kar potrebujete.

Maddy izbere raketoplan, ki ji je najbolj všeč, spremeni njegovo velikost, ga obarva belo in ga postavi na sredino znaka. Enostavno!

💡 Nasvet za strokovnjake: Uporabite na tisoče brezplačnih ikon iz programa Iconator in v nekaj sekundah ustvarite zapletene oblike. 18. korak

Dodajanje svetlobnih učinkov

Za dodaten pridih na koncu dodajte nekaj krogov luči, ki ustvarijo učinek bleščanja oddaljenega mesta. Za kroge seveda uporabite orodje za oblikovanje, nato pa se poigrajte s funkcijo gradienta v zavihku Slog, da dosežete lepši učinek.

Maddy je izbrala linearni gradient z rožnato barvo (F9A3D8) na levi strani, medtem ko je desna stran ostala 100-odstotno prozorna.

Nato pojdite v možnost Blend Modes in izberite Overlay.

Korak 19

Dodajanje gibanja

Da bo način ilustracije dinamičen, dodajte še zadnji sloj luči delcev, ki prečkajo prizorišče. Maddy pri tem uporabi isti čopič kot prej (četrti iz naših prednastavitev) in ustvari zelo drobne poteze, zapolnjene z enakim gradientom iz koraka 15. Nato način mešanja znova nastavi na Prekrivanje.

Trenutek, ki smo ga čakali: po vseh teh korakih je ilustracija končana!

Zakaj je pomembno risanje ozadij

Ne glede na to, kakšno je ozadje risbe, ima velik vpliv na končno umetnino - dobro ali slabo!

Ko se naučite risati predmete in like v dinamičnih položajih, je ozadje zadnji del sestavljanke, ki vse skupaj poveže.

Vaše ozadje deluje kot jin za jang vašega lika. Če ste svoj lik ustvarili z uporabo zaobljenih oblik, uporabite kotne oblike, ki bodo predstavljale ozadje. Če je vaš lik temen, uporabite svetle barve ozadja in tako naprej. Ključno je, da je v kontrastu z vašim likom, kar mu pomaga izstopati.

Vaše ozadje naj bi poudarilo vaš lik in njegovo zgodbo na tehnični in konceptualni ravni. Če se torej sprašujete, ali je oblikovanje ozadja pomembno, menimo, da je pravzaprav ključnega pomena.

Upamo, da vam je bilo to vodilo v pomoč. Če še niste, si prenesite program Vectornator, da boste lahko oblikovali svoja osupljiva ozadja, kot jih je ustvarila Maddy.

Če ste novinec v našem orodju, si oglejte naše učno središče ali kanal YouTube, kjer boste našli vaje za grafično oblikovanje in nov navdih, ter izberite pripravljeno predlogo in ustvarite oblikovanje v nekaj minutah.

Ne pozabite nas vedno označiti v družabnih medijih, da bomo lahko ponovno objavili vaše delo!




Rick Davis
Rick Davis
Rick Davis je izkušen grafični oblikovalec in vizualni umetnik z več kot 10-letnimi izkušnjami v industriji. Delal je z različnimi strankami, od majhnih startupov do velikih korporacij, in jim pomagal doseči njihove oblikovalske cilje ter povzdigniti svojo blagovno znamko z učinkovitimi in impresivnimi vizualnimi elementi.Rick, ki je diplomiral na šoli za vizualne umetnosti v New Yorku, strastno raziskuje nove oblikovalske trende in tehnologije ter nenehno premika meje možnega na tem področju. Ima globoko strokovno znanje o programski opremi za grafično oblikovanje in vedno želi svoje znanje in spoznanja deliti z drugimi.Poleg svojega dela kot oblikovalec je Rick tudi predan bloger in je predan pokrivanju najnovejših trendov in razvoja v svetu programske opreme za grafično oblikovanje. Verjame, da je izmenjava informacij in idej ključnega pomena za spodbujanje močne in živahne oblikovalske skupnosti, in se vedno želi povezovati z drugimi oblikovalci in ustvarjalci na spletu.Ne glede na to, ali oblikuje nov logotip za stranko, eksperimentira z najnovejšimi orodji in tehnikami v svojem studiu ali piše informativne in privlačne objave v spletnem dnevniku, je Rick vedno predan zagotavljanju najboljšega možnega dela in pomaga drugim pri doseganju njihovih oblikovalskih ciljev.