Ang Pixel Art o pixel graphics ay digital na pagpipinta, na nilikha sa mga raster editor sa pamamagitan ng pixel. Ang Pixel ay ang pinakamaliit na graphic na elemento ng isang larawan. Sa madaling salita, ito ang punto. At ang lahat ng mga guhit ng pixel ay binubuo ng hindi mabilang na mga akumulasyon ng mga tuldok, na nagiging bahagyang hindi pantay, na parang hindi maganda ang pagguhit. Ngunit ito ang kagandahan ng gayong mga kuwadro na gawa.

Kaunting kasaysayan

Anong mga programa ang maaari mong gamitin upang lumikha ng modernong pixel art?

Mayroong maraming mga libreng raster editor. Ngunit madalas na tinatawag na Microsoft Paint at Adobe Photoshop. Totoo, ang Paint ay itinuturing na isang hindi gaanong maginhawang tool para sa paglikha ng pixel art kaysa sa Adobe Photoshop. Bakit? Sa programang ito:
napakahirap makamit ang kapantayan at simetrya ng mga imahe;
kapag ini-save ang mga ito sa format na jpg, nangyayari ang matinding pagbaluktot ng kulay;
Mahirap gumuhit ng mga anino at mga highlight.
Samakatuwid, sinusubukan nilang bigyan ng kagustuhan ang Adobe Photoshop. Ang program na ito ay may mas maraming kakayahan sa pagtatrabaho kaysa sa Paint. Ito ay nagpapahintulot sa iyo na gumuhit ng hindi mga indibidwal na character na may mga simpleng disenyo, ngunit buong mga larawan. Bilang karagdagan, ang pixel art mismo ay mas madali at mas mabilis na i-edit dito. Oo, at maaari mong ilipat ang mga transition ng kulay sa Adobe Photoshop nang maayos at natural.

Paano Iwasan ang Mga Kink sa Pixel Art

Ang pixel art ay isang koleksyon ng mga pixel na parisukat o parihabang "mga tuldok." Kapag ang isang imahe ay iginuhit mula sa naturang "mga punto", ito ay nagiging angular at ang kinis sa mga linya ay nawawala. Sa isang banda, ito ay business card Pixel Art, ngunit sa kabilang banda, gusto ko ng higit na kinis, na gagawing maayos at kaakit-akit ang larawan sa gumagamit. Itong problema sa wika ng mga pixel artist sila ay tinatawag na kinks o "jaggies".
Ang Jaggies ay mga piraso na nagbibigay sa anumang linya ng tulis-tulis na hitsura. Ang mga ito ay karaniwang itinatapon ng isa sa sumusunod na pamamaraan:
dagdagan ang stray line segment ng 2, 3 o higit pang mga pixel ang haba;
bawasan ang haba ng mga pixel mismo sa kilalang lugar;
bumuo ng isang bagong seksyon ng linya mula sa ilang solong pixel;
magdagdag ng mga solong pixel sa lugar na may pahinga sa pagitan ng mas mahabang "mga tuldok", atbp.
Upang maayos na maalis ang mga kinks, kailangan mong tandaan ang pangunahing panuntunan: ang haba ng mga elemento ng isang hubog na linya ay dapat na bumaba o unti-unting tumaas. Kailangan mo ring tandaan na ang paglipat ng isang segment ng linya sa pamamagitan ng dalawa o higit pang mga pixel sa taas ay humahantong sa pagkasira ng kinis.
Samakatuwid, kailangan ang patuloy na pagsasanay sa pagguhit. At bilang pinakasimpleng at visual aid Upang makatulong na maiwasan ang mga kinks, maaari kang gumamit ng isang set ng mga hilig na tuwid na linya.

Paano makakuha ng anino sa Pixel Art

Isa pa mahalagang punto sa pixel art, ito ang kanilang volume. Ito, tulad ng sa iba pang mga pagpipilian sa graphics, ay nakakamit sa pamamagitan ng mga highlight at anino. Upang lumikha ng isang anino sa pixel art kakailanganin mo ng maayos na paglipat mula sa liwanag patungo sa madilim na tono o mula sa isang kulay patungo sa isa pa. Upang makamit ang epektong ito, kadalasang ginagamit ang teknolohiya ng paghahalo - dithering. Sa madaling salita, sa hangganan ng dalawang kulay sila ay halo-halong sa isang pattern ng checkerboard. Ang pamamaraang ito ay lumitaw laban sa background ng isang kakulangan ng mga bulaklak. Sa pamamagitan ng paghahalo ng dalawang kulay sa pattern ng checkerboard, posible na makakuha ng pangatlo, na wala sa palette.
Gayunpaman, pagkatapos na lumawak nang malaki ang palette, ang teknolohiya ng dithering ay nanatili pa rin sa demand. Ngunit kailangan mong tandaan na ang isang isang-pixel na malawak na paglipat mula sa isang kulay patungo sa isa pa ay hindi maganda ang hitsura. Isang suklay lang pala. kaya lang
ang minimum na blending zone ay dapat na hindi bababa sa dalawang pixel. At mas malawak ang paglipat na ito, mas mabuti.
Gayundin, kapag lumilikha ng isang anino:
Mahalagang matukoy kung saang anggulo at mula sa aling bahagi mahuhulog ang liwanag sa bagay. Gagawin nitong "buhay" ang pagguhit at makakatulong din sa iyo na maunawaan kung saan iguguhit ang anino. Halimbawa, kung ang liwanag ay nagmumula sa kanan, kung gayon ang mga lugar ng anino ay matatagpuan sa kaliwa, atbp.;
kailangan mong gumamit ng mga kulay na mas madidilim kaysa sa mga base. Yung. ang anino ay dapat ilarawan gamit ang mga kulay na mas madidilim kaysa sa may kulay na lugar mismo. Halimbawa, kung ang bagay ay pula, ang anino nito ay magiging burgundy o madilim na kayumanggi;
huwag kalimutan ang tungkol sa bahagyang lilim. Para sa layuning ito, pipiliin ang isang lilim na nasa pagitan ng baseng kulay at ang kulay ng anino sa palette. Ang lilim na ito ay inilalagay sa pagitan ng mga layer ng dalawang kulay na ito. Bilang resulta, ang epekto ng isang maayos na paglipat mula sa isang madilim na lugar patungo sa isang mas magaan na lugar ay nalikha.

Paano makakuha ng mga highlight sa pixel art

Ang isang highlight, tulad ng isang anino, ay nagbibigay ng lakas ng tunog sa mga bagay na iginuhit. Palagi itong nasa gilid kung saan bumabagsak ang liwanag. Ngunit kung ang bagay ay nilayon na magkaroon ng isang makintab na ibabaw, halimbawa, isang tasa ng porselana, isang bakal na espada, atbp., kung gayon ang isang highlight ay kakailanganin din sa isang may kulay na lugar.
Upang lumikha ng isang highlight sa lugar kung saan bumagsak ang liwanag, kailangan mong kumuha ng pintura na magiging mas magaan kaysa sa pangunahing isa. Huwag lamang maging masigasig tungkol sa liwanag ng lugar na ito - maaaring hindi ito maging natural. Kadalasan ang isang highlight ay inilalarawan sa puti na walang mga transition. Hindi ito nangyayari sa kalikasan. At ang bagay ay magmumukhang patag.
Upang lumikha ng isang highlight mula sa gilid ng anino, kakailanganin mo ng isang kulay na mas magaan kaysa sa isa kung saan ang anino mismo ay inilapat. At sa kasong ito, kinakailangan din ang isang maayos na paglipat, na maaaring makamit sa pamamagitan ng paggamit ng ilang mga shade nang sabay-sabay.
Upang mapagtanto ang lahat ng ito, siyempre, kailangan mo ng pagsasanay. At pinakamahusay na magsimula sa mga simpleng bagay.

