Paano lumikha ng hindi kapani-paniwala Pixel Art para sa iyong mga laro at app

paano ka magsisimula sa pixel art sa? Sa kabutihang palad ay pixel art isa sa mga pambihirang pagkakataon kung saan ito ay talagang kasingdali ng hitsura nito. Ito ay pixel art...

Pixel Art ay may partikular na retro appeal na bumabalik sa 8, 16, at 32-bit na panahon ng console. Ngayon, gayunpaman, ito ay mas malamang na matagpuan sa iba't ibang indie at mobile na mga laro at kasalukuyang tinatangkilik ang isang bagay ng muling pagkabuhay. Ito ay isang kamangha-manghang paraan upang lampasan ang mga teknolohikal na limitasyon na kaakibat ng pagiging isang independiyenteng developer at mobile hardware. Sa ganitong paraan, maaari kang gumawa ng mas kaunting trabaho at bawasan ang iyong mga laki ng file-ngunit sa halip na magmukhang mura, ito ay parang isang malay na pagpipilian sa istilo. Magdagdag ng ilang chiptune na musika at isang natatanging paleta ng kulay at mayroon kang isang mahusay na aesthetic na magiging ulo sa Play Store.

Isa pang atraksyon ng pixel art ay kung paano ka niya hinahamon na magtrabaho sa loob ng kanyang mga limitasyon. Dahil napakaliit ng mga imahe, pinipilit nito ang medyo impresyonistikong diskarte. Paano mo magagawang agad na makikilala ang isang pixel o dalawa bilang isang karismatikong ngiti o isang punyal na nakalabas sa isang kalaban? Dito nakasalalay ang tunay na sining ng format at iyon ang dahilan kung bakit ang ilan sa mga nakamit sa mga laro tulad ng Superbrothers: Sword at Sworcery o ang mas bago Hyper Light Drifter  sobrang kahanga-hanga.

Paano magsimula

Sa pag-iisip na iyon, maaari kang magpasya pixel art ay isang magandang direksyon para sa iyong sariling proyekto. Sa kasong ito, paano ka magsisimula? Sa kabutihang palad ay pixel art isa sa mga pambihirang pagkakataon kung saan ito ay talagang kasingdali ng hitsura nito. Ito ay pixel art...

Sa simula kailangan mo lamang pumili ng isang programa sa pagguhit na iyong pinili. Gumagamit ako ng GIMP dahil libre ito, ngunit maaari mo ring gamitin ang Photoshop o kahit MS Paint. Gayunpaman, inirerekumenda ko ang paggamit ng isang bagay na mas kumplikado kaysa sa MS Paint, dahil maaari itong madaling magkaroon ng access sa mga tampok tulad ng mga layer at transparency (tulad ng makikita natin sa ibang pagkakataon). Mayroong ilang nakalaang pixel art program na maaari mo ring gamitin, ngunit karaniwang hindi kinakailangan ang mga ito. Gayunpaman, ang Aseprite ay isang mahusay na pagpipilian.

Anuman ang iyong napiling software, pipiliin mo ang pen tool at tiyaking nakatakda itong gumuhit ng mga indibidwal na pixel sa 100% opacity. Ngayon mag-zoom in sa iyong larawan sa punto kung saan malinaw mong makikita ang mga square pixel habang gumuhit ka. Ito ay talagang ganoon kadali!

Maaari mo na ngayong simulan ang pagguhit ng freehand o ilagay ang bawat pixel nang paisa-isa. Tandaan na kapag gumuhit ng mga bagay tulad ng mga bilog, makakabuti kung tingnan mong mabuti ang mga pattern ng iyong mga pixel (dalawa sa itaas, isa sa kabuuan, tatlo sa ibabaw ng isa sa kabuuan, apat sa ibabaw ng isa sa kabuuan, atbp.) dahil ito ay magbubunga. isang mas pare-pareho at kontroladong hitsura Imahe. Ang magandang balita ay napakadaling i-undo ang anumang mga pagkakamaling nagawa mo, kaya walang dahilan upang hindi mag-eksperimento.

