Saan ka maaaring gumuhit ng pixel art? Mga programa para sa paglikha ng pixel art
Part 7: Textures at Blur
Bahagi 8: Tile World
Paunang Salita
Mayroong maraming mga kahulugan ng pixel art, ngunit dito gagamitin namin ito: ang isang imahe ay pixel art kung ito ay ganap na nilikha sa pamamagitan ng kamay, at may kontrol sa kulay at posisyon ng bawat pixel na iginuhit. Siyempre, sa pixel art, hindi namin ginagamit ang pagsasama o paggamit ng mga brush o blur tool o degraded na makina (hindi sigurado), at iba pang mga opsyon sa software na "moderno" (talagang inilagay sa aming pagtatapon ay nangangahulugang "nasa aming pagtatapon" , ngunit lohikal na tila mas tama sa ganitong paraan). Ito ay limitado sa mga tool na lapis at punan.Gayunpaman, hindi mo masasabi na ang pixel art o non-pixel art graphics ay higit pa o hindi gaanong maganda. Mas makatarungang sabihin na ang pixel art ay naiiba at mas angkop para sa mga larong istilong retro (tulad ng Super Nintendo o Game Boy). Maaari mo ring pagsamahin ang mga diskarteng natutunan dito sa mga epekto mula sa non-pixel na sining upang lumikha ng isang hybrid na istilo.
Kaya, dito mo malalaman ang teknikal na bahagi ng pixel art. Gayunpaman, hinding hindi kita gagawing artista... sa simpleng dahilan na hindi rin ako artista. Hindi ko ituturo sa iyo ang anatomya ng tao o ang istraktura ng sining, at kakaunti ang sasabihin ko tungkol sa pananaw. Sa tutorial na ito, makakahanap ka ng maraming impormasyon tungkol sa mga diskarte sa pixel art. Sa huli, dapat ay magagawa mong lumikha ng mga character at tanawin para sa iyong mga laro, kung magtutuon ka ng pansin, regular na pagsasanay, at ilapat ang mga tip na ibinigay.
- Gusto ko ring ituro na ang ilan lamang sa mga larawang ginamit sa tutorial na ito ay pinalaki. Para sa mga larawang hindi pinalaki, makabubuti kung maglaan ka ng oras upang kopyahin ang mga larawang ito upang mapag-aralan mo nang detalyado. Ang sining ng pixel ay ang kakanyahan ng mga pixel;
Sa huli, kailangan kong pasalamatan ang lahat ng mga artist na sumali sa akin sa paglikha ng gabay na ito sa isang paraan o iba pa: Shin, para sa kanyang maruming trabaho at line art, Xenohydrogen, para sa kanyang henyo sa mga kulay, Lunn, para sa kanyang kaalaman sa pananaw, at Panda, ang mahigpit na Ahruon, Dayo, at Kryon para sa kanilang mapagbigay na kontribusyon upang ilarawan ang mga pahinang ito.
Kaya, hayaan mo akong bumalik sa punto.
Bahagi 1: Ang Mga Tamang Tool
Masamang balita: hindi ka gumuhit ng isang pixel sa bahaging ito! (And that's no reason to skip it, right?) Kung may kasabihan na I hate, ito ay "walang masamang kasangkapan, masasamang manggagawa lamang." Naisip ko talaga na wala nang hihigit pa sa katotohanan (maliban sa marahil "kung ano ang hindi pumatay sa iyo ay nagpapalakas sa iyo"), at ang pixel art ay isang napakagandang kumpirmasyon. Ang gabay na ito ay naglalayong ipakilala sa iyo ang iba't ibang software, ginamit upang lumikha ng pixel art, at tulungan kang pumili ng tamang program.1. Ilang mga lumang bagay
Kapag pumipili ng software upang lumikha ng pixel art, madalas na iniisip ng mga tao: "Pagpipilian ng software? Ito ay kabaliwan! Ang kailangan lang nating lumikha ng pixel art ay pintura (tila isang laro sa mga salita, pagguhit at isang programa)" Kalunos-lunos na pagkakamali: Napag-usapan ko ang tungkol sa masamang mga tool, ito ang una. Ang pintura ay may isang bentahe (at isa lamang): mayroon ka na nito kung nagpapatakbo ka ng Windows. Sa kabilang banda, marami itong pagkukulang. Ito ay isang (hindi kumpleto) na listahan:*Hindi ka maaaring magbukas ng higit sa isang file sa parehong oras
* Walang kontrol sa palette.
*Walang mga layer o transparency
* Walang mga pagpipiliang hindi hugis-parihaba
* Ilang mga hotkey
* Lubhang hindi maginhawa
Sa madaling salita, maaari mong kalimutan ang tungkol sa Paint. Ngayon ay titingnan natin ang tunay na software.
2. Sa huli...
Iisipin ng mga tao: "Okay, masyadong limitado ang Paint para sa akin, kaya gagamitin ko ang aking kaibigang Photoshop (o Gimp o PaintShopPro, pareho sila), na mayroong libu-libong feature." Ito ay maaaring mabuti o masama: kung alam mo na ang isa sa mga program na ito, maaari kang gumawa ng pixel art (na ang lahat ng mga opsyon para sa awtomatikong anti-aliasing ay naka-off, at marami sa mga advanced na tampok ay naka-off). Kung hindi mo pa alam ang mga programang ito, gugugol ka ng maraming oras sa pag-aaral ng mga ito kahit na hindi mo kailangan ang lahat ng kanilang pag-andar, na magiging isang pag-aaksaya ng oras. Sa madaling salita, kung ginagamit mo na ang mga ito sa mahabang panahon, maaari kang lumikha ng pixel art (personal kong ginagamit ang Photoshop nang hindi nakagawian), ngunit kung hindi, mas mahusay na gumamit ng mga programa na dalubhasa sa pixel art. Oo, umiiral sila.3. Cream
Mayroong maraming higit pang mga programa na idinisenyo para sa pixel art kaysa sa maaaring isipin ng isa, ngunit dito namin isasaalang-alang lamang ang pinakamahusay. Lahat sila ay may halos magkatulad na katangian (kontrol ng palette, paulit-ulit na mga preview ng tile, transparency, mga layer, atbp.). Ang kanilang mga pagkakaiba ay nasa kaginhawahan... at presyo.Charamaker 1999 - magandang programa, ngunit mukhang natigil ang pamamahagi.
Ang Graphics Gale ay mas masaya at madaling gamitin, at ito ay nagbibili ng humigit-kumulang $20, na hindi naman masyadong masama. Hayaan akong idagdag na ang trial na bersyon ay hindi limitado sa oras, at may kasamang sapat na kit upang makagawa ng sapat magandang graphics. Hindi ito gumagana sa .gif, na hindi ganoong problema dahil mas maganda pa rin ang .png.
Ang software na mas karaniwang ginagamit ng mga pixel artist ay ProMotion, na (malinaw naman) na mas maginhawa at mas mabilis kaysa sa Graphics Gale. Ay oo, siya ay mahal! makakabili ka buong bersyon para sa isang maliit na halaga... 50 euro ($78).
Huwag nating kalimutan ang ating mga kaibigan sa Mac! Ang Pixen ay isang magandang program na magagamit para sa Macintosh, at libre ito. Sa kasamaang palad hindi ko na masasabi sa iyo dahil wala akong Mac. Tala ng tagasalin (mula sa French): Ang mga gumagamit ng Linux (at iba pa) ay dapat subukan , at GrafX2. Hinihimok ko kayong subukan ang lahat sa mga demo na bersyon at tingnan kung alin ang nababagay sa iyong kaginhawahan. Sa huli ito ay isang bagay ng panlasa. Alamin lang na kapag nagsimula kang gumamit ng isang program, maaaring napakahirap lumipat sa ibang bagay.
Itutuloy…
Mga Tala ng Tagasalin mula sa Pranses hanggang Ingles
Ito ay isang mahusay na tutorial sa pixel art, na isinulat ni Phil Razorbak mula sa LesForges.org. Maraming salamat Phil Razorbak para sa pagpayag sa OpenGameArt.org na isalin ang mga gabay na ito at i-post ang mga ito dito. (Mula sa tagasalin sa wikang Ruso: Hindi ako humingi ng pahintulot, kung sinuman ang gusto, maaari kang tumulong, wala akong sapat na karanasan sa pakikipag-usap sa Ingles, lalo na sa Pranses).Tala ng tagasalin mula sa Ingles hanggang Ruso
Programmer ako, hindi artista o tagasalin, nagsasalin ako para sa mga kaibigan kong artista, pero kahit anong kabutihan ang nasasayang, hayaan mo na.Ang orihinal sa French ay nasa isang lugar dito www.lesforges.org
Pagsasalin mula sa Pranses hanggang Ingles dito: opengameart.org/content/les-forges-pixel-art-course
Nagsalin ako mula sa English dahil hindi ako marunong ng French.
At oo, ito ang aking unang publikasyon, kaya ang mga mungkahi sa disenyo ay malugod na tinatanggap. Dagdag pa, interesado ako sa tanong: dapat bang mai-publish ang mga natitirang bahagi bilang hiwalay na mga artikulo, o mas mahusay bang i-update at dagdagan ang isang ito?
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).
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 - nagpapakilala ng 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.
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 Adobe Photoshop, dahil ito ay maginhawa at dahil ito ay nasa loob ng mahabang panahon. 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). Iyon ang dahilan kung bakit para sa akin ay hindi kailanman isang katanungan ng pagpili. 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 drawing ay dapat na isang pixel ang kapal (na may mga bihirang exception).
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 paraan 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 na pagkakataon. Sa pangkalahatan, ang mga tuwid na linya ay mahusay - ngunit hanggang sa lumitaw ang gawain ng 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 buhay na tubig.
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, checkerboard pixels) 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 mabisang paraan– kahaliling 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). Marami pa 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 ito 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 maging angkop 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 nagtatakda ng mga default na kulay, itim at puti) at iguhit ang ulo ng character, sa aking kaso ito ang simetriko na 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 ang pambura sa laki ng panulat din 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 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 aking istilo) 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; ang 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 joint 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. Siyempre, ang stroke ng bawat elemento ay maaaring 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-> Saklaw 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 ang magiging pinakamayaman sa anino, dahil marami maliliit na elemento, 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 labas ng 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, ipapakilala 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, habang naghahanap ng materyal, nakita ko ang dalawang artikulong ito.
Bahagi 6: Antialiasing
Part 7: Textures at Blur
Bahagi 8: Tile World
Paunang Salita
Mayroong maraming mga kahulugan ng pixel art, ngunit dito gagamitin namin ito: ang isang imahe ay pixel art kung ito ay ganap na nilikha sa pamamagitan ng kamay, at may kontrol sa kulay at posisyon ng bawat pixel na iginuhit. Siyempre, sa pixel art, hindi namin ginagamit ang pagsasama o paggamit ng mga brush o blur tool o degraded na makina (hindi sigurado), at iba pang mga opsyon sa software na "moderno" (talagang inilagay sa aming pagtatapon ay nangangahulugang "nasa aming pagtatapon" , ngunit lohikal na tila mas tama sa ganitong paraan). Ito ay limitado sa mga tool na lapis at punan.Gayunpaman, hindi mo masasabi na ang pixel art o non-pixel art graphics ay higit pa o hindi gaanong maganda. Mas makatarungang sabihin na ang pixel art ay naiiba at mas angkop para sa mga larong istilong retro (tulad ng Super Nintendo o Game Boy). Maaari mo ring pagsamahin ang mga diskarteng natutunan dito sa mga epekto mula sa non-pixel na sining upang lumikha ng isang hybrid na istilo.
Kaya, dito mo malalaman ang teknikal na bahagi ng pixel art. Gayunpaman, hinding hindi kita gagawing artista... sa simpleng dahilan na hindi rin ako artista. Hindi ko ituturo sa iyo ang anatomya ng tao o ang istraktura ng sining, at kakaunti ang sasabihin ko tungkol sa pananaw. Sa tutorial na ito, makakahanap ka ng maraming impormasyon tungkol sa mga diskarte sa pixel art. Sa huli, dapat ay magagawa mong lumikha ng mga character at tanawin para sa iyong mga laro, kung magtutuon ka ng pansin, regular na pagsasanay, at ilapat ang mga tip na ibinigay.
- Gusto ko ring ituro na ang ilan lamang sa mga larawang ginamit sa tutorial na ito ay pinalaki. Para sa mga larawang hindi pinalaki, makabubuti kung maglaan ka ng oras upang kopyahin ang mga larawang ito upang mapag-aralan mo nang detalyado. Ang sining ng pixel ay ang kakanyahan ng mga pixel;
Sa huli, kailangan kong pasalamatan ang lahat ng mga artist na sumali sa akin sa paglikha ng gabay na ito sa isang paraan o iba pa: Shin, para sa kanyang maruming trabaho at line art, Xenohydrogen, para sa kanyang henyo sa mga kulay, Lunn, para sa kanyang kaalaman sa pananaw, at Panda, ang mahigpit na Ahruon, Dayo, at Kryon para sa kanilang mapagbigay na kontribusyon upang ilarawan ang mga pahinang ito.
Kaya, hayaan mo akong bumalik sa punto.
Bahagi 1: Ang Mga Tamang Tool
Masamang balita: hindi ka gumuhit ng isang pixel sa bahaging ito! (And that's no reason to skip it, right?) Kung may kasabihan na I hate, ito ay "walang masamang kasangkapan, masasamang manggagawa lamang." Naisip ko talaga na wala nang hihigit pa sa katotohanan (maliban sa marahil "kung ano ang hindi pumatay sa iyo ay nagpapalakas sa iyo"), at ang pixel art ay isang napakagandang kumpirmasyon. Nilalayon ng gabay na ito na ipakilala sa iyo ang iba't ibang software na ginagamit upang lumikha ng pixel art at tulungan kang pumili ng tamang program.1. Ilang mga lumang bagay
Kapag pumipili ng software upang lumikha ng pixel art, madalas na iniisip ng mga tao: "Pagpipilian ng software? Ito ay kabaliwan! Ang kailangan lang nating lumikha ng pixel art ay pintura (tila isang laro sa mga salita, pagguhit at isang programa)” Tragic na pagkakamali: Napag-usapan ko ang tungkol sa mga masasamang tool, ito ang una. Ang pintura ay may isang bentahe (at isa lamang): mayroon ka na nito kung nagpapatakbo ka ng Windows. Sa kabilang banda, marami itong pagkukulang. Ito ay isang (hindi kumpleto) na listahan:*Hindi ka maaaring magbukas ng higit sa isang file sa parehong oras
* Walang kontrol sa palette.
*Walang mga layer o transparency
* Walang mga pagpipiliang hindi hugis-parihaba
* Ilang mga hotkey
* Lubhang hindi maginhawa
Sa madaling salita, maaari mong kalimutan ang tungkol sa Paint. Ngayon ay titingnan natin ang tunay na software.
2. Sa huli...
Iisipin ng mga tao: "Okay, masyadong limitado ang Paint para sa akin, kaya gagamitin ko ang aking kaibigang Photoshop (o Gimp o PaintShopPro, pareho sila), na mayroong libu-libong feature." Ito ay maaaring mabuti o masama: kung alam mo na ang isa sa mga program na ito, maaari kang gumawa ng pixel art (na ang lahat ng mga opsyon para sa awtomatikong anti-aliasing ay naka-off, at marami sa mga advanced na tampok ay naka-off). Kung hindi mo pa alam ang mga programang ito, gugugol ka ng maraming oras sa pag-aaral ng mga ito kahit na hindi mo kailangan ang lahat ng kanilang pag-andar, na magiging isang pag-aaksaya ng oras. Sa madaling salita, kung matagal mo nang ginagamit ang mga ito, maaari kang lumikha ng pixel art (personal kong ginagamit ang Photoshop nang wala sa ugali), ngunit kung hindi, mas mahusay na gumamit ng mga programa na dalubhasa sa pixel art. Oo, umiiral sila.3. Cream
Mayroong maraming higit pang mga programa na idinisenyo para sa pixel art kaysa sa maaaring isipin ng isa, ngunit dito namin isasaalang-alang lamang ang pinakamahusay. Lahat sila ay may halos magkatulad na katangian (kontrol ng palette, paulit-ulit na mga preview ng tile, transparency, mga layer, atbp.). Ang kanilang mga pagkakaiba ay nasa kaginhawahan... at presyo.Ang Charamaker 1999 ay isang magandang programa, ngunit ang pamamahagi ay tila naka-hold.
Ang Graphics Gale ay mas masaya at madaling gamitin, at ito ay nagbibili ng humigit-kumulang $20, na hindi naman masyadong masama. Hayaan akong idagdag na ang pagsubok na bersyon ay hindi limitado sa oras, at may kasamang sapat na kit upang makagawa ng magandang graphics. Hindi ito gumagana sa .gif, na hindi ganoong problema dahil mas maganda pa rin ang .png.
Ang software na mas karaniwang ginagamit ng mga pixel artist ay ProMotion, na (malinaw naman) na mas maginhawa at mas mabilis kaysa sa Graphics Gale. Ay oo, siya ay mahal! Maaari mong bilhin ang buong bersyon para sa isang maliit na halaga... 50 euro ($78).
Huwag nating kalimutan ang ating mga kaibigan sa Mac! Ang Pixen ay isang magandang program na magagamit para sa Macintosh, at libre ito. Sa kasamaang palad hindi ko na masasabi sa iyo dahil wala akong Mac. Tala ng tagasalin (mula sa French): Ang mga gumagamit ng Linux (at iba pa) ay dapat subukan , at GrafX2. Hinihimok ko kayong subukan ang lahat sa mga demo na bersyon at tingnan kung alin ang nababagay sa iyong kaginhawahan. Sa huli ito ay isang bagay ng panlasa. Alamin lang na kapag nagsimula kang gumamit ng isang program, maaaring napakahirap lumipat sa ibang bagay.
Itutuloy…
Mga Tala ng Tagasalin mula sa Pranses hanggang Ingles
Ito ay isang mahusay na tutorial sa pixel art, na isinulat ni Phil Razorbak mula sa LesForges.org. Maraming salamat kay Phil Razorback sa pagpayag sa OpenGameArt.org na isalin ang mga gabay na ito at i-post ang mga ito dito. (Mula sa tagasalin sa wikang Ruso: Hindi ako humingi ng pahintulot, kung sinuman ang gusto, maaari kang tumulong, wala akong sapat na karanasan sa pakikipag-usap sa Ingles, lalo na sa Pranses).Tala ng tagasalin mula sa Ingles hanggang Ruso
Programmer ako, hindi artista o tagasalin, nagsasalin ako para sa mga kaibigan kong artista, pero kahit anong kabutihan ang nasasayang, hayaan mo na.Ang orihinal sa French ay nasa isang lugar dito www.lesforges.org
Pagsasalin mula sa Pranses hanggang Ingles dito: opengameart.org/content/les-forges-pixel-art-course
Nagsalin ako mula sa English dahil hindi ako marunong ng French.
At oo, ito ang aking unang publikasyon, kaya ang mga mungkahi sa disenyo ay malugod na tinatanggap. Dagdag pa, interesado ako sa tanong: dapat bang mai-publish ang mga natitirang bahagi bilang hiwalay na mga artikulo, o mas mahusay bang i-update at dagdagan ang isang ito?
Pixel Art (Pixel Art) - isinalin mula sa English bilang pixel art. Ang isang pixel, naman, ay ang pinakamaliit na graphic na elemento ng isang digital na imahe.
Kaya literal na nangangahulugang ang Pixel Art ay ang sining ng pagguhit gamit ang mga pixel.
Para lamang sa kalinawan, tingnan natin ang halimbawang ito:
Owlboy (pixel art game)
Ganito ang hitsura ng mga larong may Pixel Art style graphics.
Kadalasan, ang mga ganitong graphics ay ginagamit sa mga indie na laro dahil mayroon silang napakakilalang istilo ng paglalaro ng computer.
Gayunpaman, ang Pixel Art ay hindi lamang tungkol sa mga graphics, mga sprite at mga larawan para sa mga laro, ito ay isang buong direksyon ng digital at graphic na sining.
Maaaring iguhit ang magagandang larawan gamit ang pixel art:
Hindi mo malito ang istilong retro graphic na ito sa anumang bagay.
Ang ilang mga kuwadro na gawa sa istilong ito ay karapat-dapat na kumuha ng lugar sa iyong desktop. 
Mayroon ding mga napaka-cool na artista na nagtatrabaho sa ganitong istilo.
Tingnan ang larawang ito. Ang bawat pixel dito ay iginuhit nang hiwalay at mano-mano. Ito ay tulad ng pagsasama-sama ng isang mosaic tulad ng ginawa nila noon, at ginagawa pa rin nila ito ngayon.
Kung palakihin natin ang larawang ito, makikita natin kung paano ginagawa ang lahat nang malapitan:
Ang kakaibang istilo ng pixel art ay mayroong medyo malinaw na mga transition ng kulay at walang anti-aliasing. Halimbawa, kumuha tayo ng isa pang gawain sa mga digital na graphics ng medyo average na antas, tingnan ang isang ito pagguhit ng isang batang babae na may salamin(18+) sa blog na www.econdude.pw.
Ito ay isang drawing na may computer mouse sa SAI2.0 program.
Gayunpaman, kung mag-zoom ka sa larawang ito, makikita mo ang anti-aliasing:
Walang malinaw na mga transition ng mga kulay at shade, ngunit sa pixel art ang mga transition ay malinaw.
Halimbawa, tingnan kung paano ka makakagawa ng mga paglipat sa pagitan ng mga kulay sa pixel art:
Ito ay isang tinatayang imahe; kung titingnan mo ito mula sa malayo na may mataas na resolusyon, ang paglipat ng kulay ay magiging medyo makinis, ngunit ang kalinawan at pagkakapare-pareho ng estilo ay makikita dito.
Narito ang isa pang halimbawa, ito ay isang medyo klasikong pagguhit ng estilo ng sining ng atsara:
http://www.gamer.ru/everything/pixel-art-dlya-nachinayuschih
Kapag malapit ka, ang mga larawan ay hindi masyadong maganda, ngunit kung titingnan mo ang pixel art mula sa malayo, na may mas mataas na resolution, maaari itong magmukhang kahanga-hanga.
Naiisip mo ba ang mahusay na gawain ng mga artista?
Minsan sinasabi nila na ang Pixel Art ay ginagawa sa ganitong paraan dahil ito ay mas mura, sinasabi nila na ang mga indie developer ay sadyang walang mga mapagkukunan upang lumikha ng modernong 3D graphics, kaya ginagamit nila ang pinakasimpleng bagay na naiisip nila, ang pagguhit sa basic mga graphic editor mga pixel.
Gayunpaman, sinumang gumuhit ng kahit ano sa istilong Pixel Art ay magsasabi sa iyo na ito ang halos pinakamahal na istilo ng graphics sa mga tuntunin ng mga mapagkukunan (oras, una sa lahat).
Ang animation sa istilong Pixel Art ay karaniwang impiyerno na gawa.
http://www.dinofarmgames.com/a-pixel-artist-renounces-pixel-art/
Samakatuwid, kailangan pa ring patunayan na ang Pixel Art ay isang "tamad na istilo", masasabi ko pa nga na sa kabaligtaran, hindi ito ang pinakamaliit na tamad na istilo ng graphics.
Gayunpaman, kahit sino ay maaaring matutong gumuhit ng isang bagay na simple sa estilo ng Pixel Art, at hindi mo kailangan ng anumang mga espesyal na programa, isang simpleng editor ng graphics lamang.
Kung nais mong matutunan kung paano gumuhit sa istilong ito, ikaw, tulad ng sa anumang iba pang kaso, ay nangangailangan ng maraming pagsasanay, at maaari kang magsimula, halimbawa, sa mga artikulo sa Habré: Kurso sa pixel art
Doon mo rin mahahanap ang mga pangunahing prinsipyo ng pixel art.
Narito ang isang halimbawa kung paano gumuhit ng pixel art (pinabilis na video - bilis ng pagguhit) sa antas ng baguhan, maaari mong matutunan kung paano gumuhit ng ganito sa literal sa isang linggo;
Pixelart:: pagguhit ng spaceship
Minsan sa ganitong istilo Gumagawa sila ng ilang mga talagang nakakabaliw na mga guhit, hindi ako makapaniwala na iginuhit ito ng isang tao at gusto kong malaman kung gaano karaming oras ang ginugol dito. Halimbawa:
https://www.youtube.com/watch?v=vChMzRnw-Hc
Tingnan ang larawang ito ni Sarah Carrigan mula sa StarCraft? Ano sa palagay mo ito at paano ito ginawa?
Isang lalaki ang nagtayo nito mula sa mga bloke sa larong Minecraft, ang trabaho ay tumagal ng 23 linggo.
Sa pagtingin nang mas malapit, makikita mo na ang lahat ng ito ay magkahiwalay na mga bloke.
Pormal, hindi na ito pixel art, ngunit kahit na "minecraft block art," ngunit ang kakanyahan ng estilo ay nananatiling pareho at ito ang pinakamalaking pixel art drawing at isang world record, ayon sa may-akda.
Sa katunayan, kung titingnan mong mabuti ang anumang larawan o larawan, malinaw na binubuo rin ito ng mga pixel, tulad ng anumang larawan sa pangkalahatan. Ngunit ang buong pagkakaiba ay ang pixel art ay nilikha sa pamamagitan ng kamay, pixel sa pamamagitan ng pixel.
Isa pang halimbawa, nilikha ito ng mga artist at animator na sina Paul Robertson at Ivan Dixon:
Mayroong isang pakiramdam ng napakalaking trabaho dito, at kahit na kapag gumagamit ng ilan karagdagang mga kasangkapan(may mga filter na ginagawang pixel art ang mga larawan) ito ay magtatagal ng napakatagal.
Sa personal, sa tingin ko ang mga larawan sa istilong Pixel Art ay ang tunay na bagay makabagong Sining sa pinaka mas mabuting kahulugan itong salita.
Ang bawat larawan ng Pixel Art ay may napakalinaw na halaga at ito ay nakikita at nararamdaman.
Kahit na ang isang tao na hindi nakakaintindi nito ay maaaring pahalagahan ito.
Gayunpaman, sa kasamaang-palad, ang genre ng sining na ito ay hindi masyadong sikat at ngayon ay itinuturing na lipas na, at ang pagbabalik dito sa mga nakaraang taon sa anyo ng maraming laro mula sa singaw sa estilo ng pixel art, nagsisimula na ring magsawa ang mga tao. Bagama't personal kong iniisip na ang istilong retro graphic na ito ay isa nang klasiko, at ang isang tunay na klasiko ay hindi kailanman mamamatay.
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 kapareho ng 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 kumplikadong mga 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 "Onion Skinning" (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.
