Kaip kurti foną

Galbūt to nesuprantate, bet fono piešimas yra viena svarbiausių bet kurios personažo iliustracijos dalių.

Jūsų veikėjai neturėtų plaukti baltame fone. Jie priklauso savo unikaliai visatai, kuri apibrėžė, kaip jūsų veikėjai vystėsi iki to momento, kai juos nupiešėte.

Šiame mokomajame straipsnyje nagrinėsime, kaip menininkė Maddy Zoli kuria foną. Sekite toliau "Vectornator" ir sužinokite, kaip tai padaryti patiems!

Personažo dizainas

Jei skaitėte pirmąją pamoką apie veikėjų kūrimą, žinote, kad veikėjo istorija yra kiekvienos piešiamos linijos pagrindas.

Savo veikėjus reikia įprasminti giliau, nei atrodo iš pirmo žvilgsnio; nuo to, kada jie gimė, kur gyvena, kokį darbą dirba, iki to, koks yra jų mėgstamiausias maistas. Skamba pernelyg sudėtingai? Mums tai skamba smagiau!

Nesileisdami į gilią triušio duobę, apgalvokite visas šias veikėjo praeities, dabarties ir ateities detales ir perkelkite jas į jo aplinką. Kitaip tariant, projektuokite mintyse kuriamą istoriją į veikėjo foną. Naudodami tokį vizualų pasakojimą, veikėjai ir pasauliai taps daug turtingesni ir tikresni.

Menininkas

Ši pamoka parengta bendradarbiaujant su nuostabiąja Maddy Zoli. Kartu kuriame visą personažų seriją savo "YouTube" kanale, o su ja ne tik malonu bendradarbiauti, bet ir ji labai gerai išmano šią temą. Šiam žingsnis po žingsnio vadovui negalėjome dirbti su niekuo geresniu.

Pastebėsite, kad kiekvienas žingsnis, kurį minime šioje pamokoje, nėra smulkiausias. Tai reiškia, kad neminėsime žingsnio kiekvieną kartą, kai kuriamas naujas sluoksnis arba braižoma nauja forma. Vietoj to, kiekvieną struktūrinį dizaino proceso papildymą sutrauksime į vieną bendrą žingsnį.

- "iPad

- "Apple Pencil

- "Procreate" (arba kita eskizavimo programinė įranga)

- Naujausia "Vectornator" versija Ką sužinosite:

- Kaip eskizuoti

- Kaip paruošti drobę ir foną

- Kaip pridėti ir tvarkyti sluoksnius

- Išplėstinis plunksnos, pieštuko, teptuko įrankių, mazgų ir formų įrankių naudojimas

- Išplėstinis spalvų rinkiklio ir gradiento redaktoriaus naudojimas

- Kaip pridėti šviesos, šešėlių ir judesio

- Kaip naudoti dublikato funkciją, kad palengvintumėte savo darbo krūvį

- Kaip kurti ranka pieštus užrašus

- Kaip kurti sudėtingas figūras

Čia deriname praktiką ir teoriją, todėl prisisekite diržus!

Teisingai pateikite nuorodas

Šiame etape reikia rasti tinkamą įkvėpimą, kad galėtumėte sukurti norimo tipo foną.

Ar galite atspėti, iš kur yra Maddy nuorodos? Jos įkvėpimo šaltinis - pasteliniai miestovaizdžiai su neoninėmis šviesomis iš 80-ųjų ir 90-ųjų anime, pavyzdžiui, Sailor Moon ir Cardcaptor Sakura. Ji ketina įtraukti jų estetiką į savo fono dizainą.

Juose jau yra įdomus apšvietimas, veiksmas ir gera kompozicija. Tačiau taip pat galite tiesiog išeiti į lauką ir piešti peizažus ar miesto scenas, kurias matote aplink save.

Svarbiausia - suteikti viskam prasmę. Turėtumėte galvoti apie savo veikėją ir jo foną ne kaip apie atskirus dalykus, o kaip apie vieną visumą. Jūs piešiate ne tik veikėjo foną, bet ir sceną, kurioje yra jūsų veikėjas.

Nubraižykite pagrindinių formų eskizus

Populiarus eskizavimo stilius - atlikti keletą nedidelių, 5 minučių trukmės "gestų" studijų pagal nuorodas, kai tiesiog užblokuojamos pagrindinės vertės.

Tuomet pasirinkite vieną ar dvi studijas, kurias išplėtosite į išsamesnius eskizus, kuriems sukurti sugaišite apie 30 minučių, kaip ir eskizui, kurį Maddy užbaigia "Procreate" programoje.

Toks mąstymas padeda geriau ir įdomiau integruoti visus elementus. Nes jūsų žiūrovas mane labiau įtraukia į aplinką, nei jei tai būtų tik dekoratyvinis fonas.

Taigi mūsų atveju jau žinome, kad Jokasta yra paauglė mergaitė, turinti supergalių. Tačiau Maddy, kaip kūrėja, žino, kad ji gyvena ateityje, judriame mieste, kur kiekvieną vakarą turi laukti viešojo transporto, kad galėtų grįžti namo.

Tai galima suprasti iš šio mažo akį traukiančio elemento - autobusų stotelės ženklas iš tikrųjų yra erdvėlaivis.

Įkelti eskizą į "Vectornator

Iš "Procreate" tiesiog eksportuokite eskizą kaip jpeg/png ir importuokite jį į "Vectornator". Tai galite padaryti vilkdami iš skirtuko "Galerija".

Padėkite savo personažui

Maddy pastatė Jokastą scenoje vadovaudamasi trečdalių taisykle.

Yra daugybė būdų, kaip sukurti puikią kompoziciją, naudojant įvairias išbandytas taisykles (pvz., trečdalių taisyklę), kurios padeda pasiekti subalansuotą estetiką. Jei norite apie tai sužinoti daugiau, peržiūrėkite mūsų vaizdo pamoką apie puikių kompozicijų kūrimą, kurią nufilmavo kita nuostabi iliustratorė Soodabeh Damavandi.

Organizuokite sluoksnius

Svarbu, kad sluoksniai būtų tvarkingi ir organizuoti - papildomos pastangos, kurias įdėsite į šį žingsnį, padės jums dešimteriopai, kai pradėsite kurti iliustraciją.

Taigi, įdėję veikėją, paslėpkite veikėjo sluoksnį. Tada užrakinkite eskizo sluoksnį, kai sumažinsite jo neskaidrumą.

Tai taip pat geras metas pakalbėti apie techniką!

Yra du būdai, kaip kurti foną: naudojant perspektyvą arba sluoksniuojant kraštovaizdį. Šiandien daugiausia dėmesio skiriame sluoksniavimo technikai. Jei norite, kad perspektyvos teoriją aptartume kitame vaizdo įraše, komentuokite toliau.

Jei suskirstytume kraštovaizdį, iš viso turime penkis sluoksnius. Iš priekio į galą, t. y. nuo artimiausio iki tolimiausio, sluoksniai yra šie:

• Jokasta ir vaiduoklis.
• Autobusų stotelė ir geležinkelis.
• Pirmoji pastatų eilė.
• Antroji pastatų eilė.
• Galiausiai dangus, mėnulis ir debesys.

Nuo šios akimirkos tiesiog nepamirškite, kad bet kuriam naujam iliustracijos dizaino elementui visada reikia sukurti naują sluoksnį, pavyzdžiui, autobusų stotelė yra atskirame sluoksnyje, antroji pastatų eilė taip pat, mėnuo ir žvaigždės taip pat, ir t. t. Suprantate.

Papasakokite istoriją spalvomis

Spalva - dar vienas itin svarbus aspektas, galintis daugiau papasakoti apie jūsų veikėjo istoriją.

Taigi, apibendrinant: šis pasaulis yra ateityje, jame gausu magijos, be to, jį įkvėpė Sailor Moon. Nieko nuostabaus, kad Maddy pasirinko drąsias spalvas, pavyzdžiui, neonines, pastelines, rausvas ir žalias. Viskas, tik ne nuobodu!

Čia pateikiami visi šešiaženkliai kodai, kurių reikia norint atkurti Maddy kūrinį:

Tamsiai violetinė - 7125D0

Oranžinė - EFB09F

Vidutinė mėlyna - 869FEF

Tamsiai mėlyna - 3E6AED

Tamsesnė mėlyna - 4265D2

Arbatžolė - 2885C7

Geltonos spalvos - FEF66F

Rožinė - F9A3D8

Šviesiai rožinė - F9DCEE

Galiausiai turite užtikrinti, kad spalvų derinys būtų pakankamai kontrastingas, bet kartu išliktų harmoningas su jūsų personažu. Štai kodėl Maddy pasirinko labai panašius atspalvius į tuos, kuriuos naudojo Jokastai.

Pastebėsite, kad Maddy pasirinkti atspalviai bus naudojami ir pakartotinai naudojami įvairiuose dizaino elementuose visoje kompozicijoje. Pasirinkę įvairią, tačiau ribotą spalvų paletę, galėsite ne tik padėti kūrybiniame procese, bet ir padaryti savo kūrinį vientisesnį ir lengviau atpažįstamą.

Nuotaikos nustatymas pagal dienos laiką

Nesirinkite vienspalvio fono ir nuotaikai sukurti naudokite dienos laiką. Šiai scenai Maddy pasirinko ankstyvą vakarą.

Tai atitinka tai, kaip dabar jaučiasi ir Jokasta, ir jos draugas vaiduoklis. Jokasta atrodo taip, tarsi jau būtų jį pergyvenusi, bet kadangi vaiduokliai pasirodo naktį, jis tik ruošiasi pradėti savo dieną!

Norėdama pasiekti šį vaizdą, Maddy sukuria violetinį kvadratą, kuris užpildo visą drobę (C18FF0). Tada ji taiko tamsiai mėlyną (3E6AED) linijinį gradientą, pradedant nuo viršutinio dešiniojo kampo.

Tada Maddy dubliuoja kvadratą, pasuka jį taip, kad gradientas atsidurtų priešingame kampe, ir pakeičia gradiento spalvą į gražią oranžinę (EFB09F). Ar kas nors pasakė "saulėlydžio vibracijos"?

Sukurkite antrąją pastatų eilę

Pradėsime nuo antrojo tolimiausio objektų sluoksnio (toliausiai yra dangus).

Ši konkreti tvarka nėra tokia svarbi. Tačiau jei turite daugybę vienas kitą dengiančių sluoksnių, pavyzdžiui, pastatus, traukinių stotį ir t. t., geriausia pradėti nuo tolimiausio, kad suprastumėte, kaip išdėstyti objektus pirmame plane, kiek turite neigiamos erdvės ir kokios spalvos geriausiai kontrastuoja.

Maddy paima "Shape Tool" (formos įrankį) ir pradeda kurti geometrines figūras, kad apibrėžtų frontalinį pastatų vaizdą. Jos naudojamas mėlynos spalvos atspalvis yra 869FEF.

Piešti perspektyvą

Šonams nupiešti ji pasirinko tamsesnį atspalvį - 957AE1.

Be to, ji taip pat naudoja įrankį "Mazgas", kad pakeistų stačiakampio viršutinės pusės kampą taip, kad jis sutaptų su kompozicijos išnykimo tašku.

Pridėti išsamią informaciją

Maddy prie pastatų, esančių arčiau žiūrovo perspektyvos, prideda plakatą.

Nors šie pastatai techniškai vis dar yra antroje eilėje, jie yra arčiausiai iš tolimiausių pastatų. Taigi, pridėjus čia bet kokių detalių, tik bus sukurta tikroviškesnė aplinka.

Nubraižykite pirmąją pastatų eilę

Kaip ir anksčiau, paimkite formos įrankį ir nubrėžkite stačiakampius, kad užpildytumėte miestą. Maddy vėl pasirinko 957AE1, o šonams - 4265D2.

