Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Indie хөгжүүлэгчид ихэвчлэн тоглоомын дизайнер, программист, хөгжмийн зохиолч, зураач гэсэн хэд хэдэн үүргийг нэг дор хослуулах шаардлагатай болдог. Мөн дүрслэлийн тухайд гэвэл олон хүмүүс пикселийн урлагийг сонгодог - эхлээд харахад энэ нь энгийн мэт санагддаг. Гэхдээ үүнийг сайхан хийхийн тулд танд маш их туршлага, тодорхой ур чадвар хэрэгтэй. Би энэ хэв маягийн үндсийг дөнгөж ойлгож эхэлж буй хүмүүст зориулсан зааварчилгааг олсон: тусгай програм хангамжийн тайлбар, хоёр спрайт ашиглан зурах арга техникийг жишээ болгон харуулсан.

Оршил

Пикселийн урлаг нь пикселийн түвшинд өөрчлөлт хийдэг дижитал урлагийн нэг хэлбэр юм. Энэ нь голчлон 80-90-ээд оны видео тоглоомын графиктай холбоотой юм. Тухайн үед уран бүтээлчид санах ойн хязгаарлалт, бага нарийвчлалыг харгалзан үзэх шаардлагатай байв. Өнөө үед пикселийн урлаг нь бодит 3D график бүтээх чадвартай хэдий ч тоглоом, ерөнхийдөө урлагийн хэв маягийн хувьд алдартай хэвээр байна. Яагаад? Дурсамжийг эс тооцвол ийм нягт хүрээнд гайхалтай бүтээл туурвих нь тааламжтай бөгөөд өгөөжтэй сорилт юм.

Инди хөгжүүлэгчдийг татдаг уламжлалт урлаг, 3D графиктай харьцуулахад пикселийн урлагт орох саад бэрхшээл харьцангуй бага байдаг. Гэхдээ энэ нь амар байх болно гэсэн үг биш юм дуусгах Энэ хэв маягийн тоглоом. Би краудфандинг платформ дээр пикселийн урлагийн метроидваниа бүхий олон инди хөгжүүлэгчдийг харсан. Тэд нэг жилийн дотор бүгдийг дуусгана гэж бодож байсан ч бодит байдал дээр дахиад зургаан жил хэрэгтэй байсан.

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар
Металл Slug 3 (Зоолон машин). SNK, 2000

Ихэнх хүмүүсийн бүтээхийг хүсдэг түвшинд байгаа пикселийн урлаг нь маш их цаг хугацаа шаарддаг бөгөөд маш цөөхөн богино хэмжээний хичээлүүд байдаг. 3D загвартай ажиллахдаа та түүнийг эргүүлэх, хэв гажилт хийх, салангид хэсгүүдийг нь шилжүүлэх, хөдөлгөөнт дүрсийг нэг загвараас нөгөө загварт хуулах гэх мэт үйлдлийг хийж болно. Дээд түвшний пикселийн урлаг нь хүрээ тус бүр дээр пикселийг нямбай байрлуулахын тулд маш их хүчин чармайлт шаарддаг.

Ерөнхийдөө би танд анхааруулсан.

Одоо миний хэв маягийн талаар бага зэрэг: Би голчлон видео тоглоомд зориулж пикселийн урлаг зурж, тэдгээрээс урам зориг авдаг. Ялангуяа би Famicom/NES, 16 битийн консолууд, 90-ээд оны аркад тоглоомуудын шүтэн бишрэгч. Энэ үеийн миний дуртай тоглоомуудын пикселийн урлагийг хурц, минималист гэхээсээ илүү тод, итгэлтэй, цэвэрхэн (гэхдээ хэтэрхий цэвэр биш) гэж тодорхойлж болно. Энэ бол миний өөртөө ажилладаг хэв маяг, гэхдээ та энэ зааварчилгааны санаа, арга техникийг ашиглан огт өөр зүйл бүтээх боломжтой. Төрөл бүрийн уран бүтээлчдийн бүтээлийг судалж, дуртай пикселийн урлагийг бүтээгээрэй!