Ang napupunta sa iyo ay isang pangunahing balangkas para sa anumang sinusubukan mong iguhit sa mga blocky na pixel. Huwag mag-alala tungkol sa pagdaragdag ng maraming detalye hanggang sa ibang pagkakataon—mag-eksperimento lang sa pagkuha ng tamang hugis at mga proporsyon. Ito ang pinakamahirap na bahagi, lalo na sa maraming mga character.

Gusto kong gumamit ng outline para sa aking mga painting, ngunit maraming tao ang hindi nag-abala at gumuhit ng mga bloke na kulay. Gawin kung ano ang gumagana para sa iyo, ngunit tandaan na ang bawat pamamaraan ay may mga kalamangan at kahinaan; Pinapadali ng mga outline na makilala ang mga detalye, ngunit maaaring nakakainis habang lumiliit ang iyong mga larawan at nauubusan ng mga pixel!

Pagdaragdag ng mga detalye at pagtatabing

Kapag masaya ka na sa iyong outline o silhouette, maaari mong idagdag ang mga indibidwal na detalye hanggang sa magkaroon ka ng kumpletong larawan. Kung mas maraming detalye ang idaragdag mo, mas magiging kahanga-hanga ang iyong mga character. Sa parehong oras, gayunpaman, dapat mong iwasang gawing masyadong masikip ang iyong imahe. Mahalagang magsimula ka sa isang outline na may tamang sukat - at tandaan na ang iba pang mga bagay sa mundo ng iyong laro ay dapat ding kamag-anak.

Ngayong nasa iyo na ang iyong mga detalye, idagdag lang ang mga kulay na gusto mo gamit ang fill tool. Gayunpaman, maaari itong magmukhang medyo flat sa simula, kaya malamang na gusto mong magdagdag ng ilang uri ng pag-iilaw pagkatapos.

Upang gawin ito, isipin lamang ang isang light source para sa iyong karakter, at pagkatapos ay pumili ng dalawa o higit pang mga shade na idaragdag sa iyong paleta ng kulay. Kailangan mo ng kahit isa para sa mga anino at isa para sa mga highlight. Tiyaking lalabas ang lahat ng shading sa parehong page, at isipin ang mga balangkas na natural na malilikha ng mga hugis na iginuhit mo kung XNUMXD ang mga ito. Gumagamit ako ng maraming anino sa isang gilid at pagkatapos ay isang manipis na strip ng liwanag lamang sa kabilang linya upang maglabas ng mga highlight, ngunit muli, ang susi ay mag-eksperimento at makita kung ano ang gumagana para sa iyong sariling personal na istilo.

Tandaan na gumuguhit ka ng mga character at bagay para sa mga laro. Ibig sabihin, kailangan mong pag-isipang mabuti ang iyong pinagmumulan ng liwanag. Ang paggawa ng isang napakalinaw na epekto ng anino sa kanang kamay ng iyong sprite ay maaaring magmukhang kakaiba sa ilang konteksto - lalo na kung i-flip mo ang iyong sprite habang papunta ito sa kabilang direksyon! Isaisip ito habang ginagawa mo ang iyong larawan at isaalang-alang na gawing mas banayad ang iyong pag-iilaw o i-cast ito sa itaas.

I-export ang iyong larawan

Kapag tapos ka na, maaari mong i-save at i-export ang iyong larawan. Syempre kailangan nating mag-ingat sa puntong ito dahil ang larawan talaga maliit magiging . Mayroon ding ilang iba pang bagay na dapat tandaan kapag ginagamit ang iyong sining sa iyong mga laro.

Una, tiyaking i-auto-crop ang iyong larawan upang walang mga puting bahagi sa paligid ng mga gilid. Ito ay kapaki-pakinabang para sa iyong pag-detect ng banggaan at tumutulong din sa iyo na huwag gawing malaki ang iyong larawan nang hindi kinakailangan. Gayunpaman, maaaring gusto mong gumawa ng "sprite sheet" sa halip, ibig sabihin ay idaragdag mo ang bawat frame ng animation sa isang file. Ginagawa nitong mas maliit ang kabuuang sukat ng file at pinapanatili nitong mas madaling ayusin. Sa kasong ito, hindi gaanong mahalaga ang pag-crop dahil gagawin mo ito sa ibang pagkakataon sa iyong napiling IDE.