Pixel art(isinulat nang walang gitling) o pixel graphics- direksyon digital na sining, na binubuo ng paglikha ng mga larawan sa antas ng pixel (i.e. ang pinakamaliit na lohikal na yunit na bumubuo sa isang imahe). Hindi lahat ng larawan ng raster ay pixel art, bagama't lahat sila ay binubuo ng mga pixel. Bakit? Dahil sa huli, ang konsepto ng pixel art ay sumasaklaw hindi gaanong resulta kundi ang proseso ng paglikha ng isang ilustrasyon. Pixel sa pixel, at iyon lang. Kung kukuha ka digital na larawan, lubos itong bawasan (upang makita ang mga pixel) at i-claim na iginuhit mo ito mula sa simula - ito ay magiging isang tunay na pamemeke. Bagama't malamang na may mga walang muwang na simpleng papuri sa iyo para sa iyong maingat na trabaho.

Sa kasalukuyan ay hindi alam kung kailan eksaktong nagmula ang pamamaraang ito; Gayunpaman, ang pamamaraan ng pagbubuo ng mga larawan mula sa maliliit na elemento ay bumalik sa mas sinaunang mga anyo ng sining, tulad ng mosaic, cross-stitching, carpet weaving at beading. Ang mismong pariralang "pixel art" bilang isang kahulugan ng pixel art ay unang ginamit sa isang artikulo nina Adele Goldberg at Robert Flegal sa journal Communications of the ACM (Disyembre 1982).

Ang pinakamalawak na aplikasyon ng pixel art ay sa mga laro sa computer, na hindi nakakagulat - ginawa nitong posible na lumikha ng mga imahe na hindi nangangailangan ng mga mapagkukunan at mukhang tunay na maganda (sa parehong oras, tumagal sila ng maraming oras mula sa artist at nangangailangan ng ilang kasanayan, at samakatuwid ay nangangailangan ng magandang sahod). Sa pamumulaklak, pinakamataas na punto sa pagbuo ay opisyal na tinatawag na mga video game sa ika-2 at ika-3 henerasyon na mga console (unang bahagi ng 1990s). Ang karagdagang pag-unlad sa teknolohiya, ang paglitaw ng unang 8-bit na kulay, at pagkatapos ay True Color, ang pagbuo ng tatlong-dimensional na graphics - lahat ng ito sa paglipas ng panahon ay nagtulak ng pixel art sa background at ikatlong lugar, at pagkatapos ay nagsimulang tila ang katapusan ng pixel art ay dumating.

Kakatwa, ito ay si G. Scientific and Technological Progress, na nagtulak ng mga pixel graphics sa mga huling posisyon noong kalagitnaan ng 90s, at kalaunan ay ibinalik ito sa laro - ipinakilala ang mga mobile device sa mundo sa anyo ng mga cell phone at PDA. Pagkatapos ng lahat, gaano man kapakinabangan ang isang bagong gawa na device, alam ko na kung hindi mo man lang ito makalaro ng solitaire, wala itong halaga. Well, kung saan mayroong isang mababang-resolution na screen, mayroong pixel art. Sabi nga nila, welcome back.