Програм хангамж

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Пикселийн зургийн үндсэн дижитал хэрэгсэл бол пикселийг байрлуулах Zoom болон Pencil юм. Мөн Line, Shape, Select, Move болон Paint Bucket програмуудыг ашиглахад хэрэгтэй болно. Ийм багц хэрэгсэл бүхий үнэ төлбөргүй, төлбөртэй олон програм хангамж байдаг. Би хамгийн алдартай болон өөрийнхөө хэрэглэдэг зүйлсийн талаар танд хэлэх болно.

Будаг (үнэгүй)

Хэрэв та Windows үйлдлийн системтэй бол суулгасан Paint нь энгийн программ боловч пиксел зургийн бүх хэрэгслүүдтэй.

Пискел (үнэгүй)

Хөтөчөөр ажилладаг гэнэтийн ажиллагаатай пиксел зургийн засварлагч. Та бүтээлээ PNG эсвэл хөдөлгөөнт GIF хэлбэрээр экспортлох боломжтой. Эхлэгчдэд зориулсан маш сайн сонголт.

GraphigsGale (үнэгүй)

GraphicsGale бол миний сонссон цорын ганц редактор бөгөөд пикселийн урлагт тусгайлан зориулагдсан бөгөөд хөдөлгөөнт дүрс бүхий хэрэгслүүдийг агуулдаг. Үүнийг Японы HUMANBALANCE компани бүтээсэн. Энэ нь 2017 оноос хойш үнэ төлбөргүй гарсан бөгөөд Aseprite-ийн нэр хүнд өссөн ч эрэлт хэрэгцээтэй хэвээр байна. Харамсалтай нь энэ нь зөвхөн Windows дээр ажилладаг.

Асеприт ($)

Одоогийн байдлаар хамгийн алдартай редактор байж магадгүй юм. нээлттэй эх сурвалж, маш олон функц, идэвхтэй дэмжлэг, Windows, Mac болон Linux-д зориулсан хувилбарууд. Хэрэв та пикселийн урлагийн талаар нухацтай хандаж байгаа боловч зөв засварлагчаа олоогүй байгаа бол энэ нь танд хэрэгтэй байж магадгүй юм.

GameMaker Studio 2 ($$+)

GameMaker Studio 2 нь сайн Sprite засварлагчтай 2 хэмжээст маш сайн хэрэгсэл юм. Хэрэв та өөрийн тоглоомд зориулж пикселийн урлаг хийхийг хүсч байвал бүх зүйлийг нэг програмаар хийх нь маш тохиромжтой. Одоо би энэ програмыг ажиллаж байхдаа ашиглаж байна Нисдэг Үл Мэдэгдэх 50, 50 чимэг тоглоомын цуглуулга: Би GameMaker дээр спрайт болон хөдөлгөөнт дүрс, Photoshop дээр хавтанцар бүтээдэг.

Photoshop ($$$+)

Photoshop бол үнэтэй программ хангамж бөгөөд захиалгаар тараагддаг бөгөөд пикселийн урлагт зориулагдаагүй. Хэрэв та өндөр нарийвчлалтай зураг зурах ажилд оролцдоггүй эсвэл над шиг зурагтай нарийн төвөгтэй ажиллагаа хийх шаардлагагүй бол би үүнийг худалдаж авахыг зөвлөдөггүй. Та үүн дээр статик спрайт болон пикселийн урлаг үүсгэж болно, гэхдээ энэ нь тусгай программ хангамжтай (жишээлбэл, GraphicsGale эсвэл Aseprite) харьцуулахад нэлээд төвөгтэй юм.

Бусад

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар
Миний пиксел зургийн хэрэгсэл. Бүх зүйл хар, би үүнийг одоо л анзаарсан.

График таблет ($$+)

Би карпаль туннелийн синдромоос зайлсхийхийн тулд ямар ч дижитал дүрслэлийн ажилд график таблет ашиглахыг зөвлөж байна. Үүнийг эмчлэхээс урьдчилан сэргийлэх нь хамаагүй хялбар юм. Хэзээ нэгэн цагт та өвдөлтийг мэдрэх болно, энэ нь зөвхөн нэмэгдэх болно - эхнээсээ өөртөө анхаарал тавь. Би хулганаар зурдаг байсан болохоор одоо товчлуур дарах шаардлагатай тоглоом тоглоход хэцүү болсон. Би одоогоор Wacom Intuos Pro S ашиглаж байна.

Бугуйны дэмжлэг ($)

Хэрэв та таблет авч чадахгүй бол ядаж бугуйн дэмжлэг аваарай. Миний дуртай Мюллер Ногоон Бугуйн бэхэлгээ. Үлдсэн хэсэг нь хэтэрхий хатуу эсвэл хангалттай дэмжлэг үзүүлэхгүй. Калибрыг ямар ч асуудалгүйгээр онлайнаар захиалж болно.

96 × 96 пиксел

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар
Эцсийн тулаан. Capcom, 1989 он

Эхэлцгээе! 96x96 пикселийн тэмдэгтийн спрайтаар эхэлцгээе. Жишээ болгон би орк зурж, Final Fight-ийн дэлгэцийн агшин дээр (дээрх зураг) байрлуулсан бөгөөд ингэснээр масштабыг ойлгох болно. Энэ большой ихэнх чимэг тоглоомуудад зориулсан спрайт, дэлгэцийн агшингийн хэмжээ: 384x224 пиксел.

Ийм том спрайт дээр миний ярихыг хүсч буй техникийг харуулах нь илүү хялбар байх болно. Пиксел тутамд дүрслэх нь таны сайн мэддэг уламжлалт урлагийн хэлбэрүүдтэй (зураг зурах, зурах гэх мэт) илүү төстэй юм. Үндсэн арга техникийг эзэмшсэний дараа бид жижиг спрайт руу шилжих болно.

1. Палетт сонгоно уу

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Пиксел бол бусад дижитал хүрээнээс илүү пикселийн урлагт илүү гүн гүнзгий ойлголт юм. Пикселийн урлаг нь өнгө гэх мэт хязгаарлалтаар тодорхойлогддог. Зөв палитр сонгох нь чухал бөгөөд энэ нь таны хэв маягийг тодорхойлоход тусална. Гэхдээ эхэндээ би палитруудын талаар бодохгүй байх, одоо байгаа зүйлсийн аль нэгийг (эсвэл хэдхэн санамсаргүй өнгө) сонгохыг санал болгож байна - та үүнийг аль ч шатанд хялбархан өөрчилж болно.

Энэхүү гарын авлагад би бидний бүтээсэн 32 өнгөт палитрыг ашиглах болно Нисдэг Үл Мэдэгдэх 50. Пикселийн урлагийн хувьд тэдгээрийг ихэвчлэн 32 эсвэл 16 өнгөөр ​​угсардаг. Манайх нь Famicom болон PC Engine хоёрын хооронд гарч ирэх зохиомол консолд зориулагдсан. Та үүнийг эсвэл бусад зүйлийг авч болно - заавар нь сонгосон палитраас огт хамаардаггүй.

2. Барзгар тойм

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Харандаа хэрэглүүрийг ашиглан зурж эхэлцгээе. Энгийн үзэг, цаас хэрэглэдэгтэй адил ноорог зурцгаая. Мэдээжийн хэрэг, пикселийн урлаг болон уламжлалт урлаг, ялангуяа ийм том спрайтуудын тухай ярихад давхцдаг. Миний ажиглалтаас харахад хүчтэй пикселийн урлагийн зураачид наад зах нь гараар зурахдаа сайн байдаг ба эсрэгээрээ. Тиймээс зурах чадвараа хөгжүүлэх нь үргэлж хэрэгтэй байдаг.

3. Контурыг боловсруулах

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Бид контурыг сайжруулна: нэмэлт пикселийг арилгаж, шугам бүрийн зузааныг нэг пиксел болгон бууруулна. Гэхдээ яг юуг илүүд үздэг вэ? Энэ асуултад хариулахын тулд та пикселийн шугам, жигд бус байдлыг ойлгох хэрэгтэй.

Зөрчилдөөн

Та пикселийн урлагт шулуун ба муруй гэсэн хоёр үндсэн шугам зурж сурах хэрэгтэй. Үзэг, цаасны тусламжтайгаар бүх зүйл булчингийн хяналттай холбоотой боловч бид өнгөт жижиг хэсгүүдтэй ажиллаж байна.