Kailangan mo ring tiyakin na ang background ay transparent upang ang mga character ay gumagalaw sa mundo ng iyong laro, sa halip na malalaking puting mga parisukat na may mga character na iginuhit sa kanila. Sa Gimp gagawin mo ito sa pamamagitan ng pagpili sa "Layer" mula sa menu, pagkatapos ay "Transparency" at "Magdagdag ng Alpha Channel". Mula doon maaari mong burahin ang iyong puting background at hayaang lumutang ang iyong larawan sa wala.

Kung ie-export mo ang iyong larawan, magagawa mo ito sa aktwal na laki ng file kung plano mong gamitin ito sa isang laro. Sa Unity, maaari mong piliin ang 'Pixels Per Unit' para sa bawat indibidwal na sprite, na ginagawang mas madaling pasabugin ang iyong imahe hangga't gusto mo habang nakikinabang pa rin sa maliit na laki ng file.

Sa kabaligtaran, gayunpaman, kung plano mong ibahagi ang iyong mga larawan sa online, gusto mong maging mas malaki ang mga ito. Kaya pumunta sa 'image', pagkatapos ay sa 'image size' at dagdagan ang laki. Tiyaking naka-off ang Interpolation o Preserve Hard Edges ang napili (depende sa iyong software). Kung hindi man ay lalabas na malabo ang larawan.

7 Mga Tip sa Pixel Art

Panghuli, ilang mga tip upang maihatid ka sa iyong paraan sa pag-master ng pixel art dapat tumulong...

1. Isaisip ang malaking larawan

Habang nag-zoom in ka at maingat na ine-edit ang bawat pixel, maaaring mahirap isipin kung ano ang magiging hitsura ng iyong larawan kapag natapos na ito. Dahil dito, mahalagang mag-zoom out paminsan-minsan. O mas mabuti pa, subukan ang navigation tool (available sa karamihan ng mga art program) na nagbibigay-daan sa iyong tingnan ang pinababang pananaw sa iyong canvas at tumalon din sa mga partikular na punto.

2. Gamitin ang Magic Wand Tool

Maaari kang pumili ng isang buong rehiyon o kulay gamit ang mga tool sa Magic Wand o Color Selection. Sa ganitong paraan maaari ka lamang gumuhit sa lugar na iyon ay sa turn, tinitiyak na maaari kang gumuhit nang malaya nang hindi nababahala tungkol sa pagtawid sa mga linya. Ang Alpha Lock ay isa pang tool na magagamit mo para gawin ito.

3. Magdagdag ng antialiasing

Ang antialiasing ay isang computer graphics term na nilalayon upang mapahina ang hitsura ng mga pixel, kadalasan sa pamamagitan ng pagbabawas ng contrast at pagdaragdag ng higit pang mga transition na kulay. Makikilala ito ng mga PC gamer bilang isang graphical na opsyon na maaaring i-toggle on at off para mapahusay ang performance.

Sa aming kaso, ang antialiasing ay isang epekto na maaari naming gayahin upang gawing mas tunay ang aming mga larawan. Upang lumikha ng epekto, hanapin lamang ang mga punto kung saan mayroon kang biglaang kaibahan, at pagkatapos ay ipakilala ang mga kulay ng paglipat na iyon sa mga gilid. Ang ideya dito ay hindi upang gumawa ng isang makinis na gradient, gawin lamang ang paglipat na mukhang medyo hindi gaanong malakas. Nagdagdag ako ng ilang antialiasing sa Link dito para makita mo ang pagkakaiba:

Dito mo rin malalaman ang tungkol sa Pixel Art: Ito ay nangangailangan ng maraming pasensya!

4. Gamitin ang mga antas

Pinahihintulutan ka ng karamihan sa mga art program na gumamit ng mga layer, na nangangahulugang maaari kang magpakita ng mga larawan sa background at gumuhit sa mga ito nang hindi naaapektuhan ang layer na iyon. Maaari mo ring baguhin ang transparency ng mga indibidwal na layer, atbp.

Nagbibigay-daan ito sa amin na kumuha ng larawan na gusto naming gamitin, i-scale ito nang buo (pinapanatili ang tamang aspect ratio), at pagkatapos ay i-trace ito gamit ang pen tool. Ganyan ko ginawa itong portrait ni Gary...

5. Subukan ang mga filter

habang ang pinakamahusay pixel art Na-edit ng 99% sa pamamagitan ng kamay, may ilang mga filter na maaaring gawing mas madali ang iyong buhay depende sa iyong mga ambisyon. Halimbawa, ang Gimp ay may blur na filter na tinatawag na "Pixelize" na ginagawa kung ano mismo ang sinasabi nito sa lata. Magagamit mo ito para magdagdag ng dagdag na antialiasing sa iyong umiiral na larawan, o maaari mo itong gamitin para "mandaya" at gawing isang bagay na mas katulad ng isang regular na larawan. pixel art hitsura. Ang sharpening tool ay maaari ding maging isang madaling gamiting mapagkukunan.

6. Maghanap ng inspirasyon

Ang pinakamahusay na paraan upang sa pixel art Ang pagiging mas mahusay, tulad ng karamihan sa mga bagay, ay tungkol sa patuloy na pagsisikap. Gayunpaman, ang paggawa ng ilang pananaliksik at paghahanap online para sa inspirasyon ay maaari ding maging lubhang kapaki-pakinabang. Sa partikular, maaaring makatulong ang pagtingin sa mga umiiral nang halimbawa ng "reference sprite", lalo na kung gusto mong mabilis na gumawa ng mga item tulad ng chests, trees, at iba pa. Ang 'The Spriter's Resource' ay isang magandang site upang makahanap ng mga spritesheet mula sa lahat ng iyong paboritong lumang laro. Ang pagtingin sa mga sprite sheet ay maaari ding maging lubhang madaling gamitin kapag sinusubukang i-animate ang iyong mga character dahil nagbibigay ito sa iyo ng sanggunian para sa biomechanics ng paglalakad, pagtakbo at paglukso (tumutukoy ang biomechanics sa paraan ng paggalaw ng ating mga braso at binti). gumagalaw ang mga binti habang tayo ay gumagalaw).

At siyempre maraming inspirasyon sa Deviant Art at Pinterest, pati na rin ang isang toneladang magagandang laro sa Play Store mismo. Ang ilang mga mahusay na halimbawa ay: Superbrothers: Sword & Sworcery, Pewdiepie: Legend of the Brofist, VVVVVV (para sabihin), Sonic the Hedgehog 1, 2 & CD und terraria.

7. Maging orihinal

habang pixel art mukhang kamangha-mangha sa isang regular na batayan at ang potensyal para sa pag-eeksperimento ay walang katapusan, mahalagang tiyaking magtrabaho ka upang matiyak na ang sa iyo ay hindi mukhang gawa-gawa. Mayroong isa sa sandaling ito pulutong pixel art, kaya napakadali lang gumamit ng generic pixel art-Gumawa ng hitsura at tawagan itong tag. Kung gusto mong magmukhang kakaiba ang iyong laro, kailangan mong mag-isip sa labas ng kahon at subukang gumawa ng sarili mong istilo. Paano kung, pixel art upang pagsamahin sa isa pang istilo, tulad ng cyberpunk? Mag-eksperimento, sumubok ng mga bagong bagay at lumikha pixel artna kahit papaano ay natatangi sa iyo. gamitin pixel art bilang isang daluyan upang ipahayag ang iyong sarili at dalhin ang iyong imahinasyon sa buhay - pagkatapos ng lahat, iyon ang tungkol sa sining!

Ibahagi ang iyong mga saloobin sa amin!