Sukurti atmosferą

Jei norite, kad fonas būtų dar gilesnis, įtraukite tokias detales kaip miesto rūkas.

Tiesiog nubrėžkite stačiakampį naudodami "Shape Tool" ir suteikite jam įdomų linijinį gradientą, kuris blunka nuo apačios į viršų. Kairioji spalva (mūsų atveju apatinė spalva) yra graži arbatinė (2885C7), o kairioji spalva (mūsų atveju viršutinė) yra balta (FFFFFF) su 0 nepermatomumu. Tai pasieksite A kanalą priartinę prie nulio.

Pridėti daugiau informacijos

Atminkite, kad kuo arčiau, tuo tamsesni ir detalesni bus jūsų objektai. Tuo tarpu ankstesnė pastatų eilė liks minimalių stačiakampių ir vientisų blokų su labai nedaug langų sankaupa.

Taigi arčiausiai veikėjo esančiuose pastatuose būtinai pridėkite įvairių detalių, pavyzdžiui, langų, šviesų ar reklaminių stendų. Kaip šis užrašas "Coola", kurį Maddy sukūrė naudodama laisvus potėpius teptuku, naudodama antrąjį išankstinį nustatymą iš mūsų teptukų parinkimo skydelio.

Patarimas, kaip prie pastatų pirmame plane pridėti kelis langus, - pasirinkite kelis objektus naudodami pasirinkimo įrankį ir dubliuokite juos paeiliui.

Nubraižykite autobusų stotelę

Naudodami stačiakampio įrankį apveskite visas pagrindines autobusų stotelę sudarančias figūras.

Kaip ir anksčiau, naudokite mazgo įrankį, kad pakeistumėte visus kampus, kurie turi vesti į perspektyvos išnykimo tašką. Čia ji naudoja violetinę spalvą tvorai (7125D0), baltą (FFFFF) ir geltoną (FEF66F) dangai ir papildomą mėlyną atspalvį (957AE1) ženklui.

Pridėti daugiau matmenų

Autobusų stotelės elementai taip pat yra saulėlydžio scenos dalis.

Norėdami tai priminti, ką nors padarysime su šiomis vientisomis spalvomis. Taigi dubliuokite viršutinį stačiakampį, kurį naudojote tvorai sukurti, padarykite jį siauresnį, uždėkite ant viršaus ir suteikite jam gradientą, kuriame atsispindėtų saulėlydžio šviesa.

Maddy pasirenka linijinį gradientą (centre esantis gradientas) ir pakeičia dešinę bei kairę spalvą į šviesiai oranžinę (EFB09F). Tada kairę spalvą padaro visiškai skaidrią, pakeisdama A kanalą į nulį.

Tą patį efektą tokiu pat būdu pritaikykite kiekvienam atskiram bėgiui.

Įtraukti elementus į dangų

Galiausiai pereisime prie dangaus detalių, kur pridėsime kelis debesis, žvaigždes ir mėnulį.

Norėdami sukurti debesis, paimkite teptuko įrankį ir, norėdami sukurti formą, kuri prasideda nuo mažos ir palaipsniui didėja, žaiskite su spaudimo dydžiu. Keičiant spaudimą, linija vienu brūkštelėjimu gali tapti nuo labai plonos iki labai stambios. Kad pasiektumėte šį efektą, Maddy naudoja 4-ąjį mūsų išankstinių nustatymų teptuką su įjungtu spaudimo jautrumo režimu.

Nupiešę debesis, naudokite mazgų įrankį, kad pakoreguotumėte jų formą.

Kadangi debesys natūraliai atspindės saulėlydžio šviesą, suteikite jiems gradientą nuo oranžinio atspalvio (F92CEE, kairėje) iki šviesiai rausvo (F9DCEE, dešinėje).

Kalbant apie mėnulį, sukurkite du apskritimus ir naudodami funkciją "Subtract Boolean" iškirpkite tobulą pusiau perregimą mėnulį. Nepamirškite laikyti vieno piršto ant drobės, kad išlaikytumėte kraštinių santykį.