Пикселийн шугамыг зөв зурах гол түлхүүр бол жагги юм. Эдгээр нь шугамын гөлгөр байдлыг устгадаг нэг пиксел буюу жижиг сегментүүд юм. Өмнө дурьдсанчлан, нэг пиксел нь пикселийн урлагт асар их өөрчлөлтийг бий болгодог тул тэгш бус байдал нь бүхэл бүтэн гоо зүйг сүйтгэж болзошгүй юм. Цаасан дээр шулуун шугам зурж байгаад гэнэт хэн нэгэн ширээг мөргөж байна гэж төсөөлөөд үз дээ: пикселийн зургийн овойлтууд нь санамсаргүй зураас шиг харагдаж байна.

жишээ нь:

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар
Шулуун шугамууд

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар
Муруй

Шугамын сегментийн урт аажмаар нэмэгдэхгүй эсвэл багасдаггүй тохиолдолд муруйд жигд бус байдал гарч ирдэг.

Бөглөрөхөөс бүрэн зайлсхийх боломжгүй - таны дуртай чимэг тоглоомууд бүгдээрээ байдаг (мэдээжийн хэрэг, пикселийн урлаг нь зөвхөн энгийн дүрсээс бүрдэхээс бусад тохиолдолд). Зорилго: Шаардлагатай бүх зүйлийг харуулахын зэрэгцээ тэгш бус байдлыг аль болох бага байлгах.

4. Эхний өнгийг түрхэнэ

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Бөглөх эсвэл бусад тохиромжтой хэрэгслийг ашиглан дүрээ будаарай. Палетт нь ажлын энэ хэсгийг хялбаршуулах болно. Хэрэв програм хангамж нь палитр ашиглахыг заагаагүй бол дээрх жишээн дээрх шиг зураг дээр шууд байрлуулж, дусаагуур ашиглан өнгө сонгох боломжтой.

Зүүн доод буланд би найзаа зурсан, уулз, энэ бол Бөмбөг. Энэ нь үе шат бүрт яг юу болж байгааг ойлгоход хялбар болгоно.

5. Сүүдэрлэх

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Сүүдрийг харуулах цаг болжээ - спрайт дээр бараан өнгө нэмэхэд л хангалттай. Энэ нь дүрсийг гурван хэмжээст харагдуулна. Бидэнд оркоос дээш зүүн талд байрлах нэг гэрлийн эх үүсвэр байна гэж бодъё. Энэ нь бидний дүрийн дээгүүр болон урд байгаа бүх зүйл гэрэлтэх болно гэсэн үг юм. Баруун доод талд сүүдэр нэмнэ.

Хэлбэр ба хэмжээ

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Хэрэв энэ алхам танд хэцүү байгаа бол зурсан зургаа зөвхөн зураас, өнгө гэхээсээ илүү гурван хэмжээст дүрс гэж бодоорой. Дүрсүүд нь гурван хэмжээст орон зайд оршдог бөгөөд бид сүүдрийн тусламжтайгаар бүтээдэг эзэлхүүнтэй байж болно. Энэ нь дүрийг нарийн ширийн зүйлгүйгээр төсөөлөхөд туслах бөгөөд түүнийг пикселээр биш шавраар хийсэн гэж төсөөлөх болно. Сүүдэрлэх нь зөвхөн шинэ өнгө нэмэх биш, харин хэлбэр дүрсийг бий болгох үйл явц юм. Сайн зохион бүтээсэн дүр дээр нарийн ширийн зүйлс нь үндсэн хэлбэрийг нуудаггүй: хэрэв та нүдээ анивал гэрэл, сүүдрийн том бөөгнөрөлүүдийг харах болно.

Хагархайг арилгах (засварлах)

Би шинэ өнгө хэрэглэх болгондоо antialiasing (AA) хэрэглэдэг. Энэ нь хоёр шугамын хэсэг нийлж буй буланд завсрын өнгийг нэмж пикселийг жигдрүүлэхэд тусалдаг.

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Саарал пиксел нь шугамын "завсарлага" -ыг зөөлрүүлдэг. Шугамын хэсэг урт байх тусам АА сегмент урт болно.

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар
Оркуудын мөрөн дээр АА ийм л харагддаг. Энэ нь түүний булчингийн муруйг харуулсан шугамыг тэгшитгэх шаардлагатай

Эсрэг өнгө нь тоглоомд ашиглагдах спрайт эсвэл өнгө нь тодорхойгүй дэвсгэр дээр ашиглахаас хэтэрч болохгүй. Жишээлбэл, хэрэв та цайвар дэвсгэр дээр АА-г түрхвэл, эсрэг заалт нь бараан дэвсгэр дээр муухай харагдах болно.