Siyempre, ang iba't ibang mga elemento ng retrograde ay gumanap ng kanilang papel sa pagbabalik ng mga pixel graphics, na gustong maging nostalhik tungkol sa magagandang lumang laro ng pagkabata, na nagsasabing: "Eh, hindi na nila ginagawa iyon"; mga aesthetes na kayang pahalagahan ang kagandahan ng pixel art, at mga indie developer na hindi nakikita ang mga modernong graphic beauties (at kung minsan, bagama't bihira, hindi lang alam kung paano ipatupad ang mga ito sa sarili nilang mga proyekto), kaya naman sila ay naglilok ng pixel art. Ngunit huwag pa rin nating bawasan ang mga puro komersyal na proyekto - mga application para sa mga mobile device, advertising at disenyo ng web Kaya ngayon ang pixel art, tulad ng sinasabi nila, ay laganap sa makitid na mga bilog at nakakuha ng sarili nitong isang uri ng katayuan sa sining "hindi para sa lahat" . At ito sa kabila ng katotohanan na para sa karaniwang tao ito ay lubos na naa-access, dahil upang gumana sa diskarteng ito, sapat na magkaroon ng isang computer at isang simpleng editor ng graphics sa kamay! (the ability to draw, by the way, won't hurt either) Enough words, let's get to the point!

2. Mga kasangkapan.

Ano ang kailangan mo upang lumikha ng pixel art? Tulad ng sinabi ko sa itaas, sapat na ang isang computer at anumang graphics editor na may kakayahang magtrabaho sa antas ng pixel. Maaari kang gumuhit kahit saan, kahit sa isang Game Boy, kahit sa isang Nintendo DS, kahit na sa Microsoft Paint (isa pang bagay ay ang pagguhit sa huli ay lubhang hindi maginhawa). Mayroong isang mahusay na iba't ibang mga raster editor, marami sa kanila ay libre at medyo gumagana, upang ang lahat ay makapagpasya sa software mismo.

Gumuhit ako sa Adobe Photoshop dahil maginhawa ito at dahil matagal ko na itong ginagawa. Hindi ako magsisinungaling at sasabihin sa iyo, na ibinubulong ang aking mga pustiso, na "Naaalala ko na ang Photoshop ay napakaliit pa, ito ay nasa isang Macintosh, at ito ay may bilang na 1.0." Hindi ito nangyari. Ngunit naaalala ko ang Photoshop 4.0 (at pati na rin sa Mac). Samakatuwid, para sa akin ang tanong ng pagpili ay hindi kailanman naging tanong. At samakatuwid, hindi, hindi, ngunit magbibigay ako ng mga rekomendasyon tungkol sa Photoshop, lalo na kung saan ang mga kakayahan nito ay makakatulong sa makabuluhang pasimplehin ang pagkamalikhain.

Kaya, kailangan mo ng anumang graphic editor na nagbibigay-daan sa iyo upang gumuhit gamit ang isang tool na isang parisukat na pixel (mayroon ding mga hindi parisukat na pixel, halimbawa mga bilog, ngunit sila sa sandaling ito Hindi interesado). Kung sinusuportahan ng iyong editor ang anumang hanay ng mga kulay, mahusay. Kung pinapayagan ka rin nitong mag-save ng mga file, maganda iyon. Magiging maganda kung alam niya kung paano magtrabaho sa mga layer, dahil kapag nagtatrabaho sa isang medyo kumplikadong larawan, mas maginhawang ayusin ang mga elemento nito sa iba't ibang mga layer, ngunit sa pangkalahatan ito ay isang bagay ng ugali at kaginhawahan.

Magsisimula na ba tayo? Marahil ay naghihintay ka para sa isang listahan ng ilang mga lihim na diskarte, mga rekomendasyon na magtuturo sa iyo kung paano gumuhit ng pixel art? Ngunit ang katotohanan ay, sa pangkalahatan, walang ganoon. Ang tanging paraan upang matutunan kung paano gumuhit ng pixel art ay ang pagguhit nito sa iyong sarili, subukan, subukan, huwag matakot at mag-eksperimento. Huwag mag-atubiling ulitin ang trabaho ng ibang tao, huwag matakot na magmukhang hindi orihinal (huwag ipasa ang gawa ng iba bilang iyong sarili, hehe). Maingat at maingat na pag-aralan ang mga gawa ng mga masters (hindi sa akin) at gumuhit, gumuhit, gumuhit. Maraming mga kapaki-pakinabang na link ang naghihintay sa iyo sa dulo ng artikulo.

3. Pangkalahatang mga prinsipyo.

At gayon pa man mayroong ilang pangkalahatang mga prinsipyo, na hindi masakit malaman. Iilan lang talaga sila, “principles” ang tawag ko sa kanila at hindi batas, kasi more of a recommendatory nature. Sa huli, kung namamahala ka upang gumuhit ng isang napakatalino na pixel art na lumalampas sa lahat ng mga patakaran - sino ang nagmamalasakit sa kanila?

Ang pinakapangunahing prinsipyo ay maaaring mabalangkas tulad ng sumusunod: ang pinakamababang yunit ng isang imahe ay isang pixel, at, kung maaari, ang lahat ng mga elemento ng komposisyon ay dapat na proporsyonal dito. Hayaan mo akong hatiin ito: lahat ng iyong iginuhit ay binubuo ng mga pixel, at ang pixel ay dapat na nababasa sa lahat ng bagay. Hindi ito nangangahulugan na ang larawan ay hindi maaaring maglaman ng mga elemento, halimbawa, 2x2 pixels, o 3x3. Ngunit mas mainam pa rin na bumuo ng isang imahe mula sa mga indibidwal na pixel.

Ang stroke at sa pangkalahatan ang lahat ng mga linya ng pagguhit ay dapat na isang pixel ang kapal (na may mga bihirang pagbubukod).

Hindi ko naman sinasabing mali ito. Ngunit hindi pa rin ito masyadong maganda. At para mapaganda ito, tandaan natin ang isa pang panuntunan: gumuhit nang walang kinks, bilugan nang maayos. Mayroong isang bagay bilang kinks - mga fragment na lumalabas pangkalahatang kaayusan, binibigyan nila ang mga linya ng hindi pantay, tulis-tulis na hitsura (sa nagsasalita ng Ingles na kapaligiran ng mga pixel artist ay tinatawag silang mga jaggies):

Ang mga bali ay nag-aalis sa pagguhit ng natural na kinis at kagandahan nito. At kung ang mga fragment 3, 4 at 5 ay halata at madaling maitama, sa iba ay mas kumplikado ang sitwasyon - doon ang haba ng isang piraso sa kadena ay nasira, ito ay tila isang maliit, ngunit ang maliit na bagay ay kapansin-pansin. Kailangan ng kaunting pagsasanay upang matutunang makita ang mga lugar na ito at maiwasan ang mga ito. Ang Kink 1 ay na-knock out sa linya dahil ito ay isang pixel - habang sa lugar kung saan ito ipinasok, ang linya ay binubuo ng mga segment na 2 pixels. Upang maalis ito, pinalambot ko ang pagpasok ng curve sa liko, pinahaba ang tuktok na segment sa 3 pixels, at muling iginuhit ang buong linya sa 2 pixel na mga segment. Ang mga break 2 at 6 ay magkapareho sa isa't isa - ang mga ito ay mga fragment na 2 pixel ang haba sa mga lugar na binuo ng mga solong pixel.

Ang isang elementarya na hanay ng mga halimbawa ng mga hilig na tuwid na linya, na makikita sa halos bawat pixel art manual (ang akin ay walang pagbubukod), ay makakatulong sa iyo na maiwasan ang mga ganitong kink kapag gumuhit:

Tulad ng nakikita mo, ang isang tuwid na linya ay binubuo ng mga segment na may parehong haba, inilipat ng isang pixel habang ito ay iginuhit - sa ganitong paraan lamang nakakamit ang epekto ng linearity. Ang pinakakaraniwang mga pamamaraan ng pagtatayo ay may mga haba ng segment na 1, 2 at 4 na mga pixel (mayroong iba pa, ngunit ang mga ipinakita na mga pagpipilian ay dapat sapat upang ipatupad ang halos anumang artistikong ideya). Sa tatlong ito, ang pinakasikat ay may kumpiyansa na matatawag na haba ng segment na 2 pixels: gumuhit ng segment, ilipat ang pen ng 1 pixel, gumuhit ng isa pang segment, ilipat ang pen ng 1 pixel, gumuhit ng isa pang segment:

Hindi mahirap, tama? Ang kailangan mo lang ay ugali. Ang kakayahang gumuhit ng mga hilig na tuwid na linya sa 2-pixel na mga pagtaas ay makakatulong sa isometry, kaya titingnan natin ito nang mas detalyado sa susunod. Sa pangkalahatan, ang mga tuwid na linya ay mahusay - ngunit hanggang sa ang gawain ay lumitaw sa pagguhit ng isang bagay na mapaghimala. Dito kailangan namin ng mga kurba, at maraming iba't ibang mga kurba. At isinasaalang-alang namin ang isang simpleng panuntunan para sa pag-ikot ng mga hubog na linya: ang haba ng mga elemento ng kurba ay dapat na unti-unting bumaba / tumaas.

Ang paglabas mula sa tuwid na linya hanggang sa pag-ikot ay isinasagawa nang maayos, ipinahiwatig ko ang haba ng bawat segment: 5 pixels, 3, 2, 2, 1, 1, muli 2 (na patayo), 3, 5 at iba pa. Ang iyong kaso ay hindi kinakailangang gumamit ng parehong pagkakasunud-sunod, ang lahat ay nakasalalay sa kinis na kinakailangan. Isa pang halimbawa ng rounding:

Muli, iniiwasan namin ang mga kinks na labis na nakakasira sa larawan. Kung gusto mong suriin ang materyal na iyong natutunan, narito mayroon akong balat para sa Winamp na iginuhit ng isang hindi kilalang may-akda, isang blangko:

Mayroong mga malalaking pagkakamali sa pagguhit, at simpleng hindi matagumpay na pag-ikot, at may mga kinks - subukang itama ang larawan batay sa kung ano ang alam mo na. Iyon lang ang mayroon ako sa mga linya, iminumungkahi kong gumuhit ka ng kaunti. At huwag hayaang malito ka sa pagiging simple ng mga halimbawa, maaari ka lamang matutong gumuhit sa pamamagitan ng pagguhit - kahit na ang mga pinakasimpleng bagay.

4.1. Gumuhit ng isang bote ng tubig na buhay.

1. Ang hugis ng bagay, hindi mo kailangang gumamit ng kulay sa ngayon.

2. Pulang likido.

3. Baguhin ang kulay ng salamin sa asul, magdagdag ng mga may kulay na lugar sa loob ng bubble at isang liwanag na lugar sa nilalayon na ibabaw ng likido.

4. Magdagdag ng mga puting highlight sa bubble at isang 1 pixel na lapad na anino madilim na pula sa mga lugar ng likido na katabi ng mga dingding ng bula. Mukhang maganda, ha?

5. Katulad nito, gumuhit kami ng isang bote na may asul na likido - dito ang parehong kulay ng salamin, kasama ang tatlong kulay ng asul para sa likido.

4.2. Pagguhit ng pakwan.

Gumuhit tayo ng isang bilog at kalahating bilog - ito ay magiging isang pakwan at isang gupit na hiwa.

2. Markahan natin ang ginupit sa pakwan mismo, at sa hiwa - ang hangganan sa pagitan ng balat at pulp.

3. Pagpupuno. Mga kulay mula sa palette, medium green ang kulay ng balat, medium red ang kulay ng pulp.

4. Markahan natin ang lugar ng paglipat mula sa crust hanggang sa pulp.

5. Banayad na mga guhit sa pakwan (sa wakas ito ay kamukha mismo). At siyempre - mga buto! Kung tatawid ka sa isang pakwan na may mga ipis, sila ay gagapang palayo sa kanilang sarili.

6. Isinasaisip natin ito. Gumagamit kami ng maputlang kulay rosas na kulay para ipahiwatig ang mga highlight sa itaas ng mga buto sa seksyon, at sa pamamagitan ng paglalagay ng mga pixel sa pattern ng checkerboard, nakakamit namin ang ilang pagkakahawig ng volume mula sa cut out na segment (ang pamamaraan ay tinatawag na dithering, higit pa sa iyon mamaya ). Gumagamit kami ng madilim na pulang tint para ipahiwatig ang mga may kulay na lugar sa seksyon ng pakwan, at madilim na berdeng tint (muli, mga pixel sa pattern ng checkerboard) upang bigyan ng volume ang mismong pakwan.

5. Dithering.

Ang dithering, o blending, ay isang pamamaraan ng paghahalo ng mga pixel sa dalawang magkatabing lugar ng magkaibang kulay sa isang tiyak na order (hindi palaging) na paraan. Ang pinakasimple, pinakakaraniwan at epektibong paraan ay ang paghahalili ng mga pixel sa pattern ng checkerboard:

Ang pamamaraan ay ipinanganak salamat sa (o sa halip sa kabila ng) teknikal na mga limitasyon - sa mga platform na may limitadong mga palette, ginawang posible ng dithering, sa pamamagitan ng paghahalo ng mga pixel ng dalawang magkakaibang kulay, upang makakuha ng pangatlo na wala sa palette:

Ngayon, sa isang panahon ng walang limitasyong mga teknikal na posibilidad, marami ang nagsasabi na ang pangangailangan para sa dither ay naglaho nang mag-isa. Gayunpaman, ang wastong paggamit nito ay maaaring magbigay sa iyong trabaho ng isang katangiang istilong retro, na makikilala ng lahat ng mga tagahanga ng mga lumang video game. Sa personal, gusto kong gumamit ng dithering. Hindi ako masyadong magaling, pero mahal ko pa rin.

Dalawa pang pagpipilian sa dither:

Ano ang kailangan mong malaman tungkol sa dithering upang magamit ito. Ang minimum na lapad ng blending zone ay dapat na hindi bababa sa 2 pixels (mga checkered na linya). Mas marami ang posible. Mas mainam na huwag gumawa ng mas kaunti.

Nasa ibaba ang isang halimbawa ng hindi matagumpay na dithering. Sa kabila ng katotohanan na ang isang katulad na pamamaraan ay madalas na matatagpuan sa mga sprite mula sa mga video game, kailangan mong malaman na ang screen ng telebisyon ay makabuluhang pinadulas ang imahe, at ang gayong suklay, at kahit na sa paggalaw, ay hindi nakikita ng mata:

Well, sapat na teorya. Iminumungkahi kong magsanay ka pa ng kaunti.

Maaaring iguhit ang Pixel art sa anumang programa para sa pagtatrabaho sa raster graphics; ito ay isang bagay ng personal na kagustuhan at karanasan (pati na rin ang mga kakayahan sa pananalapi, siyempre). Ang ilang mga tao ay gumagamit ng pinakasimpleng Paint, ginagawa ko ito sa Photoshop - dahil, una, matagal na akong nagtatrabaho dito, at pangalawa, mas komportable ako doon. Sa sandaling nagpasya akong subukan ang libreng Paint.NET, hindi ko nagustuhan - ito ay tulad ng sa isang kotse kung nakilala mo ang isang dayuhang kotse na may awtomatikong paghahatid, malamang na hindi ka makapasok sa isang Zaporozhets. Binibigyan ako ng aking tagapag-empleyo ng lisensyadong software, kaya malinis ang aking konsensya sa harap ng korporasyon ng Adobe... Bagama't naniningil sila ng hindi maisip na mga presyo para sa kanilang mga programa, at masusunog sila sa impiyerno para dito.

1. Paghahanda para sa trabaho.

Gumawa ng bagong dokumento na may anumang mga setting (hayaan ang lapad na 60, taas 100 pixels). Ang pangunahing tool ng isang pixel artist ay isang lapis ( Kasangkapan ng Lapis, tinawag ng hotkey B). Kung ang brush (at ang icon ng brush) ay pinagana sa toolbar, mag-hover sa ibabaw nito, i-click at i-hold L.M.B.– lalabas ang isang maliit na drop-down na menu kung saan dapat kang pumili ng lapis. Itakda ang laki ng panulat sa 1 pixel (sa tuktok na panel sa kaliwa ay mayroong drop-down na menu Magsipilyo):

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Ilang mas kapaki-pakinabang na kumbinasyon. " Ctrl+" at " Ctrl-"i-zoom in at out ang larawan. Kapaki-pakinabang din na malaman na ang pagpindot Ctrl at " (herringbone quotes, o Russian key " E") Ino-on at i-off ang grid, na malaking tulong kapag gumuhit ng pixel art. Dapat ding isaayos ang grid spacing upang umangkop sa iyo; I-click Ctrl+K(o pumunta sa I-edit->Mga Kagustuhan), pumunta sa punto Mga Gabay, Grid at Mga Slice at i-install Gridline bawat 1 pixel(Uulitin ko, 2 ay mas maginhawa para sa akin).

2. Pagguhit.

Sa wakas magsisimula na kaming magdrawing. Bakit gumawa ng bagong layer ( Ctrl+Shift+N), lumipat sa itim na kulay ng panulat (pindutin ang D itinatakda ang mga default na kulay, itim at puti) at iguhit ang ulo ng character, sa aking kaso ito ang simetriko ellipse:

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Ang ibaba at itaas na mga base nito ay 10 pixels ang haba, pagkatapos ay mayroong mga segment na 4 pixels, tatlo, tatlo, isa, isa at patayong linya 4 na pixel ang taas. Ang mga tuwid na linya sa Photoshop ay maginhawa upang gumuhit gamit ang Paglipat, kahit na ang sukat ng imahe sa pixel art ay minimal, ang diskarteng ito kung minsan ay nakakatipid ng maraming oras. Kung nagkamali ka at nag-drawing ng sobra, nagkamali ka - huwag magalit, lumipat sa tool ng pambura ( Pambura din l o "" na susi E") at tanggalin ang hindi mo kailangan. Oo, tiyaking itakda din ang pambura sa laki ng panulat sa 1 pixel para mabura nito ang pixel bawat pixel, at ang pencil mode ( Mode: Lapis), kung hindi ay maghuhugas ito ng maling bagay. Bumalik sa isang lapis, hayaan mong ipaalala ko sa iyo, sa pamamagitan ng " B»

Sa pangkalahatan, ang ellipse na ito ay hindi iginuhit nang mahigpit ayon sa mga patakaran ng pixel art, ngunit ang masining na konsepto ay nangangailangan nito. Dahil ito ang hinaharap na ulo, magkakaroon ito ng mga mata, ilong, bibig - sapat na mga detalye na sa huli ay maakit ang atensyon ng manonood at mapahina ang pagnanais na magtanong kung bakit ang ulo ay isang hindi regular na hugis.

Nagpapatuloy kami sa pagguhit, pagdaragdag ng ilong, bigote at bibig:

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Ngayon ang mga mata:

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Pakitandaan na sa isang maliit na sukat ang mga mata ay hindi kailangang maging bilog - sa aking kaso sila ay mga parisukat na may haba sa gilid na 5 mga pixel, na may mga sulok na puntos na hindi iginuhit. Kapag ibinalik sa orihinal na sukat, sila ay magmumukhang medyo bilog, at ang impresyon ng sphericity ay maaaring mapahusay sa tulong ng mga anino (higit pa tungkol dito sa ibang pagkakataon, tingnan ang ika-3 seksyon ng aralin). Sa ngayon, bahagyang ayusin ko ang hugis ng ulo sa pamamagitan ng pagbubura ng ilang pixel sa isang lugar at pagdaragdag ng mga ito sa isa pa:

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Gumuhit kami ng mga kilay (okay lang na nakabitin sila sa hangin - iyon ang istilo ko) at mga fold ng mukha sa mga sulok ng bibig, na ginagawang mas nagpapahayag ang ngiti:

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Hindi pa masyadong maganda ang hitsura ng mga sulok; isa sa mga panuntunan ng pixel art ay nagsasaad na ang bawat pixel ng stroke at mga elemento ay maaaring makipag-ugnayan sa hindi hihigit sa dalawang magkalapit na pixel. Ngunit kung maingat mong pag-aaralan ang mga sprite mula sa mga laro noong huling bahagi ng dekada 80 at unang bahagi ng dekada 90, ang error na ito ay madalas na makikita doon. Konklusyon - kung hindi mo kaya, ngunit talagang gusto mo, magagawa mo. Ang detalyeng ito ay maaaring i-play sa ibang pagkakataon sa panahon ng pagpuno sa tulong ng mga anino, kaya sa ngayon ay ipagpatuloy natin ang pagguhit. katawan:

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Wag nyo munang pansinin ang bukong-bukong sa ngayon, mukhang awkward, aayusin natin yan pag sisimulan na nating punan. Isang maliit na pagwawasto: magdagdag ng sinturon at tiklop sa lugar ng singit, at i-highlight din ang mga kasukasuan ng tuhod (gamit ang maliit na 2 pixel na mga fragment na nakausli mula sa linya ng binti):

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

3. Pagpupuno.

Para sa bawat elemento ng karakter, tatlong kulay ang magiging sapat para sa amin sa ngayon - ang pangunahing kulay ng fill, ang kulay ng anino at ang kulay ng stroke. Sa pangkalahatan, maraming bagay ang maipapayo mo sa teorya ng kulay sa pixel art, kabilang ang: paunang yugto huwag mag-atubiling mag-espiya sa gawain ng mga masters at pag-aralan nang eksakto kung paano sila pumili ng mga kulay. Ang stroke ng bawat elemento ay maaaring, siyempre, iwanang itim, ngunit sa kasong ito ang mga elemento ay tiyak na magsasama; Ang pinaka-maginhawang paraan ay ang gumuhit ng maliit na palette sa isang lugar malapit sa iyong karakter at pagkatapos ay kumuha ng mga kulay mula dito gamit ang eyedropper tool ( Tool sa Eyedropper, I):

Sa pamamagitan ng pagpili nais na kulay, buhayin ang tool na "bucket" ( Paint Bucket, G). Gayundin, siguraduhing huwag paganahin ang function na Anti-alias sa mga setting;

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Pinupuno namin ang aming karakter; kung hindi namin mapunan, iginuhit namin ito sa pamamagitan ng kamay gamit ang isang lapis.

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Bigyang-pansin ang mga bukung-bukong - dahil sa ang katunayan na ang mga lugar na ito ay 2 pixels lamang ang kapal, kinailangan kong iwanan ang stroke sa magkabilang panig at iginuhit lamang ito sa nilalayong bahagi ng anino, na nag-iiwan ng isang linya ng pangunahing kulay na isang pixel ang kapal. Tandaan din na iniwan kong itim ang mga kilay, bagaman hindi ito mahalaga.

Ang Photoshop ay may madaling gamiting tampok sa pagpili ng kulay ( Piliin->Hanay ng kulay, sa pamamagitan ng pagtusok ng eyedropper sa nais na kulay, makukuha namin ang pagpili ng lahat ng mga lugar ng magkatulad na kulay at ang kakayahang agad na punan ang mga ito, ngunit para dito kailangan mo ang mga elemento ng iyong karakter na nasa iba't ibang mga layer, kaya sa ngayon ay gagawin namin isaalang-alang ang function na ito na kapaki-pakinabang para sa mga advanced na gumagamit ng Photoshop):

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

4. Anino at dithering.

Ngayon piliin ang mga kulay ng anino at, lumipat sa lapis ( B) maingat na ilatag ang mga malilim na lugar. Sa aking kaso, ang pinagmumulan ng ilaw ay nasa isang lugar sa kaliwa at sa itaas, sa harap ng karakter - samakatuwid ipinapahiwatig namin ang mga kanang bahagi na may isang anino na may diin patungo sa ibaba. Ang mukha ay magiging pinakamayaman sa anino, dahil mayroong maraming maliliit na elemento na matatagpuan doon na namumukod-tangi sa tulong ng isang anino sa isang panig, at sa kabilang banda sila mismo ang naglagay ng anino (mga mata, ilong, mga fold ng mukha):

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Napakalakas ng anino visual na medium, ang isang mahusay na itinalagang anino ay magkakaroon ng kapaki-pakinabang na epekto sa hitsura karakter - at ang impresyon nito sa manonood. Sa pixel art, ang isang pixel na inilagay sa maling lugar ay maaaring sirain ang buong trabaho, habang sa parehong oras, tila ang mga maliliit na pagsasaayos ay maaaring gawing mas maganda ang imahe.

Tungkol naman sa dithering'at sa isang imahe na may tulad na mga maliliit na sukat, sa palagay ko, siya ay ganap na kalabisan. Ang pamamaraan mismo ay binubuo ng "paghahalo" ng dalawang magkatabing kulay, na nakamit sa pamamagitan ng pagsuray-suray sa mga pixel. Gayunpaman, upang mabigyan ka ng ideya ng pamamaraan, ipakikilala ko pa rin ang maliliit na bahagi ng paghahalo, sa pantalon, sa kamiseta at kaunti sa mukha:

Pixel art para sa mga nagsisimula. | Panimula.

Pixel art para sa mga nagsisimula. | Panimula.

Sa pangkalahatan, tulad ng nakikita mo, walang partikular na kumplikado. Pixel art Ang nakakaakit nito ay ang pagkakaroon ng pinagkadalubhasaan ang ilang mga pattern, sinuman ay maaaring gumuhit ng mabuti sa kanilang sarili - sa pamamagitan lamang ng maingat na pag-aaral ng mga gawa ng mga masters. Bagama't oo, hindi pa rin masasaktan ang ilang kaalaman sa mga pangunahing kaalaman sa pagguhit at teorya ng kulay. Go for it!

Habang nagba-browse sa Internet kaninang umaga, gusto kong magsulat ng post tungkol sa Pixel Art, at habang naghahanap ng materyal nakita ko ang dalawang artikulong ito.

Bumalik sa ika-20 siglo, ang pixel graphics ay naging isang malawak na lugar ng aplikasyon. mga laro sa Kompyuter, lalo na noong dekada 90. Sa pagbuo ng 3D graphics, nagsimulang bumaba ang pixel art, ngunit pagkatapos ay nabuhay muli salamat sa pagbuo ng disenyo ng web, ang pagdating ng mga cell phone at mga mobile application.

Ang Pixel art ay isang espesyal na pamamaraan para sa paglikha ng mga imahe sa digital form, na ginanap sa mga editor ng raster graphics, kung saan gumagana ang artist gamit ang pinakamaliit na unit ng isang raster digital na imahe - ang pixel. Ang larawang ito ay nailalarawan sa pamamagitan ng isang mababang resolution, kung saan ang bawat pixel ay nagiging malinaw na nakikita. Ang pixel art ay tumatagal ng mahabang panahon at maingat, depende sa pagiging kumplikado ng pagguhit - pixel bawat pixel.

Mga pangunahing panuntunan ng pixel art

Ang pinakamahalagang bahagi ng pixel art ay ang tinatawag na line art - sa madaling salita, ang mga contour nito. Ginagawa ang pixel art gamit ang mga linya - tuwid at hubog.

Mga tuwid na linya

Ang panuntunan para sa pagbuo ng mga linya sa pixel art ay dapat silang binubuo ng mga segment na lumilipat sa gilid ng isang pixel habang umuusad ang drawing. Iwasan pangunahing pagkakamali para sa mga baguhan na pixel art artist: hindi dapat magkadikit ang mga pixel, na bumubuo ng tamang anggulo.

Sa kaso ng mga tuwid na linya, maaari mong gawing mas madali ang iyong gawain sa pamamagitan ng paggamit ng isa sa mga kilalang halimbawa ng mga hilig na tuwid na linya:

Tulad ng makikita mula sa figure, ang lahat ng mga tuwid na linya na ipinakita dito ay binubuo ng magkaparehong mga segment ng pixel, na inilipat sa gilid sa layo na isang pixel, at ang pinakasikat ay mga segment ng isa, dalawa at apat na pixel. Ang ganitong mga simpleng tuwid na linya sa pixel graphics ay tinatawag na "ideal".

Ang mga tuwid na linya ay maaaring magkaroon ng ibang pattern, halimbawa, maaari kang magpalit ng mga segment ng dalawang pixel na may isang segment ng isa, ngunit ang mga naturang linya ay hindi magiging maganda, lalo na kapag ang imahe ay pinalaki, kahit na hindi nila nilalabag ang mga patakaran ng pixel art .

Mga hubog na linya

Ang mga tuwid na linya ay mas madaling gawin dahil iniiwasan nila ang mga kink, na hindi ang kaso sa mga hubog na linya. Ang kanilang pagtatayo ay mas mahirap, ngunit ang mga hubog na linya ay kailangang iguhit nang mas madalas kaysa sa mga tuwid na linya.

Bilang karagdagan sa parehong pagbabawal sa pagbuo ng mga tamang anggulo mula sa mga pixel, kapag gumuhit ng mga hubog na linya, kinakailangang tandaan ang likas na katangian ng kanilang pag-aalis. Ang haba ng mga segment ng pixel ay dapat magbago nang pantay-pantay, unti-unti - tumaas nang maayos at bumaba nang kasing maayos. Hindi pinapayagan ng pixel graphics ang mga kinks.

Malamang na hindi ka makakapagguhit ng perpektong hubog na linya gamit ang isang paggalaw ng iyong kamay nang hindi lumalabag sa isang panuntunan, kaya maaari kang gumamit ng dalawang pamamaraan: gumuhit ng mga linya sa pamamagitan ng pagguhit ng sunud-sunod na pixel, o gumuhit ng regular na kurba at pagkatapos ay itama ito sa pamamagitan ng pag-alis ng mga dagdag na pixel mula sa natapos na "frame".

Dithering

Sa pixel art mayroong isang bagay tulad ng dithering. Ito ay isang partikular na paraan ng paghahalo ng mga pixel ng iba't ibang kulay upang lumikha ng epekto ng paglipat ng kulay.

Ang pinakasikat na paraan ng dithering ay ang pag-aayos ng mga pixel sa pattern ng checkerboard:

Ang pamamaraang ito ay may utang sa hitsura nito sa mga teknikal na limitasyon sa mga palette ng kulay, dahil upang makakuha, halimbawa, lila, kinailangan na gumuhit ng pula at asul na mga pixel sa pattern ng checkerboard:

At kasunod nito, ang dithering ay madalas na ginagamit upang ihatid ang lakas ng tunog sa pamamagitan ng liwanag at anino sa mga imahe:

Para gumana nang maayos ang dithered pixel art, dapat na hindi bababa sa dalawang pixel ang lapad ng color mixing area.

Mga programa para sa pixel art

Upang makabisado ang paglikha ng sining sa istilong pixel, maaari mong gamitin ang anumang graphic editor na sumusuporta sa ganitong uri ng pagguhit. Ang lahat ng mga artist ay nagtatrabaho sa iba't ibang mga programa batay sa kanilang mga kagustuhan.

Mas gusto ng maraming tao hanggang ngayon na gumuhit gamit ang mga pixel sa kilalang karaniwang programa ng Windows operating system - Microsoft Paint. Ang program na ito ay talagang madaling matutunan, ngunit ito rin ang kawalan nito - ito ay medyo primitive, halimbawa, hindi nito sinusuportahan ang pagtatrabaho sa mga layer at ang kanilang transparency.

Ang isa pang madaling-gamitin na pixel art program na ang demo na bersyon ay matatagpuan online na ganap na libre ay GraphicsGale. Ang downside ng programa ay, marahil, na hindi nito sinusuportahan ang pag-save ng pixel art sa .gif na format.

Maaaring subukan ng mga may-ari ng mga Mac computer na magtrabaho libreng programa Pixen. At ang mga gumagamit ng Linux operating system ay dapat subukan ang mga programang GrafX2 at JDraw para sa kanilang sarili.

At, siyempre, isang mahusay na pagpipilian para sa paglikha ng pixel art ay ang Adobe Photoshop program, na may malawak na pag-andar, nagbibigay-daan sa iyo upang gumana sa mga layer, sumusuporta sa transparency, at nagbibigay ng simpleng gawain na may palette. Sa tulong ng programang ito ay titingnan natin mga simpleng halimbawa, kung paano gumuhit ng pixel art sa iyong sarili.

Paano Gumuhit ng Pixel Art sa Photoshop

Tulad ng sa mga uri ng tradisyonal sining biswal, pinakamahalaga sa pixel art ay may hugis, anino at liwanag, kaya bago mo matutunan kung paano gumuhit ng pixel art, subukang gawing pamilyar ang iyong sarili sa mga pangunahing kaalaman sa pagguhit - magsanay sa pagguhit gamit ang isang lapis sa papel.

Pagguhit ng "Lobo"

Magsimula tayo sa pinakasimpleng bagay - gumuhit ng ordinaryong lobo. Gumawa ng bagong file sa Photoshop na may resolution ng screen na 72 dpi. Walang punto sa pagtatakda ng malalaking sukat ng imahe - ito ay pixel art. Pumili ng brush, matigas at opaque, itakda ang laki sa 1 pixel.

Gumuhit ng maliit na hubog na semi-arc mula kaliwa hanggang kanan, na humahantong mula sa ibaba hanggang sa itaas. Tandaan ang mga panuntunan ng pixel art: panatilihin ang parehong mga proporsyon ng mga segment, ilipat ang mga ito sa gilid sa pamamagitan ng isang pixel, nang hindi umaalis sa mga kink o tamang anggulo. Pagkatapos ay i-mirror ang arko na ito sa pamamagitan ng pagguhit itaas na bahagi bola.

Gamit ang parehong prinsipyo, iguhit ang ilalim ng bola at ang sinulid. Punan ang bola ng pula gamit ang Fill Tool. Ngayon ang natitira na lang ay magdagdag ng volume - ang aming bola ay mukhang masyadong flat. Kulayan ang isang madilim na pulang guhit sa kanang bahagi sa ibaba ng bola, pagkatapos ay i-dither ang lugar. Sa kaliwang sulok sa itaas ng bola, gumuhit ng highlight ng mga puting pixel.

Tingnan kung gaano ito kadali - handa na ang bola!

Pagguhit ng "Robot"

Ngayon subukan nating gumuhit ng isang larawan sa tradisyonal na paraan, at pagkatapos lamang ay lilinisin natin ang mga pixel na lumalabag sa mga panuntunan ng pixel art.

Magbukas ng bagong dokumento at gumawa ng magaspang na sketch ng hinaharap na robot:

Ngayon ay maaari mo nang linisin ang lahat ng humahadlang at magdagdag ng mga pixel kung saan kinakailangan:

Sa parehong paraan, iguhit ang ibabang bahagi ng katawan ng robot. Huwag palampasin ang pagkakataong gumuhit ng "perpektong" tuwid na linya sa mga angkop na lugar.

Idetalye ang katawan ng robot. Maraming may karanasan na mga artista ang nagpapayo na ihanda ang iyong sarili ng isang palette bago simulan ang trabaho - isang hanay ng mga kulay na gagamitin mo kapag lumilikha ng trabaho sa isang estilo ng pixel. Nagbibigay-daan ito para sa pinakamalaking integridad ng imahe. Lumikha ng isang palette sa isang libreng lugar ng Photoshop workspace - halimbawa, sa anyo ng mga parisukat o mga spot ng kulay. Pagkatapos, upang piliin ang nais na kulay, i-click ito gamit ang tool na Eyedropper.

Maaari mong simulan ang pagpuno ng mga contour. "Kulayan" ang katawan ng robot na may pangunahing kulay. Lavender blue ang kulay namin.

Baguhin ang kulay ng outline - punan ito ng madilim na asul. Magpasya kung nasaan ang pinagmumulan ng ilaw sa iyong drawing. Para sa amin, ito ay matatagpuan sa isang lugar sa itaas at sa kanan sa harap ng robot. Iguhit natin ang dibdib ng ating karakter, na nagdaragdag ng lakas ng tunog:

SA kanang bahagi markahan ang pinakamalalim na anino sa pagguhit, na tumatakbo kasama ang tabas ng katawan. Mula sa anino na ito, mula sa mga gilid hanggang sa gitna, gumuhit ng isang mas magaan na anino na nawawala sa mga nilalayong lugar na iluminado ng pinagmumulan ng liwanag:

Magdagdag ng mga highlight sa robot sa lahat ng lugar na inaasahang magpapakita ng liwanag:

Bigyan ng cylindrical na anyo ang mga binti ng robot gamit ang anino at liwanag. Sa parehong paraan, gumawa ng mga butas mula sa mga bilog sa dibdib ng robot:

Ngayon, pagbutihin natin ang larawan sa pamamagitan ng pagdaragdag ng naunang tinalakay na elemento ng pixel art - dithering - sa mga bahagi ng anino ng katawan.

Hindi mo kailangang gumawa ng dithering sa mga highlight, pati na rin sa mga binti - ang mga ito ay masyadong maliit. Gamit ang dark at light pixels, gumuhit ng isang hilera ng mga rivet sa ulo ng robot sa halip na mga ngipin, at magdagdag din ng nakakatawang antenna. Tila sa amin na ang kamay ng robot ay hindi iginuhit nang mahusay - kung nakatagpo ka ng parehong problema, gupitin ang bagay sa Photoshop at ilipat ito pababa.

Iyon lang - handa na ang aming nakakatawang pixel robot!

At sa tulong ng video na ito matututunan mo kung paano gumawa ng pixel art animation sa Photoshop:

Kunin ito para sa iyong sarili at sabihin sa iyong mga kaibigan!

Basahin din sa aming website:

magpakita pa

Adobe Photoshop: Gumuhit at i-animate ang isang character sa Teknolohiya ng pixel Art

Sa araling ito matututunan mo kung paano gumuhit at mag-animate ng mga character gamit ang Pixel Art technique. Upang gawin ito, kailangan mo lamang ng Adobe Photoshop. Ang resulta ay isang GIF na may tumatakbong astronaut.

Programa: Adobe Photoshop Pinagkakahirapan: mga nagsisimula, intermediate level Oras na kinakailangan: 30 min – oras

I. Pagse-set up ng dokumento at mga tool

Hakbang 1

Piliin ang Pencil mula sa toolbar - ito ang magiging pangunahing kasangkapan para sa ating aralin. Sa mga setting, piliin ang uri ng Hard Round brush, at itakda ang natitirang mga halaga tulad ng sa larawan. Ang aming layunin ay gawing matalim ang nib ng lapis hangga't maaari.

Hakbang 2

Sa mga setting ng Eraser Tool (eraser), piliin ang Pencil Mode, at itakda ang natitirang mga halaga tulad ng ipinapakita sa larawan.

Hakbang 3

I-on ang Pixel Grid (View > Show > Pixel Grid). Kung walang ganoong item sa menu, pagkatapos ay pumunta sa mga setting at paganahin ang graphics acceleration Preferences > Performance > Graphic acceleration.

Pakitandaan: Ang grid ay makikita lamang sa bagong likhang canvas kapag naka-zoom in sa 600% o higit pa.

Hakbang 4

Sa Preferences > General (Control-K), baguhin ang image interpolation mode sa Nearest Neighbor mode. Papayagan nito ang mga hangganan ng mga bagay na manatiling malinaw hangga't maaari.

Sa mga setting ng Units & Rulers, itakda ang ruler units sa pixels Preferences > Units & Rulers > Pixels.

II. Paglikha ng Tauhan

Hakbang 1

At ngayong naka-set up na ang lahat, maaari na tayong magpatuloy nang direkta sa pagguhit ng karakter.

I-sketch ang iyong karakter gamit ang isang malinaw na balangkas, maging maingat na huwag mag-overload ito. maliliit na detalye. Sa yugtong ito, hindi mahalaga ang kulay, ang pangunahing bagay ay malinaw na iginuhit ang balangkas at naiintindihan mo kung ano ang magiging hitsura ng karakter. Ang sketch na ito ay partikular na inihanda para sa araling ito.

Hakbang 2

Bawasan ang sukat ng sketch sa 60 pixels ang taas gamit ang keyboard shortcut na Control+T, o Edit > Free Transform.

Ang laki ng bagay ay ipinapakita sa panel ng impormasyon. Pakitandaan na ang mga setting ng interpolation ay pareho sa ginawa namin sa hakbang 4.

Hakbang 3

Mag-zoom in sa sketch nang 300-400% para mas madaling gamitin at bawasan ang opacity ng layer. Pagkatapos ay lumikha ng isang bagong layer at iguhit ang mga balangkas ng sketch gamit ang Pencil Tool. Kung ang karakter ay simetriko, tulad ng sa aming kaso, maaari mong balangkasin lamang ang kalahati, at pagkatapos ay i-duplicate ito at i-flip ito bilang salamin (I-edit > Transform > Flip Horizontal).

Ritmo: Gumuhit mga kumplikadong elemento hatiin ang mga ito sa mga piraso. Kapag ang mga pixel (tuldok) sa isang linya ay bumubuo ng isang "ritmo" tulad ng 1-2-3, o 1-1-2-2-3-3, ang sketch ay lilitaw na mas makinis sa mata ng tao. Ngunit, kung ang form ay nangangailangan nito, ang ritmong ito ay maaaring maputol.

Hakbang 4

Kapag handa na ang balangkas, maaari mong piliin ang mga pangunahing kulay at ipinta ang malalaking hugis. Gawin ito sa isang hiwalay na layer sa ibaba ng outline.

Hakbang 5

I-smooth ang outline sa pamamagitan ng pagguhit ng anino sa kahabaan ng panloob na gilid.

Magpatuloy sa pagdaragdag ng mga anino. Tulad ng maaaring napansin mo habang gumuhit ka, maaaring itama ang ilang mga hugis.

Hakbang 6

Gumawa ng bagong layer para sa mga highlight.

Piliin ang Overlay blend mode mula sa drop-down na listahan sa panel ng Mga Layer. Gumuhit liwanag na kulay sa mga lugar na gusto mong i-highlight. Pagkatapos ay pakinisin ang mga highlight gamit ang Filter > Blur > Blur.

Kumpletuhin ang larawan, pagkatapos ay kopyahin at i-mirror ang natapos na kalahati ng larawan, pagkatapos ay pagsamahin ang mga layer sa mga kalahati upang makagawa ng isang buong larawan.

Hakbang 7

Ngayon ang astronaut ay kailangang magdagdag ng kaibahan. Gamitin ang mga setting ng Mga Antas (Larawan > Mga Pagsasaayos > Mga Antas) upang gawing mas maliwanag, at pagkatapos ay ayusin ang kulay gamit ang opsyong Balanse ng Kulay (Larawan > Mga Pagsasaayos > Balanse ng Kulay).

Ang karakter ay handa na para sa animation.

III. Character Animation

Hakbang 1

Gumawa ng kopya ng layer (Layer > New > Layer Via Copy) at ilipat ito ng 1 pixel pataas at 2 pixel sa kanan. Ito ay isang mahalagang punto sa animation ng character.

Bawasan ang opacity ng orihinal na layer ng 50% para makita mo ang nakaraang frame. Ito ay tinatawag na "Pagbabalat ng Sibuyas" (plural mode).

Hakbang 2

Ngayon ibaluktot ang mga braso at binti ng iyong karakter na parang tumatakbo siya.

● I-highlight kaliwang kamay Lasso tool

● Gamit ang FreeTransformTool (Edit > FreeTransform) at pagpindot sa Control key, ilipat ang mga hangganan ng lalagyan upang ang kamay ay gumalaw pabalik.

● Pumili muna ng isang binti at iunat ito ng kaunti. Pagkatapos ay pisilin ang kabilang binti sa kabaligtaran upang maramdaman na ang karakter ay naglalakad.

● Gumamit ng lapis at pambura para itama ang bahagi kanang kamay ibaba ng siko.

Hakbang 3

Ngayon ay kailangan mong ganap na muling iguhit ang bagong posisyon ng mga braso at binti tulad ng ipinapakita sa ikalawang seksyon ng araling ito. Ito ay kinakailangan upang matiyak na ang imahe ay mukhang malinaw, dahil ang pagbabagong-anyo ay lubhang nakakasira sa mga linya ng pixel.

Hakbang 4

Gumawa ng kopya ng pangalawang layer at i-flip ito nang pahalang. Ngayon ay mayroon kang 1 pangunahing pose at 2 sa paggalaw. Ibalik ang opacity ng lahat ng mga layer sa 100%.

Hakbang 5

Pumunta sa Window > Timeline upang ipakita ang panel ng Timeline, at i-click ang Lumikha ng Frame Animation.

Sa ngayon, ang mga programa tulad ng Photoshop, Illustrator, Corel ay ginagawang mas madali ang gawain ng designer at illustrator. Sa kanilang tulong, maaari kang magtrabaho nang buo nang hindi naaabala ng pag-aayos ng mga pixel, tulad ng nangyari sa pagtatapos ng huling siglo. Lahat mga kinakailangang kalkulasyon nangangako software- graphic editor. Ngunit may mga taong nagtatrabaho sa ibang direksyon, hindi lamang naiiba, ngunit maging ganap na kabaligtaran. Ibig sabihin, sila ay nakikibahagi sa parehong lumang-paaralan na pag-aayos ng mga pixel upang makakuha ng isang natatanging resulta at kapaligiran sa kanilang mga gawa.

Isang halimbawa ng pixel art. Fragment.

Sa artikulong ito gusto naming pag-usapan ang tungkol sa mga taong gumagawa ng pixel art. Tingnan mo sila ng maigi pinakamahusay na mga gawa, na, dahil sa pagiging kumplikado ng kanilang pagpapatupad lamang, ay matatawag, nang walang pagmamalabis, gumagana kontemporaryong sining. Mga obrang makakawala ng hininga kapag tiningnan.

Pixel Art. Pinakamahusay na mga gawa at ilustrador

lungsod. May-akda: Zoggles

Fairytale kastilyo. May-akda: Tinuleaf

Medieval village. May-akda: Docdoom

Hanging Gardens ng Babylon. May-akda: Lunar Eclipse

Lugar ng tirahan. May-akda: