Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Kadalasang kailangang pagsamahin ng mga indie developer ang ilang mga tungkulin nang sabay-sabay: taga-disenyo ng laro, programmer, kompositor, artist. At pagdating sa visual, maraming tao ang pipili ng pixel art - sa unang tingin ay parang simple lang. Ngunit upang magawa ito nang maganda, kailangan mo ng maraming karanasan at ilang mga kasanayan. Nakakita ako ng isang tutorial para sa mga nagsisimula pa lamang na maunawaan ang mga pangunahing kaalaman ng istilong ito: na may isang paglalarawan ng espesyal na software at mga diskarte sa pagguhit gamit ang dalawang sprite bilang isang halimbawa.

Background

Ang pixel art ay isang anyo ng digital art kung saan ang mga pagbabago ay ginagawa sa antas ng pixel. Pangunahing nauugnay ito sa mga video game graphics mula sa 80s at 90s. Noon, kailangang isaalang-alang ng mga artista ang mga limitasyon sa memorya at mababang resolution. Sa ngayon, sikat pa rin ang pixel art sa mga laro at bilang isang istilo ng sining sa pangkalahatan, sa kabila ng kakayahang lumikha ng makatotohanang 3D graphics. Bakit? Bukod sa nostalgia, ang paglikha ng cool na trabaho sa loob ng napakahigpit na balangkas ay isang kasiya-siya at kapakipakinabang na hamon.

Ang hadlang sa pagpasok sa pixel art ay medyo mababa kumpara sa tradisyonal na sining at 3D graphics, na umaakit sa mga indie developer. Ngunit hindi ito nangangahulugan na ito ay magiging madali tapusin laro sa ganitong istilo. Nakakita na ako ng maraming indie developer na may pixel art metroidvanias sa mga crowdfunding platform. Akala nila ay matatapos nila ang lahat sa loob ng isang taon, ngunit sa totoo lang ay kailangan pa nila ng anim na taon.

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit
Metal Slug 3 (Arcade). SNK, 2000

Ang pixel art sa antas kung saan gustong gawin ng karamihan sa mga tao ay nangangailangan ito ng maraming oras, at kakaunti ang mga maiikling tutorial. Kapag nagtatrabaho sa isang 3D na modelo, maaari mo itong i-rotate, i-deform ito, ilipat ang mga indibidwal na bahagi nito, kopyahin ang mga animation mula sa isang modelo patungo sa isa pa, at iba pa. Ang high-level na pixel art ay halos palaging nangangailangan ng maraming pagsisikap sa masusing paglalagay ng mga pixel sa bawat frame.

Sa pangkalahatan, binalaan kita.

At ngayon ay kaunti tungkol sa aking istilo: Pangunahing gumuhit ako ng pixel art para sa mga video game at nakakahanap ng inspirasyon sa kanila. Sa partikular, fan ako ng Famicom/NES, 16-bit console, at 90's arcade game. Ang pixel art ng aking mga paboritong laro noong panahon ay maaaring ilarawan bilang maliwanag, kumpiyansa at malinis (ngunit hindi masyadong malinis), sa halip na malinaw at minimalistic. Ito ang istilong ginagawa ko sa aking sarili, ngunit madali mong mailalapat ang mga ideya at diskarte mula sa tutorial na ito upang lumikha ng ganap na magkakaibang mga bagay. I-explore ang gawa ng iba't ibang artist at lumikha ng pixel art na gusto mo!

Software

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Ang pangunahing mga digital na tool para sa pixel art ay Zoom at Pencil upang ilagay ang mga pixel. Makakakita ka rin ng Line, Shape, Select, Move at Paint Bucket na kapaki-pakinabang. Maraming libre at bayad na software na may ganitong hanay ng mga tool. Sasabihin ko sa iyo ang tungkol sa mga pinakasikat at ang mga ginagamit ko sa aking sarili.

Kulayan (libre)

Kung mayroon kang Windows, ang built-in na Paint ay isang primitive na programa, ngunit mayroon itong lahat ng mga tool para sa pixel art.

piskele (ay libre)

Isang hindi inaasahang gumaganang pixel art editor na tumatakbo sa browser. Maaari mong i-export ang iyong gawa bilang PNG o animated GIF. Isang mahusay na pagpipilian para sa mga nagsisimula.

GraphigsGale (ay libre)

Ang GraphicsGale ay ang tanging editor na narinig ko na partikular na idinisenyo para sa pixel art at may kasamang mga tool sa animation. Ito ay nilikha ng Japanese company na HUMANBALANCE. Ito ay magagamit nang libre mula noong 2017 at hinihiling pa rin, sa kabila ng pagtaas ng katanyagan ng Aseprite. Sa kasamaang palad, ito ay gumagana lamang sa Windows.

Si Aseprite ($)

Marahil ang pinakasikat na editor sa ngayon. open source, maraming feature, aktibong suporta, mga bersyon para sa Windows, Mac at Linux. Kung seryoso ka sa pixel art at hindi ka pa nakakahanap ng tamang editor, maaaring ito ang kailangan mo.

GameMaker Studio 2 ($$+)

Ang GameMaker Studio 2 ay isang mahusay na tool na 2D na may mahusay na Sprite Editor. Kung nais mong lumikha ng pixel art para sa iyong sariling mga laro, ito ay napaka-maginhawa upang gawin ang lahat sa isang programa. Ngayon ay ginagamit ko ang software na ito habang nagtatrabaho Mga UFO 50, isang koleksyon ng 50 retro na laro: Gumagawa ako ng mga sprite at animation sa GameMaker, at mga tileset sa Photoshop.

Photoshop ($$$+)

Ang Photoshop ay mamahaling software, ipinamahagi sa pamamagitan ng subscription, at hindi idinisenyo para sa pixel art. Hindi ko inirerekumenda na bilhin ito maliban kung ikaw ay kasangkot sa pag-render ng mga guhit sa mataas na resolution, o hindi mo kailangang magsagawa ng mga kumplikadong manipulasyon sa larawan, tulad ko. Maaari kang lumikha ng mga static na sprite at pixel art dito, ngunit ito ay medyo kumplikado kumpara sa espesyal na software (halimbawa, GraphicsGale o Aseprite).

Iba

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit
Ang aking pixel art kit. Itim ang lahat, ngayon ko lang napansin.

Graphics tablet ($$+)

Inirerekomenda ko ang mga graphics tablet para sa anumang gawaing digital na paglalarawan upang maiwasan ang carpal tunnel syndrome. Ito ay mas madaling maiwasan kaysa sa pagalingin. Isang araw mararamdaman mo ang sakit at lalo lang itong madadagdagan - ingatan mo ang iyong sarili sa simula pa lang. Dahil dati akong gumuhit gamit ang mouse, nahihirapan na akong maglaro ng mga laro na kailangan kong pindutin ang mga key. Kasalukuyan akong gumagamit ng Wacom Intuos Pro S.

Suporta sa pulso ($)

Kung hindi ka makakakuha ng tablet, kumuha man lang ng wrist support. Ang paborito ko ay ang Mueller Green Fitted Wrist Brace. Ang iba ay masyadong masikip o hindi nagbibigay ng sapat na suporta. Maaaring mag-order ng mga calipers online nang walang anumang problema.

96 Γ— 96 mga pixel

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit
Pangwakas na Labanan. Capcom, 1989

Magsimula na tayo! Magsimula tayo sa isang 96x96 pixel character sprite. Bilang isang halimbawa, gumuhit ako ng isang orc at inilagay ito sa isang screenshot mula sa Final Fight (larawan sa itaas) upang maunawaan mo ang sukat. Ito большой sprite para sa karamihan ng mga retro na laro, laki ng screenshot: 384x224 pixels.

Sa tulad ng isang malaking sprite mas madaling ipakita ang pamamaraan na gusto kong pag-usapan. Ang per-pixel rendering ay mas katulad din sa mga tradisyonal na anyo ng sining (tulad ng pagguhit o pagpipinta) na maaaring mas pamilyar ka. Ang pagkakaroon ng pinagkadalubhasaan ang mga pangunahing pamamaraan, magpapatuloy tayo sa mas maliliit na sprite.

1. Pumili ng palette

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Ang Pixel ay isang mas malalim na konsepto sa pixel art kaysa sa anumang iba pang digital realm. Ang pixel art ay tinutukoy ng mga limitasyon nito, gaya ng mga kulay. Mahalagang piliin ang tamang palette; makakatulong ito na matukoy ang iyong estilo. Ngunit sa simula, iminumungkahi kong huwag mag-isip tungkol sa mga palette at pumili ng isa sa mga umiiral na (o ilang random na kulay) - madali mong mababago ito sa anumang yugto.

Para sa tutorial na ito gagamitin ko ang 32 color palette na ginawa namin Mga UFO 50. Para sa pixel art sila ay madalas na binuo mula sa 32 o 16 na kulay. Idinisenyo ang sa amin para sa isang kathang-isip na console na lalabas sa pagitan ng Famicom at ng PC Engine. Maaari mong kunin ito o anumang iba pa - ang tutorial ay hindi nakasalalay sa lahat sa napiling palette.

2. Mga magaspang na balangkas

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Simulan natin ang pagguhit gamit ang Pencil tool. Gumuhit tayo ng sketch sa parehong paraan tulad ng ginagawa natin sa isang regular na panulat at papel. Siyempre, magkakapatong ang pixel art at tradisyonal na sining, lalo na pagdating sa mga malalaking sprite. Ang aking mga obserbasyon ay nagpapakita na ang malakas na pixel art artist ay hindi bababa sa mahusay sa pagguhit gamit ang kamay at vice versa. Kaya ang pagbuo ng iyong mga kasanayan sa pagguhit ay palaging kapaki-pakinabang.

3. Elaborasyon ng mga contour

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Pinipino namin ang mga contour: alisin ang mga dagdag na pixel at bawasan ang kapal ng bawat linya sa isang pixel. Ngunit ano nga ba ang itinuturing na kalabisan? Upang masagot ang tanong na ito kailangan mong maunawaan ang mga linya ng pixel at mga iregularidad.

Mga iregularidad

Kailangan mong matutunan kung paano gumuhit ng dalawang pangunahing linya sa pixel art: tuwid at hubog. Gamit ang panulat at papel, lahat ito ay tungkol sa pagkontrol ng kalamnan, ngunit nagtatrabaho kami sa maliliit na bloke ng kulay.

Ang susi sa pagguhit ng tamang mga linya ng pixel ay jaggedness. Ito ay mga solong pixel o maliliit na segment na sumisira sa kinis ng linya. Tulad ng sinabi ko dati, ang isang pixel ay gumagawa ng malaking pagkakaiba sa pixel art, kaya ang hindi pagkakapantay-pantay ay maaaring makasira sa buong aesthetic. Isipin na gumuhit ng isang tuwid na linya sa papel at biglang may tumama sa mesa: ang mga bumps sa pixel art ay mukhang isang random na squiggle.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹:

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit
Idirekta

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit
Mga kurba

Lumilitaw ang mga iregularidad sa mga kurba kapag ang haba ng mga segment ng linya ay hindi unti-unting tumataas o bumababa.

Imposibleng ganap na maiwasan ang mga bumps - lahat ng paborito mong retro na laro ay mayroon nito (maliban kung, siyempre, ang pixel art ay binubuo lamang ng mga simpleng hugis). Layunin: Panatilihin ang hindi pagkakapantay-pantay sa pinakamababa habang ipinapakita pa rin ang lahat ng kailangan.

4. Ilapat ang mga unang kulay

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Kulayan ang iyong karakter gamit ang fill o iba pang angkop na tool. Ang palette ay gawing simple ang bahaging ito ng trabaho. Kung ang software ay hindi nagbibigay para sa paggamit ng mga palette, maaari mong ilagay ito nang direkta sa larawan, tulad ng sa halimbawa sa itaas, at pumili ng mga kulay gamit ang isang eyedropper.

Sa ibabang kaliwang sulok ay iginuhit ko ang aming kaibigan, meet, this is Ball. Gagawin nitong mas madaling maunawaan kung ano ang eksaktong nangyayari sa bawat yugto.

5. Pagtatabing

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Oras na para ipakita ang mga anino - magdagdag lang ng mas madidilim na kulay sa sprite. Gagawin nitong three-dimensional ang imahe. Ipagpalagay natin na mayroon tayong isang light source na matatagpuan sa itaas ng orc sa kaliwa nito. Nangangahulugan ito na ang lahat ng nasa itaas at nasa harap ng ating pagkatao ay magliliwanag. Magdagdag ng mga anino sa kanang ibaba.

Π Β€Π Ρ•Π‘Π‚Π Ρ˜Π  Β° Π Ρ‘ Π Ρ•Π  Β± БРРРј

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Kung ang hakbang na ito ay mahirap para sa iyo, isipin ang iyong pagguhit bilang mga three-dimensional na hugis sa halip na mga linya at kulay lamang. Ang mga hugis ay umiiral sa tatlong-dimensional na espasyo at maaaring magkaroon ng lakas ng tunog, na binuo namin sa tulong ng mga anino. Makakatulong ito sa iyo na mailarawan ang karakter nang walang mga detalye at isipin na siya ay gawa sa luad at hindi mga pixel. Ang pagtatabing ay hindi lamang pagdaragdag ng mga bagong kulay, ito ay ang proseso ng pagbuo ng isang hugis. Sa isang character na mahusay na idinisenyo, hindi itinatago ng mga detalye ang pinagbabatayan na mga hugis: kung duling mo, makikita mo ang ilang malalaking kumpol ng liwanag at anino.

Anti-aliasing (anti-aliasing)

Sa tuwing gagamit ako ng bagong kulay, naglalagay ako ng anti-aliasing (AA). Nakakatulong itong pakinisin ang mga pixel sa pamamagitan ng pagdaragdag ng mga intermediate na kulay sa mga sulok kung saan nagtatagpo ang dalawang segment ng linya:

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Pinapalambot ng mga gray na pixel ang "mga break" sa linya. Kung mas mahaba ang segment ng linya, mas mahaba ang segment ng AA.

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit
Ito ang hitsura ni AA sa balikat ng isang orc. Ito ay kinakailangan upang pakinisin ang mga linya na nagpapakita ng kurba ng kanyang mga kalamnan

Ang anti-aliasing ay hindi dapat lumampas sa sprite na gagamitin sa laro o sa background na hindi alam ang kulay. Halimbawa, kung ilalapat mo ang AA sa isang maliwanag na background, ang anti-aliasing ay magmumukhang pangit sa isang madilim na background.

6. Selective outline

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Dati, ang mga balangkas ay ganap na itim, na ginawa ang sprite hitsura napaka cartoonish. Ang larawan ay tila nahahati sa mga segment. Halimbawa, ang mga itim na linya sa isang braso ay nagbibigay ng labis na kaibahan sa musculature, na ginagawang hindi gaanong magkakaugnay ang karakter.

Kung ang sprite ay nagiging mas natural at ang segmentation ay hindi gaanong halata, ang mga pangunahing hugis ng karakter ay magiging mas madaling basahin. Upang gawin ito, maaari kang gumamit ng isang pumipili na balangkas - bahagyang palitan ang itim na balangkas ng isang mas magaan. Sa iluminado na bahagi ng sprite, maaari mong gamitin ang pinakamaliwanag na kulay, o, kung saan ang sprite ay humawak sa negatibong espasyo, maaari mong ganap na alisin ang outline. Sa halip na itim, kailangan mong gamitin ang kulay na pinili para sa anino - sa ganitong paraan mapapanatili ang segmentation (upang makilala ang mga kalamnan, balahibo, at iba pa).

Nagdagdag din ako ng mas madidilim na mga anino sa yugtong ito. Ang resulta ay tatlong gradasyon ng berde sa balat ng orc. Maaaring gamitin ang pinakamadilim na berdeng kulay para sa selective outline at AA.

7. Mga huling pagpindot

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Sa wakas, ito ay nagkakahalaga ng pagdaragdag ng mga highlight (ang pinakamaliwanag na mga spot sa sprite), mga detalye (mga hikaw, studs, scars) at iba pang mga pagpapabuti hanggang sa ang karakter ay handa na o hanggang sa kailangan mong lumipat sa susunod.

Mayroong ilang mga kapaki-pakinabang na pamamaraan na maaaring ilapat sa yugtong ito. I-rotate ang drawing nang pahalang, madalas itong nakakatulong upang matukoy ang mga error sa mga proporsyon at pagtatabing. Maaari mo ring alisin ang kulay - itakda ang saturation sa zero upang maunawaan kung saan mo kailangang baguhin ang mga anino.

Lumilikha ng ingay (dithering, dithering)

Sa ngayon kadalasan ay gumagamit kami ng malalaking, solidong lugar ng anino. Ngunit may isa pang pamamaraan - dithering, na nagpapahintulot sa iyo na pumunta mula sa isang kulay patungo sa isa pa nang hindi nagdaragdag ng isang pangatlo. Tingnan ang halimbawa sa ibaba.

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Ang tuktok na madilim hanggang sa maliwanag na gradient ay gumagamit ng daan-daang iba't ibang kulay ng asul.

Ang average na gradient ay gumagamit lamang ng siyam na kulay, ngunit mayroon pa ring napakaraming shade ng parehong kulay. Ang isang tinatawag na banding ay lumitaw (mula sa English band - stripe), kung saan, dahil sa makapal na unipormeng mga guhitan, ang mata ay nakatuon sa mga punto ng contact ng mga kulay, sa halip na ang mga kulay mismo.

Sa ibabang gradient ay inilapat namin ang dithering, na nag-iwas sa banding at gumagamit lamang ng dalawang kulay. Lumilikha kami ng ingay na may iba't ibang intensity upang gayahin ang gradasyon ng kulay. Ang pamamaraan na ito ay halos kapareho sa halftone (halftone image) na ginagamit sa pag-print; pati na rin ang stippling (grainy image) - sa mga guhit at komiks.

Sa orc, medyo nag-dither ako para ihatid ang texture. Ang ilang mga pixel artist ay hindi gumagamit nito, ang iba, sa kabaligtaran, ay hindi nahihiya at ginagawa ito nang napakahusay. Napag-alaman kong ang dither ay pinakamaganda sa malalaking lugar na puno ng iisang kulay (tingnan ang kalangitan sa screenshot ng Metal Slug sa itaas) o sa mga lugar na dapat magmukhang magaspang at hindi pantay (tulad ng dumi). Magpasya para sa iyong sarili kung paano gamitin ito.

Kung gusto mong makakita ng halimbawa ng malakihan at mataas na kalidad na dithering, tingnan ang mga laro ng The Bitmap Brothers, isang British studio mula sa 80s, o ang mga laro sa PC-98 computer. Tandaan lamang na lahat sila ay NSFW.

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit
Kakyusei (PC-98). Duwende, 1996
Mayroon lamang 16 na kulay sa larawang ito!

8. Huling tingin

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Ang isa sa mga panganib ng pixel art ay ang pagiging madali at simple nito (dahil sa mga limitasyon ng istraktura at istilo nito). Ngunit magtatapos ka sa paggastos ng isang malaking halaga ng oras sa pagpino ng iyong mga sprite. Ito ay tulad ng isang palaisipan na kailangang lutasin - kaya naman ang pixel art ay umaakit sa mga perfectionist. Tandaan na ang isang sprite ay hindi dapat tumagal ng masyadong maraming oras - ito ay isang maliit na piraso lamang ng isang napakakomplikadong koleksyon ng mga piraso. Mahalagang huwag mawala sa paningin ang malaking larawan.

Kahit na ang iyong pixel art ay hindi para sa paglalaro, minsan sulit na sabihin sa iyong sarili, "Ito ay sapat na mabuti!" At magpatuloy. Ang pinakamahusay na paraan upang paunlarin ang iyong mga kasanayan ay ang pagdaan sa buong proseso mula simula hanggang matapos nang maraming beses hangga't maaari, gamit ang maraming paksa hangga't maaari.

At kung minsan ay kapaki-pakinabang na mag-iwan ng sprite nang ilang sandali upang matingnan mo ito nang may mga sariwang mata sa ibang pagkakataon.

32Γ—32 pixels

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Gumawa muna kami ng malaking 96x96 pixel na sprite dahil sa laki na iyon ay mas katulad ng pagguhit o pagpipinta, ngunit may mga pixel. Kung mas maliit ang sprite, hindi gaanong katulad ito sa dapat na ipakita, at mas mahalaga ang bawat pixel.

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit

Sa Super Mario Bros. Dalawang pixel lang ang mata ni Mario, isa sa ibabaw ng isa. At pati ang tenga niya. Ang tagalikha ng karakter na si Shigeru Miyamoto ay nagsabi na ang bigote ay kailangan upang paghiwalayin ang ilong mula sa natitirang bahagi ng mukha. Kaya ang isa sa mga pangunahing tampok ng Mario ay hindi lamang isang disenyo ng character, ngunit isang pragmatic ploy. Na nagpapatunay sa lumang karunungan - "ang pangangailangan ay ang ina ng imbensyon."

Ang mga pangunahing yugto ng paglikha ng isang 32x32 pixel sprite ay pamilyar na sa amin: sketch, kulay, mga anino, karagdagang pagpipino. Ngunit sa ganitong mga kondisyon, bilang isang paunang sketch, pumili ako ng mga kulay na hugis sa halip na gumuhit ng mga balangkas dahil sa maliit na sukat. Ang kulay ay gumaganap ng isang mas mahalagang papel sa pagtukoy ng isang karakter kaysa sa balangkas. Tingnan mo ulit si Mario, wala man lang outline. Hindi lang bigote ang kawili-wili. Ang kanyang sideburns ay tumutukoy sa hugis ng kanyang mga tainga, ang kanyang mga manggas ay nagpapakita ng kanyang mga braso, at ang kanyang pangkalahatang hugis ay higit pa o hindi gaanong malinaw na nagpapakita ng kanyang buong katawan.

Ang paglikha ng maliliit na sprite ay isang patuloy na kompromiso. Kung magdagdag ka ng isang stroke, maaari kang mawalan ng espasyo para sa anino. Kung ang iyong karakter ay may malinaw na nakikitang mga braso at binti, malamang na ang ulo ay hindi dapat masyadong malaki. Kung gagamit ka ng color, selective stroke, at anti-aliasing nang epektibo, ang na-render na object ay lalabas na mas malaki kaysa sa aktwal.

Para sa mga maliliit na sprite gusto ko ang istilong chibi: ang mga character ay mukhang napaka-cute, mayroon silang malalaking ulo at mata. Isang mahusay na paraan upang lumikha ng isang makulay na karakter sa isang limitadong espasyo, at sa pangkalahatan ay isang napakagandang istilo. Ngunit marahil kailangan mong ipakita ang kadaliang kumilos o lakas ng isang karakter, pagkatapos ay maaari mong bigyan ng mas kaunting espasyo ang ulo upang gawing mas malakas ang katawan. Ang lahat ay nakasalalay sa iyong mga kagustuhan at layunin.

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit
Ang buong koponan ay natipon!

Mga format ng file

Pixel art para sa mga nagsisimula: mga tagubilin para sa paggamit
Ang resultang ito ay maaaring magpakaba sa sinumang pixel artist

Ang larawang nakikita mo ay resulta ng pag-save ng larawan sa JPG. Nawala ang ilang data dahil sa mga algorithm ng compression ng file. Ang mataas na kalidad na pixel art ay magmumukhang masama, at hindi magiging madali ang pagbabalik nito sa orihinal nitong palette.

Upang i-save ang isang static na imahe nang hindi nawawala ang kalidad, gamitin ang PNG na format. Para sa mga animation - GIF.

Paano maayos na ibahagi ang pixel art

Ang pagbabahagi ng pixel art sa mga social network ay isang mahusay na paraan upang makakuha ng feedback at makilala ang iba pang mga artist na nagtatrabaho sa parehong estilo. Huwag kalimutang gamitin ang hashtag na #pixelart. Sa kasamaang palad, ang mga social network ay madalas na nagko-convert ng PNG sa JPG nang hindi nagtatanong, na nagpapalala sa iyong karanasan. Bukod dito, hindi palaging malinaw kung bakit na-convert ang iyong larawan.

Mayroong ilang mga tip sa kung paano i-save ang pixel art sa kinakailangang kalidad para sa iba't ibang mga social network.

kaba

Upang panatilihing hindi nagbabago ang iyong PNG file sa Twitter, gumamit ng mas kaunti sa 256 na kulay o siguraduhin mona ang iyong file ay mas mababa sa 900 pixels sa pinakamahabang bahagi. Dadagdagan ko ang laki ng file sa hindi bababa sa 512x512 pixels. At upang ang scaling ay isang multiple ng 100 (200%, hindi 250%) at ang mga matutulis na gilid ay napanatili (Nearest Neighbor in Photoshop).

Mga animated na GIF para sa Mga Post sa Twitter mayroon timbangin ng hindi hihigit sa 15 MB. Ang larawan ay dapat na hindi bababa sa 800x800 pixels, ang looping animation ay dapat na ulitin ng tatlong beses, at ang huling frame ay dapat kalahati ng haba ng lahat ng iba pa - ang pinakasikat na teorya. Gayunpaman, hindi malinaw kung hanggang saan kailangang matugunan ang mga kinakailangang ito, dahil patuloy na binabago ng Twitter ang mga algorithm ng pagpapakita ng imahe nito.

Instagram

Sa pagkakaalam ko, imposibleng mag-post ng larawan sa Instagram nang hindi nawawala ang kalidad. Ngunit tiyak na magiging mas maganda kung palakihin mo ito sa hindi bababa sa 512x512 pixels.

Pinagmulan: www.habr.com

Magdagdag ng komento