Saan ako maaaring gumuhit ng pixel art. Mga programa para sa paglikha ng pixel art
Part 7: Texture at blur
Bahagi 8: Mundo ng mga tile
Paunang salita
Mayroong maraming mga kahulugan ng pixel art, ngunit dito gagamitin namin ito: isang pixel art na imahe kung ito ay ganap na yari sa kamay, at may kontrol sa kulay at posisyon ng bawat pixel na iginuhit. Walang alinlangan, sa pixel art, ang pagsasama o paggamit ng mga brush o blur tool o degradation machine (degraded machine, hindi sigurado), at iba pang mga opsyon sa software na "moderno" ay hindi namin ginagamit (talagang inilagay sa aming pagtatapon ay nangangahulugang "sa aming pagtatapon" , ngunit lohikal na tila mas tama tulad nito). Limitado ito sa mga tool tulad ng "pencil" at "fill".Gayunpaman, hindi mo masasabi na mas maganda o hindi gaanong maganda ang pixel art o non-pixel art graphics. Mas patas na sabihin na ang pixel art ay iba at mas angkop para sa mga retro na laro (tulad ng Super Nintendo o Game Boy). Maaari mo ring pagsamahin ang mga diskarteng natutunan dito sa mga non-pixel na art effect upang lumikha ng 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 kita tuturuan ng human anatomy o ang istraktura ng sining, at hindi ko na sasabihin ang tungkol sa pananaw. Sa gabay na ito, makakahanap ka ng maraming impormasyon tungkol sa mga diskarte sa pixel art. Sa huli, kakailanganin mong makalikha ng mga karakter at tanawin para sa iyong mga laro, basta't binibigyang pansin mo, regular na nagsasanay, at ilapat ang mga tip na ito.
- Gusto ko ring ituro na ang ilan lamang sa mga larawang ginamit sa gabay 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 pixel art ay ang kakanyahan ng mga pixel, walang silbi na pag-aralan ang mga ito mula sa malayo.
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 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, bumalik tayo 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, is it?) Kung may kasabihan na hindi ko kayang panindigan, ito ay "walang masamang kasangkapan, masasamang manggagawa lamang." Sa katunayan, naisip ko na wala nang hihigit pa sa katotohanan (maliban sa marahil "what doesn't kill you makes you stronger"), at pixel art, napakagandang patunay. Nilalayon ng gabay na ito na maging pamilyar ka sa iba't ibang software na ginagamit upang lumikha ng pixel art at tulungan kang pumili ng tama.1. Ilang mga lumang bagay
Kapag pumipili ng software para sa paglikha ng pixel art, madalas na iniisip ng mga tao: "Pagpipilian ng software? Kabaliwan ito! 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 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 siyang pagkukulang. Ito ay isang (hindi kumpleto) na listahan:* Hindi ka maaaring magbukas ng higit sa isang file sa parehong oras
* Walang pamamahala ng palette.
* Walang mga layer o transparency
* Walang mga pagpipiliang hindi hugis-parihaba
* Ilang mga hotkey
* Lubhang hindi komportable
Sa madaling salita, maaari mong kalimutan ang tungkol sa Paint. Ngayon ay makikita 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 lang ito), na may libu-libong posibilidad." Ito ay maaaring mabuti o masama: kung alam mo na ang isa sa mga program na ito, maaari kang gumawa ng pixel art (i-disable ang lahat ng opsyon para sa awtomatikong anti-aliasing, at i-off ang marami sa mga advanced na feature). 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 hindi nakagawian), ngunit kung hindi, mas mahusay na gumamit ng mga program na dalubhasa sa pixel art. Oo, umiiral sila.3. Cream
Mayroong maraming higit pang mga pixel art program kaysa sa maaaring isipin ng isa, ngunit dito namin isasaalang-alang lamang ang pinakamahusay. Lahat sila ay may halos kaparehong katangian (kontrol ng palette, preview ng umuulit na mga tile, transparency, mga layer, at iba pa). Mga pagkakaiba na mayroon sila sa 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 nagkakahalaga ng humigit-kumulang $20, na hindi naman masyadong masama. Idaragdag ko na ang trial na bersyon ay hindi limitado sa oras, at may kasamang sapat na kit upang makagawa ng sapat na magandang graphics. Hindi lang ito gumagana sa .gif, na hindi ganoong problema dahil mas maganda pa rin ang .png.
Ang software na pinakakaraniwang ginagamit ng mga pixel artist ay ProMotion, na (malinaw) na mas maginhawa at mas mabilis kaysa sa Graphics Gale. At oo, siya ay mahalaga! 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 ito ay libre. Sa kasamaang palad hindi ko na masasabi sa iyo dahil wala akong Mac. Tala ng Tagasalin (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. Magkaroon lamang ng kamalayan na kapag nagsimula kang gumamit ng isang program, maaaring maging napakahirap na lumipat sa ibang bagay.
Itutuloy…
Mga tala ng tagasalin mula sa Pranses hanggang Ingles
Ito ay isang mahusay na gabay sa pixel art na isinulat ni Phil Razorback ng 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 isang tagasalin sa Russian: Hindi ako humingi ng pahintulot, kung sinuman ang may pagnanais, maaari kang tumulong, wala akong sapat na karanasan sa pakikipag-usap sa Ingles, pabayaan ang Pranses).Tala ng tagasalin mula sa Ingles hanggang Ruso
Programmer ako, hindi artista o tagasalin, nagsasalin ako para sa aking mga kaibigang artista, ngunit kung ano ang nawala, hayaan ito.Orihinal sa French sa isang lugar dito www.lesforges.org
Pagsasalin ng Pranses sa Ingles dito: opengameart.org/content/les-forges-pixel-art-course
Nagtranslate ako from English kasi hindi ako marunong ng French.
At oo, ito ang aking unang post, kaya ang mga mungkahi sa disenyo ay malugod na tinatanggap. Dagdag pa, ang tanong ay, dapat bang mailathala 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 art- isang direksyon ng digital art, na binubuo sa paglikha ng mga imahe sa antas ng pixel (ibig sabihin, ang minimum na lohikal na yunit na binubuo ng 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 kinabibilangan ng hindi gaanong resulta kundi ang proseso ng paglikha ng isang ilustrasyon. Pixel sa pixel, at iyon lang. Kung kukuha ka ng digital na larawan, bawasan ito nang malaki (upang makita ang mga pixel) at i-claim na iginuhit mo ito mula sa simula - ito ay magiging isang tunay na pamemeke. Bagama't tiyak na magkakaroon ng mga walang muwang na simpleng papuri sa iyo para sa iyong pagsusumikap.
Ngayon hindi alam nang eksakto kung kailan nagmula ang pamamaraang ito, ang mga ugat ay nawala sa isang lugar noong unang bahagi ng 1970s. 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, ngunit ito ay si G. Scientific at teknolohikal na pag-unlad, na nagtulak sa mga pixel graphics sa mga huling posisyon noong kalagitnaan ng 90s, at kalaunan ay ibinalik ito sa laro - na inilalantad sa mundo ang mga mobile device sa anyo ng mga cell phone at PDA. Pagkatapos ng lahat, gaano man kapakinabang ang isang bagong gawa na aparato, alam nating lahat na kung hindi mo man lang ito makalaro ng solitaire, ito ay walang halaga. Well, kung saan mayroong isang screen na may mababang resolution, 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 graphic editor na may kakayahang magtrabaho sa antas ng pixel. Maaari kang gumuhit kahit saan, kahit sa Game Boy, kahit sa Nintendo DS, kahit sa Microsoft Paint (isa pang bagay ay ang pagguhit sa huli ay lubhang hindi maginhawa). Napakaraming mga editor ng raster, marami sa kanila ay libre at sapat na gumagana, upang ang lahat ay makapagpasya sa software sa kanilang sarili.
Gumuhit ako sa Adobe Photoshop dahil maginhawa ito at dahil ito ay matagal na. Hindi ako magsisinungaling at sasabihin, bumulong sa aking mga maling ngipin, na "Naaalala ko na ang Photoshop ay napakaliit pa, ito ay nasa Macintosh, at ito ay may numerong 1.0" Ito ay hindi. Ngunit naaalala ko ang Photoshop 4.0 (at din sa isang Mac). At kaya para sa akin ang tanong ng pagpili ay hindi kailanman tumayo. At samakatuwid, hindi, hindi, ngunit magbibigay ako ng mga rekomendasyon tungkol sa Photoshop, lalo na kung saan ang mga kakayahan nito ay makakatulong sa lubos na pasimplehin ang pagkamalikhain.Kaya, kailangan mo ng anumang editor ng graphics na nagbibigay-daan sa iyo upang gumuhit gamit ang isang tool sa isang parisukat na pixel (ang mga pixel ay maaari ding maging hindi parisukat, halimbawa, bilog, ngunit hindi kami interesado sa kanila sa ngayon). Kung sinusuportahan ng iyong editor ang anumang hanay ng mga kulay, mahusay. Kung pinapayagan ka rin nitong mag-save ng mga file - napakahusay. Masarap malaman kung paano magtrabaho sa mga layer, dahil kapag nagtatrabaho sa isang medyo kumplikadong larawan, mas maginhawang mabulok ang mga elemento nito sa iba't ibang mga layer, ngunit sa pangkalahatan ito ay isang ugali at kaginhawahan.
Magsisimula na ba tayo? Marahil ay naghihintay ka para sa isang listahan ng ilang mga lihim na trick, mga rekomendasyon na magtuturo sa iyo kung paano gumuhit ng pixel art? At ang totoo, wala pa. Ang tanging paraan upang matutunan kung paano gumuhit ng pixel art ay ang pagguhit ng iyong sarili, subukan, subukan, huwag matakot at mag-eksperimento. Huwag mag-atubiling mangopya ng gawa ng ibang tao, huwag matakot na magmukhang hindi orihinal (huwag lang ipasa ang gawa ng iba bilang iyong sarili, hehe). Maingat at maingat na pag-aralan ang gawain ng mga masters (hindi sa akin) at gumuhit, gumuhit, gumuhit. Maraming mga kapaki-pakinabang na link ang naghihintay para sa iyo sa dulo ng artikulo.3. Pangkalahatang mga prinsipyo.
Gayunpaman, mayroong ilang pangkalahatang mga prinsipyo na nagkakahalaga ng pag-alam. Iilan lang talaga sila, "principles" ang tawag ko sa kanila at hindi batas, kasi they are rather advisory in nature. Pagkatapos ng lahat, kung pinamamahalaan mong gumuhit ng isang mapanlikhang 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. Ide-decipher ko: lahat ng iginuhit mo ay binubuo ng mga pixel, at ang pixel ay dapat basahin sa lahat. Hindi ito nangangahulugan na hindi maaaring magkaroon ng mga elemento sa larawan, 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 larawan ay dapat na isang pixel ang kapal (na may mga bihirang pagbubukod).
Ang mga kink ay nag-aalis sa pagguhit ng natural na kinis at kagandahan. At kung ang mga fragment 3, 4 at 5 ay halata at madaling naitama, ang sitwasyon ay mas kumplikado sa iba - ang haba ng isang piraso sa kadena ay nasira doon, ito ay tila isang maliit, ngunit isang kapansin-pansin na trifle. Kailangan ng kaunting pagsasanay para matutong makakita at makaiwas sa mga ganitong lugar. Ang Kink 1 ay na-knock out sa linya dahil ito ay isang pixel - habang sa lugar kung saan ito naka-wedge, ang linya ay binubuo ng mga segment na 2 pixels. Upang maalis ito, pinalambot ko ang pagpasok ng kurba sa liko sa pamamagitan ng pagpapahaba sa tuktok na segment sa 3px, at muling pagguhit ng buong linya sa 2px na mga segment. Ang mga break 2 at 6 ay magkapareho sa isa't isa - ang mga ito ay mga fragment na ng 2 pixel ang haba sa mga lugar na binuo ng iisang pixel.
Ang isang elementarya na hanay ng mga halimbawa ng mga pahilig na linya, na makikita sa halos bawat pixel art manual (ang akin ay walang pagbubukod), ay makakatulong upang maiwasan ang mga naturang break 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 - ito ang tanging paraan upang makamit ang epekto ng linearity. Ang pinakakaraniwang paraan ng pagtatayo ay may haba ng segment na 1, 2 at 4 na mga pixel (mayroong iba pa, ngunit ang mga opsyon na ipinakita ay dapat sapat upang ipatupad ang halos anumang artistikong ideya). Sa tatlong ito, ang pinakasikat ay maaaring ligtas na tawaging 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:
Madali lang diba? Kailangan lang ng ugali. Ang pag-alam kung paano gumuhit ng mga slanted na linya sa 2 pixel increments ay makakatulong sa isometrics, kaya susuriin natin ito nang mabuti sa susunod. Sa pangkalahatan, ang mga tuwid na linya ay mahusay - ngunit hanggang sa ang gawain ng pagguhit ng isang bagay na mahimalang arises. Dito kailangan namin ng mga kurba, at maraming iba't ibang mga kurba. At nagpatibay kami ng isang simpleng panuntunan para sa pag-ikot ng mga kurbadong 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 higit pa. Hindi kinakailangang ang iyong kaso ay gagamit ng parehong pagkakasunud-sunod, ang lahat ay nakasalalay sa kinis na kinakailangan. Isa pang pabilog na halimbawa:
Muli, iniiwasan namin ang mga kinks na labis na sumisira sa larawan. Kung gusto mong suriin ang natutunang materyal, narito mayroon akong balat para sa Winamp na iginuhit ng isang hindi kilalang may-akda, isang blangko:
Mayroong mga malalaking error sa larawan, at hindi matagumpay na pag-ikot, at mga kinks ay natagpuan - subukang itama ang larawan batay sa kung ano ang alam mo na. Iyon lang ang para sa akin sa mga linya, ipinapanukala kong gumuhit ng kaunti. At huwag mong hayaang lokohin ka ng pagiging simple ng mga halimbawa, matututo ka lamang gumuhit sa pamamagitan ng pagguhit - kahit na ang mga simpleng bagay.
4.1. Gumuhit kami ng isang bote na may buhay na tubig.
1. Ang hugis ng bagay, habang hindi mo magagamit ang kulay.
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 ang lapad na madilim na pulang anino sa mga likidong lugar na nasa hangganan ng mga dingding ng bubble. Mukhang maganda, hindi ba?
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. Gumuhit kami ng pakwan.
Gumuhit tayo ng isang bilog at kalahating bilog - ito ay magiging isang pakwan at isang ginupit na hiwa.
2. Markahan natin ang ginupit sa mismong pakwan, at sa hiwa - ang hangganan sa pagitan ng crust at pulp.
3. Punan. Ang mga kulay mula sa palette, ang average na lilim ng berde ay ang kulay ng crust, ang average na pula ay ang kulay ng pulp.
4. Ipahiwatig ang transitional area mula sa balat hanggang sa pulp.
5. Banayad na mga guhit sa isang pakwan (sa wakas, kamukha niya ang kanyang sarili). At siyempre, buto! Kung tatawid ka sa isang pakwan na may mga ipis, sila ay magkakalat sa kanilang sarili.
6. Naaalala natin. Gumagamit kami ng isang maputlang kulay rosas na kulay upang ipahiwatig ang mga highlight sa itaas ng mga buto sa isang seksyon, at, paglalagay ng mga pixel sa isang pattern ng checkerboard, nakakamit namin ang ilang uri ng volume mula sa cut out slice (ang pamamaraan ay tinatawag na dithering, tungkol dito sa ibang pagkakataon). Gumagamit kami ng dark red tint para ipahiwatig ang mga shaded na lugar sa seksyon ng pakwan, at dark green (muli, checkerboard pixels) para bigyan ng volume ang pakwan mismo.
5. Dithering.
Ang dithering, o blending, ay ang pamamaraan ng paghahalo ng mga pixel sa isang malinaw na pagkakasunod-sunod (hindi palaging) pattern sa dalawang magkatabing bahagi ng magkaibang kulay. Ang pinakasimple, pinakakaraniwan at epektibong paraan ay ang paghahalili ng mga pixel sa pattern ng checkerboard:
Ang pagtanggap ay ipinanganak dahil sa (o sa halip na salungat sa) 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 dithering ay nawala sa kanyang sarili. 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 ko ito masyadong kilala, ngunit mahal ko ito.Dalawa pang opsyon para sa dithering:
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 parehong checker). Marami pa ang posible. Mas mainam na huwag gumawa ng mas kaunti.Nasa ibaba ang isang halimbawa ng masamang dithering. Sa kabila ng katotohanan na ang ganitong pamamaraan ay madalas na makikita sa mga sprite mula sa mga video game, kailangan mong malaman na ang screen ng telebisyon ay makabuluhang pinakinis ang imahe, at ang gayong suklay, at kahit na sa paggalaw, ay hindi naayos ng mata:
Well, sapat na teorya. Iminumungkahi kong magsanay ka pa ng kaunti.
Maaaring iguhit ang pixel art sa anumang programa ng raster graphics, ito ay isang bagay ng personal na kagustuhan at karanasan (pati na rin ang mga kakayahan sa pananalapi, siyempre). May gumagamit ng pinakasimpleng Paint, ginagawa ko ito sa Photoshop - dahil, una, matagal na akong nagtatrabaho dito, at pangalawa, mas komportable ako doon. Sa paanuman ay nagpasya akong subukan ang libreng Paint.NET, hindi ko nagustuhan - ito ay tulad ng sa isang kotse na kinikilala ang isang dayuhang kotse na may awtomatikong paghahatid sa Zaporozhets ay malamang na hindi maupo. Ang aking tagapag-empleyo ay nagbibigay sa akin ng lisensyadong software, kaya mayroon akong malinis na budhi bago ang Adobe Corporation ... Bagaman ang mga presyo para sa kanilang mga programa ay hindi maiisip, at sila ay nasusunog sa impiyerno para dito.
1. Paghahanda para sa trabaho.
Gumawa ng bagong dokumento na may anumang mga setting (hayaan itong 60 pixels ang lapad, 100 pixels ang taas). Ang pangunahing tool ng isang pixel artist ay isang lapis ( Tool na Lapis, na hinihingi ng hotkey B). Kung ang toolbar ay may pinaganang brush (at isang icon na naglalarawan ng brush), mag-hover sa ibabaw nito, pindutin nang matagal LMB- 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, isang 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-» mag-zoom in at out sa larawan. Kapaki-pakinabang din na malaman na ang pagpindot ctrl at " (mga quote-Christmas tree, o ang Russian key " E”) i-toggle ang grid sa on at off, na isang malaking tulong kapag gumuhit ng pixel art. Ang grid step ay dapat ding ayusin para sa iyong sarili, ito ay mas maginhawa para sa isang tao kapag ito ay 1 pixel, sanay ako na ang lapad ng cell ay 2 pixel. 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(sa akin, uulitin ko, mas convenient 2).
2. Pagguhit.
Sa wakas, simulan na natin ang pagguhit. Bakit gumawa ng bagong layer ( Ctrl+Shift+N), lumipat sa itim na kulay ng panulat (pagpindot D nagtatakda ng mga default na kulay, itim at puti) at iguhit ang ulo ng character, sa aking kaso ito ay tulad ng isang 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 may mga segment na 4 pixels, tatlo, tatlo, isa, isa at isang patayong linya na 4 na pixel ang taas. Ito ay maginhawa upang gumuhit ng mga tuwid na linya sa Photoshop na may clamped Paglipat, kahit na ang sukat ng imahe sa pixel art ay minimal, gayunpaman ang diskarteng ito kung minsan ay nakakatipid ng maraming oras. Kung nagkamali ka at gumuhit ng labis, umakyat sa isang lugar sa nakaraan - huwag masiraan ng loob, lumipat sa tool ng pambura ( Pambura din l o susi" E") at tanggalin ang hindi mo kailangan. Oo, tiyaking itakda ang pambura upang itakda din ang laki ng panulat sa 1 pixel para mabura nito ang pixel sa pixel, at ang pencil mode ( Mode: Lapis), kung hindi, hindi nito mabubura ang kailangan. Bumalik sa isang lapis, ipinaaalala ko sa iyo, sa pamamagitan ng " B»
Sa pangkalahatan, ang ellipse na ito ay hindi mahigpit na iginuhit ayon sa mga panuntunan ng pixel art, ngunit ito ay kinakailangan ng artistikong konsepto. Dahil ito ang magiging ulo sa hinaharap, magkakaroon ito ng mga mata, ilong, bibig - sapat na mga detalye na sa kalaunan ay maakit ang atensyon ng manonood sa kanilang sarili at mapahina ang pagnanais na magtanong kung bakit ang ulo ay napaka-irregular na hugis.
Patuloy kaming gumuhit, magdagdag ng ilong, antennae at bibig:
Pixel art para sa mga nagsisimula. | Panimula.
Pixel art para sa mga nagsisimula. | Panimula.
Ngayon mga mata:
Pixel art para sa mga nagsisimula. | Panimula.
Pixel art para sa mga nagsisimula. | Panimula.
Mangyaring tandaan na sa ganoong maliit na sukat, ang mga mata ay hindi kailangang maging bilog - sa aking kaso, ito ay mga parisukat na may haba sa gilid na 5 mga pixel, na walang mga sulok na puntos na 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). Pansamantala, bahagyang itatama ko ang hugis ng ulo sa pamamagitan ng pagpupunas ng ilang pixel sa isang lugar at pagpipinta sa mga ito sa isa pa:
Pixel art para sa mga nagsisimula. | Panimula.
Pixel art para sa mga nagsisimula. | Panimula.
Gumuhit kami ng mga kilay (walang bagay na nakabitin sa hangin - mayroon akong ganoong istilo) at ginagaya ang mga fold 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 maganda ang hitsura ng mga sulok, ang isa sa mga panuntunan ng pixel art ay nagsasabi na ang bawat pixel ng stroke at mga elemento ay maaaring hawakan ng hindi hihigit sa dalawang katabing pixel. Ngunit kung maingat mong pag-aralan ang mga sprite mula sa mga laro noong huling bahagi ng 80s - unang bahagi ng 90s, ang error na ito ay madalas na matatagpuan doon. Konklusyon - kung hindi mo kaya, ngunit talagang gusto mo, magagawa mo. Ang detalyeng ito ay maaaring laruin ng mga anino sa ibang pagkakataon sa panahon ng pagpuno, kaya sa ngayon ay gumuhit pa kami. katawan:
Pixel art para sa mga nagsisimula. | Panimula.
Pixel art para sa mga nagsisimula. | Panimula.
Huwag pansinin ang mga ankles sa ngayon, mukhang awkward, ayusin namin iyon kapag napuno na namin. Maliit na pagwawasto: magdagdag tayo ng sinturon at fold sa crotch area, at piliin din ang mga joint ng tuhod (gamit ang maliliit na fragment na 2 px na nakausli mula sa linya ng binti):
Pixel art para sa mga nagsisimula. | Panimula.
Pixel art para sa mga nagsisimula. | Panimula.3. Punan.
Para sa bawat elemento ng karakter, sa ngayon, tatlong kulay ang magiging sapat para sa amin - ang pangunahing kulay ng fill, ang kulay ng anino at ang stroke. Sa pangkalahatan, ayon sa teorya ng kulay sa pixel art, maaari kang magpayo ng maraming bagay, sa 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, mas gusto kong gumamit ng mga independiyenteng kulay na malapit sa pangunahing kulay ng elemento, ngunit may mababang saturation. Ito ay pinaka-maginhawa upang gumuhit ng isang 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):
Pagkatapos piliin ang nais na kulay, i-activate ang bucket tool ( Paint Bucket, G). Tiyaking i-off din ang function na Anti-alias sa mga setting, kailangan namin ang fill upang gumana nang malinaw sa loob ng mga iginuhit na contour at hindi lalampas sa mga ito:
Pixel art para sa mga nagsisimula. | Panimula.
Pixel art para sa mga nagsisimula. | Panimula.
Pinupuno namin ang aming karakter, na hindi mapunan - iginuhit namin ito nang manu-mano 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 pixel lamang ang kapal, kinailangan kong iwanan ang stroke sa magkabilang panig, at iginuhit ko lamang ito mula sa nilalayon na panig ng anino, na nag-iiwan ng isang linya ng pangunahing kulay na may kapal. ng isang pixel. Tandaan din na iniwan ko ang kilay na itim, bagaman hindi ito mahalaga.
Ang Photoshop ay may madaling pagpilian ayon sa tampok na kulay ( Piliin->Hanay ng kulay, sa pamamagitan ng pagtusok sa nais na kulay gamit ang isang eyedropper, makukuha namin ang pagpili ng lahat ng mga lugar ng magkatulad na kulay at ang kakayahang agad na punan ang mga ito, ngunit nangangailangan ito na ang mga elemento ng iyong karakter ay nasa iba't ibang mga layer, kaya sa ngayon ay isasaalang-alang namin kapaki-pakinabang ang function na ito para sa mga advanced na gumagamit ng Photoshop):
Pixel art para sa mga nagsisimula. | Panimula.
Pixel art para sa mga nagsisimula. | Panimula.4. Shade 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, minarkahan namin ang mga kanang bahagi na may isang anino na may diin sa ibaba. Ang mukha ay magiging pinakamayaman sa anino, dahil maraming maliliit na elemento na namumukod-tangi sa tulong ng isang anino sa isang banda, at sa kabilang banda sila mismo ang naglagay ng anino (mga mata, ilong, gayahin ang mga fold):
Pixel art para sa mga nagsisimula. | Panimula.
Pixel art para sa mga nagsisimula. | Panimula.
Ang anino ay isang napakalakas na visual na tool, ang isang mahusay na idinisenyong anino ay makakaapekto sa hitsura ng karakter - at ang impresyon na magkakaroon siya sa manonood. Sa pixel art, ang isang solong pixel, na nailagay sa ibang lugar, ay maaaring makasira sa buong trabaho, sa parehong oras, tila ang mga maliliit na pagwawasto ay maaaring gawing mas maganda ang imahe.
Tungkol naman sa dithering'ah, sa isang imahe na may tulad na isang maliit na sukat, sa aking opinyon, ito ay ganap na kalabisan. Ang pamamaraan mismo ay binubuo sa "pagmamasa" ng dalawang magkatabing kulay, na nakakamit 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 ito ay kaakit-akit dahil, pagkakaroon ng natutunan ng ilang mga pattern, kahit sino ay maaaring gumuhit ng mahusay sa pamamagitan ng kanyang sarili - sa pamamagitan lamang ng maingat na pag-aaral ng trabaho ng mga masters. Bagama't oo, hindi pa rin masakit ang ilang kaalaman sa mga pangunahing kaalaman sa pagguhit at teorya ng kulay. Mangahas!
Naglalakad sa Internet sa umaga, gusto kong magsulat ng isang post tungkol sa Pixel Art, sa paghahanap ng materyal na natagpuan ko ang dalawang artikulong ito.
Part 6: Pagpapakinis
Part 7: Texture at blur
Bahagi 8: Mundo ng mga tile
Paunang salita
Mayroong maraming mga kahulugan ng pixel art, ngunit dito gagamitin namin ito: isang pixel art na imahe kung ito ay ganap na yari sa kamay, at may kontrol sa kulay at posisyon ng bawat pixel na iginuhit. Walang alinlangan, sa pixel art, ang pagsasama o paggamit ng mga brush o blur tool o degradation machine (degraded machine, hindi sigurado), at iba pang mga opsyon sa software na "moderno" ay hindi namin ginagamit (talagang inilagay sa aming pagtatapon ay nangangahulugang "sa aming pagtatapon" , ngunit lohikal na tila mas tama tulad nito). Limitado ito sa mga tool tulad ng "pencil" at "fill".Gayunpaman, hindi mo masasabi na mas maganda o hindi gaanong maganda ang pixel art o non-pixel art graphics. Mas patas na sabihin na ang pixel art ay iba at mas angkop para sa mga retro na laro (tulad ng Super Nintendo o Game Boy). Maaari mo ring pagsamahin ang mga diskarteng natutunan dito sa mga non-pixel na art effect upang lumikha ng 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 kita tuturuan ng human anatomy o ang istraktura ng sining, at hindi ko na sasabihin ang tungkol sa pananaw. Sa gabay na ito, makakahanap ka ng maraming impormasyon tungkol sa mga diskarte sa pixel art. Sa huli, kakailanganin mong makalikha ng mga karakter at tanawin para sa iyong mga laro, basta't binibigyang pansin mo, regular na nagsasanay, at ilapat ang mga tip na ito.
- Gusto ko ring ituro na ang ilan lamang sa mga larawang ginamit sa gabay 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 pixel art ay ang kakanyahan ng mga pixel, walang silbi na pag-aralan ang mga ito mula sa malayo.
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 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, bumalik tayo 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, is it?) Kung may kasabihan na hindi ko kayang panindigan, ito ay "walang masamang kasangkapan, masasamang manggagawa lamang." Sa katunayan, naisip ko na wala nang hihigit pa sa katotohanan (maliban sa marahil "what doesn't kill you makes you stronger"), at pixel art, napakagandang patunay. Nilalayon ng gabay na ito na maging pamilyar ka sa iba't ibang software na ginagamit upang lumikha ng pixel art at tulungan kang pumili ng tama.1. Ilang mga lumang bagay
Kapag pumipili ng software para sa paglikha ng pixel art, madalas na iniisip ng mga tao: "Pagpipilian ng software? Kabaliwan ito! 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 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 siyang pagkukulang. Ito ay isang (hindi kumpleto) na listahan:* Hindi ka maaaring magbukas ng higit sa isang file sa parehong oras
* Walang pamamahala ng palette.
* Walang mga layer o transparency
* Walang mga pagpipiliang hindi hugis-parihaba
* Ilang mga hotkey
* Lubhang hindi komportable
Sa madaling salita, maaari mong kalimutan ang tungkol sa Paint. Ngayon ay makikita 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 lang ito), na may libu-libong posibilidad." Ito ay maaaring mabuti o masama: kung alam mo na ang isa sa mga program na ito, maaari kang gumawa ng pixel art (i-disable ang lahat ng opsyon para sa awtomatikong anti-aliasing, at i-off ang marami sa mga advanced na feature). 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 hindi nakagawian), ngunit kung hindi, mas mahusay na gumamit ng mga program na dalubhasa sa pixel art. Oo, umiiral sila.3. Cream
Mayroong maraming higit pang mga pixel art program kaysa sa maaaring isipin ng isa, ngunit dito namin isasaalang-alang lamang ang pinakamahusay. Lahat sila ay may halos kaparehong katangian (kontrol ng palette, preview ng umuulit na mga tile, transparency, mga layer, at iba pa). Mga pagkakaiba na mayroon sila sa 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 nagkakahalaga ng humigit-kumulang $20, na hindi naman masyadong masama. Idaragdag ko na ang trial na bersyon ay hindi limitado sa oras, at may kasamang sapat na kit upang makagawa ng sapat na magandang graphics. Hindi lang ito gumagana sa .gif, na hindi ganoong problema dahil mas maganda pa rin ang .png.
Ang software na pinakakaraniwang ginagamit ng mga pixel artist ay ProMotion, na (malinaw) na mas maginhawa at mas mabilis kaysa sa Graphics Gale. At oo, siya ay mahalaga! 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 ito ay libre. Sa kasamaang palad hindi ko na masasabi sa iyo dahil wala akong Mac. Tala ng Tagasalin (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. Magkaroon lamang ng kamalayan na kapag nagsimula kang gumamit ng isang program, maaaring maging napakahirap na lumipat sa ibang bagay.
Itutuloy…
Mga tala ng tagasalin mula sa Pranses hanggang Ingles
Ito ay isang mahusay na gabay sa pixel art na isinulat ni Phil Razorback ng 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 isang tagasalin sa Russian: Hindi ako humingi ng pahintulot, kung sinuman ang may pagnanais, maaari kang tumulong, wala akong sapat na karanasan sa pakikipag-usap sa Ingles, pabayaan ang Pranses).Tala ng tagasalin mula sa Ingles hanggang Ruso
Programmer ako, hindi artista o tagasalin, nagsasalin ako para sa aking mga kaibigang artista, ngunit kung ano ang nawala, hayaan ito.Orihinal sa French sa isang lugar dito www.lesforges.org
Pagsasalin ng Pranses sa Ingles dito: opengameart.org/content/les-forges-pixel-art-course
Nagtranslate ako from English kasi hindi ako marunong ng French.
At oo, ito ang aking unang post, kaya ang mga mungkahi sa disenyo ay malugod na tinatanggap. Dagdag pa, ang tanong ay, dapat bang mailathala 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 pixel ay ang pinakamaliit na graphic na elemento sa isang digital na imahe.
Kaya literal na nangangahulugang ang Pixel Art ay ang sining ng pagpipinta na may mga pixel.
Para sa kalinawan, tingnan natin ang halimbawang ito:
Owlboy (pixel art game)
Ito ang hitsura ng mga larong pixel art.
Kadalasan, ang mga ganitong graphics ay ginagamit sa mga indie na laro dahil mayroon silang napakakilalang istilo ng laro sa computer.
Gayunpaman, ang Pixel Art ay hindi lamang mga graphics, mga sprite at mga larawan para sa mga laro, ito ay isang buong direksyon ng digital at graphic na sining.
Ang mga magagandang larawan ay iginuhit sa tulong ng pixel art:
Hindi mo malito ang istilong retro graphic na ito sa anumang bagay.
Ang ilang mga pagpipinta sa istilong ito ay medyo karapat-dapat na maganap 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 dati nilang ginagawa, at ginagawa na nila 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 matalas na mga transition ng kulay at walang anti-aliasing. Halimbawa, kumuha tayo ng isa pang trabaho sa digital 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 dithering:
Walang malinaw na transition ng mga kulay at shade, ngunit sa pixel art ang mga transition ay malinaw.
Para sa isang 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 dito makikita mo ang kalinawan at pagkakapare-pareho ng estilo.
Narito ang isa pang halimbawa, ito ay isang medyo klasikong picquel art drawing:
http://www.gamer.ru/everything/pixel-art-dlya-nachinayuschih
Kapag nag-zoom in ka, hindi masyadong maganda ang hitsura ng mga larawan, ngunit kung titingnan mo ang pixel art mula sa malayo, sa mas mataas na resolution, maaari itong magmukhang kahanga-hanga.
Naiisip mo ba kung gaano kahusay ang trabaho ng mga artistang ito?
Minsan sinasabi nila na ang Pixel Art ay ginawa 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 nag-drawing ng kahit ano sa istilong Pixel Art ay magsasabi sa iyo na ito ang halos ang pinaka-nakakaubos ng mapagkukunan (nakakaubos ng oras) na istilo ng mga graphics.
Animation sa estilo ng Pixel Art at sa pangkalahatan ay isang impiyerno ng trabaho.
http://www.dinofarmgames.com/a-pixel-artist-renounces-pixel-art/
Samakatuwid, kailangan pa ring patunayan na ang Pixel Art ay isang "tamad na istilo", sasabihin ko pa na sa kabaligtaran, hindi ito ang pinaka HINDI tamad na istilo ng graphic.
Gayunpaman, matututo ang lahat kung paano gumuhit ng isang simpleng bagay sa istilong Pixel Art, at hindi mo kailangan ng anumang mga espesyal na programa, sapat na ang isang simpleng graphic editor.
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, mula sa mga artikulo sa Habré: Kurso ng pixel art
Doon ay makikita mo rin 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 loob lamang ng isang linggo:
Pixelart:: pagguhit ng sasakyang pangalangaang
Minsan ang ilang mga ganap na nakatutuwang mga guhit ay ginawa sa istilong ito, 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 ito ayon sa iyo at paano ito ginagawa?
Ang taong ito ay nagtayo mula sa mga bloke sa larong minecraftb, ang trabaho ay tumagal ng 23 linggo.
Sa pagtatantya, 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 susuriin mo ang anumang larawan o larawan sa isang pagtatantya, 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 para sa bawat pixel.
Para sa isa pang halimbawa, nilikha ito ng mga artist at animator na sina Paul Robertson at Ivan Dixon:
Pakiramdam nito ay isang napakalaking gawa, at kahit na sa paggamit ng ilang karagdagang mga tool (may mga filter na ginagawang pixel art ang mga larawan), aabutin ito ng napakatagal na panahon.
Sa personal, sa tingin ko ang mga larawan ng Pixel Art ay ang tunay na modernong sining sa pinakamagandang kahulugan ng salita.
Ang bawat larawan ng Pixel Art ay may napakalinaw na halaga at makikita mo ito, mararamdaman mo ito.
Mapapahalagahan ito kahit ng isang taong hindi nakakaintindi nito.
Gayunpaman, sa kasamaang-palad, ang genre ng sining na ito ay hindi masyadong sikat at ngayon ay itinuturing na hindi na ginagamit, at ang pagbabalik dito sa mga nakaraang taon sa anyo ng maraming mga laro mula sa singaw sa estilo ng pixel art ay nagsisimula na ring inisin ang mga tao. Bagama't personal kong iniisip na ang istilong retro ng mga 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 gamit ang Pixel Art
Sa tutorial na ito, matututunan mo kung paano gumuhit at mag-animate ng mga character gamit ang Pixel Art technique. Ang kailangan mo lang para dito ay Adobe Photoshop. Ang resulta ay isang GIF na may tumatakbong astronaut.
Programa: Adobe Photoshop Pinagkakahirapan: Mga Beginners, Intermediate Time na kinakailangan: 30 minuto - isang oras
I. Pagse-set up ng dokumento at mga tool
Hakbang 1
Piliin ang Pencil (pencil) 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 na kapareho ng sa larawan. Ang aming layunin ay gawing matalim ang nib ng lapis hangga't maaari.
Hakbang 2
Sa mga setting ng Eraser Tool (pambura), piliin ang Pencil Mode mode, at itakda ang natitirang mga halaga sa 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 graphic 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 mga unit para sa ruler sa pixels Preferences > Units & Rulers > Pixels.
II. Paglikha ng Tauhan
Hakbang 1
At ngayon, kapag na-set up na ang lahat, maaari tayong magpatuloy nang direkta sa pagguhit ng karakter.
I-sketch ang iyong karakter gamit ang isang malinaw na balangkas, habang nag-iingat na huwag mag-overload ito ng 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. Narito ang isang sketch na partikular na inihanda para sa araling ito.
Hakbang 2
I-scale ang thumbnail pababa sa 60 pixels ang taas gamit ang keyboard shortcut na Control+T, o ang Edit > Free Transform command.
Ang laki ng bagay ay ipinapakita sa panel ng impormasyon. Tandaan na ang mga setting ng interpolation ay kapareho ng ginawa namin sa hakbang 4.
Hakbang 3
Mag-zoom in sa thumbnail nang 300-400% para mas madaling gamitin, at babaan ang opacity ng layer. Pagkatapos ay lumikha ng isang bagong layer at balangkasin 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 at i-flip ang iginuhit na salamin (I-edit> Transform> Flip Horizontal).
Ritmo: Upang gumuhit ng mga kumplikadong elemento, hatiin ang mga ito sa mga bahagi. Kapag ang mga pixel (tuldok) sa isang linya ay bumubuo ng isang "ritmo", gaya ng 1-2-3, o 1-1-2-2-3-3, ang sketch ay mukhang mas makinis sa mata ng tao. Ngunit, kung kailangan ito ng anyo, maaaring masira ang ritmong ito.
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 landas.
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 sa kurso ng pagguhit, ang ilang mga hugis ay maaaring itama.
Hakbang 6
Gumawa ng bagong layer para sa mga highlight.
Piliin ang Overlay blend mode mula sa dropdown na listahan sa panel ng Mga Layer. Kulayan na may liwanag na kulay sa mga lugar na gusto mong i-highlight. Pagkatapos ay pakinisin ang highlight sa pamamagitan ng paglalapat ng Filter > Blur > Blur.
Tapusin ang larawan, at pagkatapos ay kopyahin at i-mirror ang natapos na kalahati ng larawan, pagkatapos ay pagsamahin ang mga layer sa mga kalahati upang makakuha 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. Animasyon ng karakter
Hakbang 1
Gumawa ng kopya ng layer (Layer > New > Layer Via Copy) at ilipat ito ng 1 px pataas at 2 px sa kanan. Ito ay isang mahalagang punto sa animation ng character.
Ibaba 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 karakter na parang tumatakbo siya.
● Piliin ang kaliwang kamay gamit ang 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 paa, at iunat ito ng kaunti. Pagkatapos, sa kabaligtaran, pisilin ang pangalawang binti upang maramdaman na ang karakter ay naglalakad.
● Gamit ang lapis at pambura, hawakan ang bahagi ng kanang braso sa ibaba ng siko.
Hakbang 3
Ngayon ay kailangan mong i-redraw ang isang malinis na bagong posisyon ng mga braso at binti tulad ng ipinapakita sa pangalawang seksyon ng tutorial na ito. Ito ay kinakailangan upang ang imahe ay magmukhang matalas, 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.