6. Сонгомол тойм

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Өмнө нь тоймууд нь бүхэлдээ хар өнгөтэй байсан нь спрайтыг маш хүүхэлдэйн кино мэт харагдуулж байв. Зургийг хэсэг болгон хуваасан юм шиг санагдлаа. Жишээлбэл, гар дээрх хар зураас нь булчинд хэт их ялгаатай байдлыг бий болгож, дүрийг нэгдмэл бус харагдуулдаг.

Хэрэв спрайт илүү байгалийн болж, сегментчилэл нь тодорхойгүй бол дүрийн үндсэн хэлбэрийг уншихад хялбар байх болно. Үүнийг хийхийн тулд та сонгосон тоймыг ашиглаж болно - хар тоймыг хэсэгчлэн хөнгөн өнгөөр ​​сольж болно. Спрайтын гэрэлтүүлсэн хэсэгт та хамгийн цайвар өнгийг ашиглаж болно, эсвэл спрайт сөрөг орон зайд хүрсэн тохиолдолд тоймыг бүрмөсөн арилгаж болно. Хар өнгийн оронд та сүүдэрт сонгосон өнгийг ашиглах хэрэгтэй - ингэснээр сегментчлэл хадгалагдах болно (булчин, үслэг эдлэл гэх мэтийг ялгахын тулд).

Энэ үе шатанд би бас бараан сүүдэр нэмсэн. Үүний үр дүнд оркийн арьсан дээр гурван градус ногоон өнгөтэй болсон. Хамгийн бараан ногоон өнгийг сонгомол тойм болон АА-д ашиглаж болно.

7. Эцсийн мэдрэгчүүд

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Эцэст нь дүр бэлэн болтол эсвэл дараагийнх руу шилжих хүртэл онцлох хэсгүүд (спрайт дээрх хамгийн хөнгөн толбо), дэлгэрэнгүй мэдээлэл (ээмэг, зүүлт, сорви) болон бусад сайжруулалтыг нэмэх нь зүйтэй.

Энэ үе шатанд хэрэглэж болох хэд хэдэн ашигтай техникүүд байдаг. Зургийг хэвтээ байдлаар эргүүлэх нь ихэвчлэн пропорц болон сүүдэрлэх алдааг тодорхойлоход тусалдаг. Та мөн өнгийг арилгаж болно - сүүдрийг хаана өөрчлөх хэрэгтэйг ойлгохын тулд ханалтыг тэг болгож тохируулна уу.

Дуу чимээ үүсгэх (дитеринг, чимээ шуугиан)

Одоогоор бид ихэвчлэн том, хатуу сүүдрийн хэсгүүдийг ашиглаж байна. Гэхдээ өөр нэг техник байдаг - dithering, энэ нь гуравны нэгийг нэмэлгүйгээр нэг өнгөнөөс нөгөөд шилжих боломжийг олгодог. Доорх жишээг харна уу.

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Дээд талын бараанаас цайвар өнгийн градиент нь хэдэн зуун өөр өөр цэнхэр өнгийг ашигладаг.

Дундаж градиент нь зөвхөн есөн өнгийг ашигладаг боловч ижил өнгийн хэт олон сүүдэртэй хэвээр байна. Зузаан жигд судалтай тул нүд нь өнгөний оронд өнгөний холбоо барих цэг дээр төвлөрдөг (Англи хамтлаг - судал) гэж нэрлэгддэг тууз үүсдэг.

Доод градиент дээр бид dithering-ийг ашигласан бөгөөд энэ нь туузаас зайлсхийж, зөвхөн хоёр өнгийг ашигладаг. Бид өнгөний шилжилтийг дуурайхын тулд янз бүрийн эрчимтэй дуу чимээ үүсгэдэг. Энэ техник нь хэвлэхэд ашигладаг хагас өнгөт (хагас өнгийн зураг)-тай маш төстэй; түүнчлэн хатгах (мөхлөгт дүрс) - чимэглэл, комик дээр.

Орк дээр би бүтэцтэй байхын тулд бага зэрэг эргэв. Зарим пикселийн уран бүтээлчид үүнийг огт ашигладаггүй, зарим нь эсрэгээрээ ичимхий биш, маш чадварлаг хийдэг. Ганц өнгөөр ​​дүүргэсэн том талбайд (дээрх Metal Slug дэлгэцийн агшин дахь тэнгэрийг хараарай) эсвэл барзгар, тэгш бус харагдах ёстой газруудад (шороо гэх мэт) хамгийн сайн харагддаг гэж би бодож байна. Үүнийг хэрхэн ашиглахаа өөрөө шийдээрэй.

Хэрэв та том хэмжээтэй, өндөр чанартай дитеринг хийх жишээг үзэхийг хүсвэл 80-аад оны Британийн студи болох The Bitmap Brothers-ийн тоглоомууд эсвэл PC-98 компьютер дээрх тоглоомуудыг үзээрэй. Тэд бүгд NSFW гэдгийг санаарай.

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар
Какюсей (PC-98). Элф, 1996
Энэ зураг дээр ердөө 16 өнгө байна!

8. Сүүлийн харц

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Пикселийн урлагийн нэг аюул нь хялбар бөгөөд энгийн мэт санагддаг (бүтэц, хэв маягийн хязгаарлалтаас шалтгаалан). Гэхдээ та спрайтуудыг сайжруулахад асар их цаг зарцуулах болно. Энэ нь шийдэх ёстой оньсого мэт - ийм учраас пикселийн урлаг нь төгс төгөлдөрчдийг татдаг. Нэг спрайт хэтэрхий их цаг авах ёсгүй гэдгийг санаарай - энэ бол маш нарийн төвөгтэй цуглуулгын жижигхэн хэсэг юм. Том дүр зургийг анзаарахгүй байх нь чухал.

Хэдийгээр таны пикселийн урлаг тоглоом тоглоход зориулагдаагүй ч заримдаа өөртөө "Энэ нь хангалттай сайн болсон!" Тэгээд цаашаа. Ур чадвараа хөгжүүлэх хамгийн сайн арга бол бүх үйл явцыг эхнээс нь дуустал аль болох олон удаа, аль болох олон сэдвийг ашиглах явдал юм.

Заримдаа спрайтыг хэсэг хугацаанд үлдээх нь ашигтай байдаг бөгөөд ингэснээр та үүнийг хэсэг хугацааны дараа шинэ нүдээр харах боломжтой болно.

32×32 пиксел

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Бид эхлээд том 96x96 пикселийн спрайт бүтээсэн, учир нь энэ хэмжээ нь зурах эсвэл зурахтай адил боловч пикселтэй. Спрайт бага байх тусам харуулах ёстой зүйлтэйгээ бага төстэй байх ба пиксел тус бүр илүү чухал байдаг.

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар

Super Mario Bros-д. Мариогийн нүд нь ердөө хоёр пиксел бөгөөд нэг нь нөгөө дээрээ байрладаг. Мөн түүний чих. Дүрийг бүтээгч Шигеру Миямото сахал нь хамрыг нүүрний бусад хэсгээс салгахад хэрэгтэй гэж хэлсэн. Тиймээс Мариогийн гол онцлогуудын нэг нь дүрийн загвар биш, харин прагматик заль мэх юм. Энэ нь "шаардлага бол шинэ бүтээлийн эх" гэсэн эртний мэргэн ухааныг баталж байна.

32x32 пикселийн спрайт үүсгэх үндсэн үе шатууд нь бидэнд аль хэдийн танил болсон: ноорог, өнгө, сүүдэр, цаашдын сайжруулалт. Гэхдээ ийм нөхцөлд анхны ноорог хэлбэрээр би жижиг хэмжээтэй тул тойм зурахын оронд өнгөт дүрсийг сонгодог. Өнгө нь дүр төрхийг тодорхойлоход тоймоос илүү чухал үүрэг гүйцэтгэдэг. Мариог дахин хар, түүнд ямар ч тойм байхгүй. Сонирхолтой нь зөвхөн сахал биш юм. Хажуу тал нь чихнийх нь хэлбэрийг тодорхойлж, ханцуй нь гараа харуулж, ерөнхий хэлбэр нь бүх биеийг нь бага багаар тодорхой харуулдаг.

Жижиг спрайт үүсгэх нь байнгын буулт юм. Хэрэв та цус харвалт нэмбэл сүүдрийн зайг алдаж болно. Хэрэв таны дүр тод харагдах гар, хөлтэй бол толгой нь тийм ч том байх ёсгүй. Хэрэв та өнгө, сонгомол зураас, эсрэг заалтыг үр дүнтэй ашиглавал дүрслэгдсэн объект бодит байдлаас том харагдах болно.

Жижигхэн спрайтуудын хувьд би чиби стильд дуртай: дүрүүд нь маш хөөрхөн харагддаг, том толгой, нүдтэй. Хязгаарлагдмал орон зайд өнгөлөг дүр бүтээх гайхалтай арга, ерөнхийдөө маш сайхан хэв маяг. Гэхдээ магадгүй та дүрийн хөдөлгөөн, хүч чадлыг харуулах хэрэгтэй, тэгвэл та биеийг илүү хүчирхэг харагдуулахын тулд толгойд бага зай тавьж болно. Энэ бүхэн таны сонголт, зорилгоос хамаарна.

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар
Бүх баг цугларсан!

Файл формат

Эхлэгчдэд зориулсан пикселийн урлаг: ашиглах заавар
Энэ үр дүн нь ямар ч пиксел зураачийг сандаргаж болно

Таны харж буй зураг бол зургийг JPG форматаар хадгалсны үр дүн юм. Файлыг шахах алгоритмаас болж зарим өгөгдөл алдагдсан. Өндөр чанартай пикселийн зураг нь муу харагдах бөгөөд анхны палитр руугаа буцаах нь тийм ч амар биш байх болно.

Чанарыг алдагдуулахгүйгээр статик зургийг хадгалахын тулд PNG форматыг ашиглана уу. Анимацын хувьд - GIF.

Пикселийн урлагийг хэрхэн зөв хуваалцах вэ

Нийгмийн сүлжээн дэх пикселийн урлагийг хуваалцах нь санал хүсэлт авах, ижил хэв маягаар ажилладаг бусад уран бүтээлчидтэй уулзах сайхан арга юм. #pixelart hashtag ашиглахаа бүү мартаарай. Харамсалтай нь, олон нийтийн сүлжээнүүд PNG-г JPG болгон хувиргах шаардлагагүй бөгөөд энэ нь таны туршлагыг улам дордуулдаг. Түүнээс гадна, таны зургийг яагаад хөрвүүлсэн нь үргэлж тодорхой байдаггүй.

Төрөл бүрийн нийгмийн сүлжээнд зориулж пикселийн зургийг шаардлагатай чанарт хэрхэн хадгалах талаар хэд хэдэн зөвлөмжүүд байдаг.

Twitter

Twitter дээр PNG файлаа өөрчлөгдөөгүй байлгахын тулд 256-аас цөөн өнгө хэрэглээрэй итгэлтэй байгаарайТаны файл хамгийн урт талдаа 900 пикселээс бага байна. Би файлын хэмжээг дор хаяж 512x512 пиксел болгож нэмэгдүүлэх болно. Ингэснээр масштаб нь 100-ын үржвэр (200%, 250% биш) бөгөөд хурц ирмэгүүд хадгалагдана (Photoshop дахь хамгийн ойрын хөрш).

Twitter нийтлэлд зориулсан хөдөлгөөнт GIF байх ёстой жин нь 15 МБ-аас ихгүй байна. Зураг нь дор хаяж 800x800 пиксел байх ёстой, давталтын хөдөлгөөнт дүрс нь гурван удаа давтагдах ёстой бөгөөд хамгийн сүүлийн хүрээ нь бусадтай харьцуулахад хагас урт байх ёстой - хамгийн алдартай онол. Гэсэн хэдий ч Твиттер зураг харуулах алгоритмаа байнга өөрчилж байдаг тул эдгээр шаардлагыг хэр зэрэг хангах шаардлагатай байгаа нь тодорхойгүй байна.

Instagram

Миний мэдэж байгаагаар Instagram-д зургийг чанараа алдалгүйгээр оруулах боломжгүй юм. Гэхдээ хамгийн багадаа 512x512 пиксел болгож томруулж чадвал илүү сайн харагдах нь дамжиггүй.

Эх сурвалж: www.habr.com

сэтгэгдэл нэмэх