Galiausiai pridėkite žvaigždes naudodami formos įrankį. Maddy nusprendžia, kad žvaigždė turi 12 taškų. Taškų skaičių galite redaguoti naudodami kairėje esantį slankiklį, o jų formą galite keisti laikydami nuspaustą vieną pirštą ir vilkdami pieštuką drobėje.

Pridėkite keletą įdomių detalių

Ar taip pat esate vienas iš tų žmonių, kurie geriausius dalykus pasilieka pabaigai? Laikas pridėti vieną iš paskutinių ir šauniausių grafinių elementų prie šio kūrinio.

Sukurkite erdvėlaivį su minimaliomis pastangomis naudodamiesi "Iconator" funkcija. Tiesiog bakstelėkite paskutinį Inspektoriaus skirtuką, kad patektumėte į "Iconator", ir naudodamiesi paieškos juosta raskite tai, ko jums reikia.

Maddy išsirenka jai labiausiai patinkantį erdvėlaivį, pakeičia jo dydį, nuspalvina jį balta spalva ir centruoja ženklo viduryje.

Pridėti šviesos efektų

Kad miestas būtų dar puošnesnis, pabaigai pridėkite keletą šviesų apskritimų, kad tolimas miestas blizgėtų. Apskritimams, žinoma, naudokite formos įrankį, o tada žaiskite su stiliaus skirtuko gradiento funkcija, kad efektas būtų gražesnis.

Maddy pasirinko linijinį gradientą, kurio kairėje pusėje yra rožinė spalva (F9A3D8), o dešinė pusė palikta 100 % skaidri.

Tada eikite į "Blend Modes" ir pasirinkite "Overlay".

Pridėti judėjimą

Kad iliustracijos režimas taptų dinamiškas, pridėkite paskutinį sluoksnį, kuriame bus per sceną einančios dalelės. Tam Maddy naudoja tą patį teptuką kaip ir anksčiau (ketvirtąjį iš mūsų išankstinių nustatymų), kad sukurtų labai smulkius brūkšnelius, užpildytus tuo pačiu gradientu iš 15 veiksmo. Tada vėl nustatykite maišymo režimą Overlay (perdanga).

Akimirka, kurios laukėme: po visų šių veiksmų iliustracija baigta!

Kodėl svarbu piešti foną

Kad ir koks būtų piešinio fonas, jis daro didžiulę įtaką galutiniam kūriniui - geram ar blogam!

Išmokus piešti objektus ir veikėjus dinamiškomis pozomis, fonas yra paskutinė dėlionės dalis, kuri viską sujungia.

Jūsų fonas veikia kaip jūsų veikėjo jangas. Jei savo veikėją sukūrėte naudodami apvalias formas, fonui atvaizduoti turėsite naudoti kampuotas formas. Jei jūsų veikėjas tamsus, naudokite šviesias fono spalvas ir t. t. Svarbiausia - kontrastas su veikėju, kad jis išsiskirtų.

Jūsų fonas turi pabrėžti jūsų veikėją ir jo istoriją techniniu ir koncepciniu lygmeniu. Taigi, jei klausiate savęs, ar fono kūrimas yra svarbus, manome, kad jis iš tikrųjų yra gyvybiškai svarbus.

Tikimės, kad ši pamoka jums buvo naudinga. Jei dar to nepadarėte, būtinai atsisiųskite "Vectornator", kad galėtumėte kurti savo nuostabius fonus, panašius į Maddy sukurtąjį.

Jei esate naujokas mūsų įrankyje, apsilankykite mūsų mokymosi centre arba "YouTube" kanale, kur rasite grafinio dizaino pamokų ir naujų įkvėpimo šaltinių, ir pasirinkite paruoštą šabloną, kad per kelias minutes sukurtumėte dizainą.

Nepamirškite visada pažymėti mus socialiniuose tinkluose, kad galėtume skelbti jūsų darbus!