Kuidas alustada pikselkunsti tegemist nr 1

Absoluutne algaja juhend

See on väike artikkel sellest, kuidas alustada pikselikujunduse tegemist, mis on mõeldud neile, kes on juba alustamas või pole kunagi pikslite kunsti tarkvara avanud. Praegu käsitlen ainult neid põhitõdesid, kuidas faili luua, lõuendi suurust häälestada ja töötada koos värvipiiranguga.

Seda artiklit toetas Patreon! Kui teile meeldib see, mida ma siin teen, kaaluge mind seal toetamist :)

Ka see on artiklite sarja 1. osa, lugege tervet sarja siin Pixel Grimoire'is.

Enne alustamist

Enne pikselikunsti juurde õppimist pidage meeles: pikslikunst on lihtsalt veel üks kunstikandja, nagu guache, õlimaal, pliiats, skulptuur või selle lähedane nõbude mosaiik. Hea pikselikujundi tegemiseks peate suutma teha häid jooniseid. Üldiselt tähendab see anatoomia, vaatenurga, valguse ja varju, värviteooria ja isegi kunstiajaloo uurimist, kuna need kõik on hädavajalikud pikslikunsti tegemiseks.

Tööriistad

Hea pikselpildi tegemiseks ei vaja te midagi väljamõeldud ning saate ka hea hiire ja tasuta tarkvara abil hakkama saada. Minu häälestus sisaldab väikest Wacomi pliiatsi tahvelarvutit, head hiirt, head klaviatuuri ja minu lemmiktarkvara on Aseprite, kuid peaksite kasutama kõike, mis teile kõige mugavam on.

Siin on loetelu tarkvarast, mida tavaliselt kasutatakse pikslite kujunduses:

  • Aseprite: suurepärane professionaalne toimetaja paljude aja säästmise võimalustega (tasuline)
  • GraphicsGale: klassikaline, kasutatakse paljudes mängudes. See on natuke keeruline, kuid täis suurepäraseid funktsioone (tasuta)
  • Piskel: tasuta veebipikslite kunstiline toimetaja (tasuta)
  • Photoshop: võimas pildiredaktor, mis pole mõeldud pikselikujunduse tegemiseks, kuid saate selle seadistada kasutamiseks (tasuline)

Asepriit

Aseprite on praegu minu lemmik pikslitarkvara. See on uskumatult võimas, täis funktsioone ja samas lihtne kasutada. Valisin selle juhendaja tarkvaraks Aseprite, kuid olen üsna kindel, et saate seda kohandada mõne muu kasutatava tarkvaraga minimaalsete muudatustega. Samuti saate Aseprite'i jaoks tasuta prooviversiooni hankida, kuid pidage meeles, et see ei salvesta teie faile, mis on minu arvates ok, kui te ainult harjutate.

Uue faili tegemine

Klõpsake lihtsalt avakuval linki „Uus fail…” või minge valikule Fail> Uus fail, et saaksime joonistama hakata.

Loome uue faili. 16–16 näib ilmselt pisut liiga väike, kuid minu arvates on see hea lähtepunkt. Suuremad eraldusvõimed võivad teid tähelepanu kõrvale juhtida, millele peaksite nüüd keskenduma: pikslite ja nende naabrite koostoimimise mõistmine.

Aseprite 'New Sprite' dialoog

RGBA-st võite lahkuda värvirežiimist, mis on praegu kõige lihtsam ja intuitiivsem. Mõnele pikselikunstnikule meeldib töötada indekseeritud paletiga, mis võimaldab küll päris lahedaid värvitrikke, kuid millel on ka puudusi.

Hoidke taust läbipaistvaks või valgeks, see ei muuda praegu palju. Lihtsalt veenduge, et Täpsemad suvandid poleks märgitud (kuid katsetage neid hiljem) ja teil on hea minna!

Joonistame!

Seal on palju tööriistaribasid ja menüüsid, kuid ärge muretsege, vajame praegu vaid mõnda nuppu. Peamine tööriist on pliiats, mida tuleks alati hoida 1 piksli laiusega, ja see on see, kuidas me oma pikslid lõuendile paigutame. Valitud värvi piksli alla panemiseks klõpsake lihtsalt nuppu või vajutage nuppu B ja klõpsake ekraanil.

Aseprite'i tööruum

Vasakul pool näete oma värvipaletti koos mõne vaikevärviga. Muutkem need mõneks lihtsamaks komplektiks. Klõpsake kolmandal ikoonil värvipaleti (Pressetid) ülaosas ja valige ARQ4 (tõeliselt hea Endesga tehtud palett), mida kasutate oma esimese sprite jaoks.

Proovige nüüd kruusi joonistada, kasutades ainult vasakus ülanurgas olevat 4 värvi.

Kasutage julgelt kaevandust inspiratsioonina, kuid proovige see ka ainulaadseks muuta. Kui teete vea, klõpsake alt + nuppu tühjale alale või joonise välisküljele ja valite läbipaistva värvi ning saate seda kasutada pikslite kustutamiseks. Teise võimalusena võite klõpsata kustutuskummil või selle valimiseks vajutada nuppu E.

Tõenäoliselt märkad, et nii madala eraldusvõimega töötamine erineb tavalisest joonistamisest väga. Kõik tuleb arvutada ja iga paigutatud piksel on suur valik, mille peate tegema. See on asi, millega peate harjuma.

Samuti saate katsetada tööriistariba muude nuppudega. Väärib märkimist, et mõned nupud avavad vajutamisel rohkem valikuid. Lihtsalt vältige praegu hägususe tööriista, kuna see lisab rohkem värve ja me ei soovi seda veel.

Järgmisena teeme veel spreid! Proovige joonistada kolju, mõõk ja inimese nägu. Seekord ilma minu pikslite kunsti viiteta. Kui teile tundub, et spritid lihtsalt ei mahu lõuendisse, see on täiesti tavaline, proovige midagi kokku tõmmata ühe piksli järgi ja proovige uuesti. Sellise madala eraldusvõimega on väga raske töötada ja see tundub vahel nagu mõistatus. Siin on veel üks artikkel, mille kirjutasin Kano jaoks madalate eraldusvõimetega töötamise kohta: [link]

Kui soovite, siis siin on minu versioon nende sprittide kohta. Enne kui neile [kolju, mõõk ja inimese nägu] vaatate, lõpetage kindlasti oma.

See on alati hea harjutus. Kui soovite jätkata harjutamist, proovige nende piirangutega veelgi rohkem joonistada.

Faili salvestamine

Faili salvestamiseks vajutage juhtklahvi + S (või minge menüüsse Fail> Salvesta kui…), valige faili nimi ja asukoht ning klõpsake lihtsalt nuppu Salvesta.

Ärge unustage, et Aseprite'i prooviversioonis on salvestamine keelatud!

Aseprite faili eksportimise dialoog

Näete, et Aseprite võib salvestada erinevates formaatides, kuid soovitan alati hoida kõigi tehtud failide .ase-versioon. Nagu Photoshopis, hoitaks .psd-faili. Veebi või mängude eksportimisel võite kasutada klahve + Alt + Shif + S või Fail> Ekspordi.

Miks ei tohiks kunagi piksli kujundust osaliselt muuta

Aseprite'il on see ekspordi aknas väga hea suuruse muutmise funktsioon. See skaleerib teie sprite'i ainult ümardatud numbritega, mis on täiuslik. Näiteks kui muudate oma sprite'i 107% -ga ümber, puruneb see piksleid kõikjal ja see on jama, kuid kui te seda skaleerite 200%, on iga piksel nüüd 2 pikslit lai ja pikk, nii et see näeb kena ja terav välja.

Suurem lõuend

Nüüd, kui olete saanud põhitõed, nagu uue faili loomine, salvestamine ja lõuendisse joonistamine, proovime joonistada pisut suuremale lõuendile, 32x32 pikslit. Kasutame nüüd ka suuremat paletti, proovige AAP-Micro12 (autor AdigunPolack). Seekord joonistame labida.

Erinevalt 16-st ja 16-st sprindist mahume siia tegelikult mõned piirjooned, nii et alustame sellest. Minu protsesside jaotus on järgmine:

1. samm: read

Samm 1

Seda joone stiili nimetatakse täiuslikuks pikslijooneks, see on ainult 1 piksli lai ja ühendab teiste pikslitega diagonaalselt. Niisuguste joonte tegemisel väldime tahtmatuid servi, näiteks siin:

Aseprite'il on ka harjaseadetes tõesti hea funktsioon, mis teeb seda peaaegu automaatselt: kui valitud pintslitööriist on valitud, klõpsake ruut Pixel-perfect. Ärge unustage, et kontuuridega mitte töötades lülitage see välja, sest see tõenäoliselt häirib teid.

Aseprite Pixel täiuslik algoritm

2. samm: alusvärvid

2. samm

Hea, kui teil on valida ainult nii vähe värve, on see, et liiga palju valikuid ei häiri teid. Sellepärast on paljude värvidega töötamine palju raskem, kui teie paletis on mõni värv, pole mingit vabandust, et seda parimal juhul mitte kasutada. Proovige mõelda sellele mõistatuseks, katsetage palju, isegi veidraid või ebaharilikke kombinatsioone, kuni leiate, mis on teie arvates iga ala jaoks kõige parem.

3. samm: varjutamine

3. samm

Kasutage oma paletti valguse ja varju loominguliseks muutmiseks. Kuna töötate väga piiratud paletiga, pole teil kõigil erineva heledusega toone, seega peate improviseerima.

Erinevate toonidega varjundite parendamine

Vasakpoolses näites kasutan sama paletti kui teie, AAP-Mini12. Kui ma seda rohelist kutti joonistasin, polnud mul ühtegi helerohelist värvi, nii et läksin lähima varjundiga, mis mul oli, see oli kollane. Sama asi juhtus varjuga, valisin sinise, kuna see oli lähim tume. Aga mis siis, kui ma läheksin teist teed? Ma võiksin saada helesinise ja tumedama punase, eks? Noh, mitte tegelikult:

Varjutage toone ümberpööratud tooni abil

See on lahe efekt, kuid selgelt on midagi valesti. Tavaliselt soovite, et külmad toonid oleksid teie varjud ja soojad toonid oleksid teie võtmevalgus, vastasel juhul võivad need tunduda imelikud. See ei ole kividest kirjutatud reegel ega midagi muud, on palju erandeid, kuid kui pole kindel, minge lihtsalt sellega kaasa.

4. samm: varjunimed ja poleerimine

4. samm

See on osa joonistusest, kus proovite muuta piksleid pisut vähem "teravaks". Käsitsi anti-varjunimed on keeruline teema ja selle arutlemiseks on meil tõenäoliselt vaja tervet artiklit, kuid teooria on see, et keskmiste toonide abil simuleerite “poolpiksleid” ja servi pehmendate. Kuid ärge selle pärast veel liiga palju muretsege, sest nüüd keskenduge sellele, et teie sprite oleks võimalikult loetav.

Teine hea mõte selles etapis on müra vähendamiseks mõne orbude pikslite küttimine. Harva kasutatavad pikslid on pikslid, mis ei kuulu suuremasse sama värvi pikslite rühma ja ei kuulu anti-varjunime alla, näiteks:

Harva kasutatavate pikslite eemaldamine

Kas näete vasakul väikseid 1-piksliseid saari? Need on harva kasutatavad pikslid, kuna näete, et planeet näeb palju parem välja pärast seda, kui need pikslid liidetakse mõne muu lähedal asuva sama värvi piksliga.

Mis saab tähtedest selles näites? Noh, need on olemas selleks, et tõestada, et harva kasutatavad pikslid pole alati halvad, need tähed töötavad täpselt nii, nagu ette nähtud, luues müratekstuuri ja suurendades taustal kontrasti.

Idee ei ole harva pikslite meeletu eemaldamine, vaid nende kaudu küsimine ja endalt küsimine: kas see piksel peab tõesti üksi olema?

Mis nüüd?

Nüüd on aeg teil katsetada rohkemate värvide ja suuremate eraldusvõimetega! Kuid minge aeglaselt, võib-olla 48 x 48 ja 16 värvi ja nii edasi. Kui alustate tõesti alustamist, väldiksin praegu animatsiooni ja keskenduksin kõigepealt staatiliste piltide mugavaks muutmisele.

Valisin veel mõned pikselikujundusjuhendid, mis mulle väga meeldivad, kui soovite uurida:

  • Pixeli kunsti õpetus Cure'ilt
  • Piksli kunsti juhendaja Derek Yu
  • Pixeli kunsti juhendaja Arne

Samuti teen mõned õpetused pikselkunsti ja mängude kujundamise konkreetsete teemade või aspektide kohta, neid kõiki näete siit:

  • Minu Patreoni leht
  • Koostatud nimekiri kõigist minu õpetustest

Jätkake 2. osa lugemist siin!