Chunki pikselli yangi chizmalar. Boshqa lug'atlarda "Pixel Art" nima ekanligini ko'ring

Hammaga salom! Keyingi mehmon darsi bilan tanishing. Bu safar Rusana biz bilan o'z tajribasi bilan o'rtoqlashadi. Adobe Illustrator vektor muharriri ekanligini hamma biladi. Ammo agar siz to'satdan unda Pixel Art-ni chizmoqchi bo'lsangiz, Rusana maslahatlari foydali bo'ladi. Uning qo'llanmasidagi texnikadan foydalanib, siz vektor piksellar bilan o'zingizning xohishingiz bilan o'ynashingiz mumkin :)

Ushbu qo'llanmada biz pikselli tasvirni yaratishning juda oddiy va tezkor usulini ko'rib chiqamiz.

Shunday qilib, keling, yangi hujjat ochamiz 1000x1000 piksel. Keyinchalik, vositani tanlang To'rtburchaklar panjara vositasi.

Asbobni ikki marta bosing - variantlar bilan oyna ochiladi.

Bizni gorizontal va vertikal ajratuvchilar soni qiziqtiradi, bizning "piksellarimiz" hajmi ularga bog'liq. Keling, fosh qilaylik 100 ustida 100 va OK. Endi mahkamlangan Shift(piksellar to'rtburchaklar emas, kvadrat bo'lishi uchun) ish maydoni bo'ylab panjarani cho'zing. Men ish joyining o'lchamiga ko'ra, bizning holatlarimizda, panjara o'lchamini qilishni tavsiya etaman 1000x1000 piksel, shuning uchun agar siz keyinroq ko'proq elementlarni chizishni tugatmoqchi bo'lsangiz, navigatsiya qilish osonroq bo'ladi.

Endi vositani tanlang Jonli bo'yoq - "Tezkor bo'yash" (kk tugmasi).

Biz kerakli rangni olamiz (faqat to'ldirish, zarba yo'q) va panjara ustida chizishni boshlaymiz. Kvadratchalarni tez to'ldirish tugmasini bosing va ular bo'yaladi.

Agar siz chizma konturidan chiqib ketgan bo'lsangiz yoki bo'sh joy bo'lishi kerak bo'lgan joyni chizgan bo'lsangiz, bu joyni to'ldirmasdan va zarbasiz rang bilan chizing.

Chizish tugagach, asbobni tanlang Tanlash vositasi (V), va menyuga o'ting Ob'ekt (ob'ekt)\u003e Yoyish (demontaj qilish).

Qalqib chiquvchi plastinkada biz hech narsani o'zgartirmaymiz - bosing OK. Mana bizda nima bor.

2D spritlar deyarli barcha mobil o'yinlarda ishlatiladigan grafik ob'ektlardir. 3D o'yinlarning ko'payishiga qaramay, bunday spritlar hali ham mobil platformalar uchun ilovalarni ishlab chiquvchilar orasida juda mashhur. Ushbu elementlar tufayli siz o'yin ob'ektlarini jonlantirishingiz va o'yinchilar uchun dinamik, jozibali tasvirni yaratishingiz mumkin.

Sprite ko'nikmalari mobil o'yin ishlab chiqaruvchisi bo'lishni istagan har bir kishi uchun zarurdir. Va biz sizga ushbu grafik elementlarni qaerdan qidirishni va ular bilan qanday qilib to'g'ri ishlashni aytib beramiz. Internetda pixel art ijodkorlarining barcha ehtiyojlarini qondiradigan ko'plab bepul va pullik vositalar mavjud.

Piksel san'ati nima?

Piksel san'ati nisbiydir yangi tur tasvirni yaratish uchun piksel darajasida tahrirlashdan foydalanadigan raqamli san'at. "Pixel Art" atamasi birinchi marta 1982 yilda paydo bo'lgan, garchi o'sha paytga qadar bunday ijodkorlik tushunchasi kamida 10 yil davomida mavjud edi.

Pixel art tasvirlari yo'qotishsiz siqishni ishlatadigan fayl formatlarida saqlanadi - GIF yoki PNG. JPEG formati bu maqsadda tavsiya etilmaydi, chunki u yo'qolgan siqishni ishlatadi. Natijada tasvirlarda artefaktlar qoladi. Rasmlar sezilarli darajada buzilishi mumkin, alohida piksellarning ranglari o'zgaradi. Shu bilan birga, JPEG fayllarning o'lchamlari PNG va GIF dan kattaroqdir.

Piksel san'atini ikkita asosiy shaklga bo'lish mumkin: izometrik va izometrik bo'lmagan (tekis). Izometrik grafikalar 3D tasvirlarni yaratish imkonini beradi. Bunday holda, uch o'lchovli ishlov berish talab qilinmaydi. Tegishli misollarni ba'zi eski o'yinlarda ko'rish mumkin.

Izometrik bo'lmagan grafiklar ob'ektni faqat bir tomondan, masalan, yuqori yoki old tomondan ko'rsatadi.

Spritlar

Spritlar mobil o'yinlarni yaratishda keng qo'llaniladigan animatsion grafik ob'ektlardir. Spritlarni har qanday chizilgan, jonlantirilgan ob'ektdan yasash mumkin. Bu mobil platformalarda o'yinlar yaratish uchun eng ko'p ishlatiladigan vizual komponentlardan biridir.

Nima uchun spritlardan foydalanish kerak?

Oson sahna yaratish

Spritlar yordamida siz sahnadagi boshqa grafiklarni tahrir qilmasdan vizual elementlarni tezda qo'shishingiz va olib tashlashingiz mumkin. Masalan, siz navbatga asoslangan strategiyada xaritaga qiruvchi raqamlarni tezda qo'shishingiz mumkin. Bu murakkab o'yin sahnalari dizaynini, yangi belgilarni, o'yinchilar uchun narsalarni kiritishni soddalashtiradi.

Yaxshilangan ishlash

Spritelar bir xil tasvirni ma'lum bir vaqtda ekranda ko'rsatib, uni qayta-qayta ishlatishga imkon beradi. Bir nechta fayl o'rniga faqat bittasi yuklanadi. Bu o'yin hajmini kamaytiradi va ishlash talablarini kamaytiradi. Animatsiya uchun sprite varaq yaratiladi - animatsiya yaratish uchun kvadratma-kadr tasvirlarini o'z ichiga olgan fayl.

10 pikselli tasvir vositalari

Biz allaqachon spritlar qanday ishlashini aniqladik. Endi nazariyadan amaliyotga o'tish vaqti keldi. Ish uchun siz quyida tavsiflangan vositalardan birini ishlatishingiz mumkin. Pixel art foto muharrirlarining barchasi bepul yuklab olinadi va sizga piksellar sonini onlayn chizishda yordam beradi.

Spritlarni yaratishga qaratilgan bepul onlayn muharrir. Yaratilgan piksel tasvirini import qilish imkonini beradi. Dastur oddiy foydalanuvchilar uchun qulay interfeysga ega. Ajoyib tanlov tez sprite varag'ini yaratishni boshlashni istaganlar uchun.

pixie

Yana bir to'liq ishlaydigan onlayn muharrir. Bu PiskelApp kabi sprite varaqlari bilan ishlash uchun unchalik mos emas. Ammo muharrirdan foydalanish oson, tasavvuringizni 100% ishlatishga imkon beradi. Tasvirni oq tuvalga qo'lda chizishingiz mumkin.

Rastr muharriri. Oʻyin grafiklari, sprite varaqlari, piksellar tasvirini yaratishda ayniqsa foydali boʻlgan bir qator vositalar va effektlarni oʻz ichiga oladi. Barcha asosiy operatsion tizimlar uchun yuklab olish mumkin. Xususan, u KolibriOS-ni qo'llab-quvvatlaydi.

GIMP

GIMP bu grafik muharriri ish stoli ochiq manba kodi. bilan ishlaydi bitmaplar, vektor grafiklarini qisman qo'llab-quvvatlaydi. Fotosurat bilan manipulyatsiyani qo'llab-quvvatlaydi: fon o'zgarishi, retush, ranglar balansi va boshqalar. Bundan tashqari, piksel tasviri va sprite varaqlarini yaratish uchun ishlatiladi.

Unda yangi boshlanuvchilar uchun biroz noto'g'ri o'ylangan o'quv tizimi mavjud. Biroq, bu deyarli barcha tasvirlarni tahrirlash ehtiyojlarini qondira oladigan kuchli ko'p funktsiyali vositadir. PDF formatini qo'llab-quvvatlaydi.

PyxleOS

Java dasturlash tilida yaratilgan ochiq manba muharriri. Bu dasturni kross-platforma qilish imkonini berdi. PyxleOS-ni Java-ni qo'llab-quvvatlaydigan har qanday qurilmada ishlatishingiz mumkin. Agar siz grafika yaratish uchun vosita izlayotgan bo'lsangiz katta piksellar, bu sizga kerak bo'lgan narsa.

LunaPic - bu tasvirni tahrirlashning bir qator xususiyatlariga ega onlayn vosita. Eng biri qiziqarli xususiyatlar- har qanday tasvirni, shu jumladan fotosuratlarni piksellashtirish. Buni amalga oshirish uchun siz shunchaki rasmni yuklashingiz va Sozlash tugmasini bosishingiz kerak va keyin Pixelate-ni tanlang.

GraphicsGale

GraphicsGale - bu pullik va bepul versiyalarda mavjud bo'lgan animatsion grafik muharriri. V bepul versiya pikselli grafikalar bilan ishlash qobiliyati. Natijalar PNG fayllari sifatida saqlanadi. Asboblar to'plami to'liq huquqli sprite varag'ini yaratish uchun etarli. GraphicsGale - bu spritlarni yaratish uchun keng imkoniyatlarga ega, ishlatish uchun qulay vosita.

Pixel Art qiling

Saytga tashrif buyurganingizdan so'ng darhol pikselli tasvirni yaratishga imkon beruvchi qiziqarli interaktiv vosita. Buni boshqa xizmatlarga nisbatan biroz sodda deb hisoblash mumkin. Lekin Make Pixel Art siz uchun bo'lishi mumkin. eng yaxshi tanlov, agar siz tezda yangi o'yin belgisini chizishingiz yoki boshqa g'oyani amalga oshirishingiz kerak bo'lsa.

Rastr grafik muharriri yordamida kompyuterda yaratilgan, bu erda tasvir piksel darajasida tahrirlanadi. Eski (yoki toʻliq boʻlmagan) kompyuterlarda Game Boy oʻyinlari, eski video oʻyin konsollari uchun oʻyinlar va koʻplab mobil telefon oʻyinlari asosan pikselli tasvirdan foydalanadi.

Piksel san'atining o'ziga xos xususiyatlari

Rastr muharrirlari yordamida chizilgan har qanday chizma yoki eskiz pikselli san'at degan noto'g'ri tushunchadir. Bu to'g'ri emas, "pikselli" tasvir texnologiyada "pikselsiz" tasvirdan farq qiladi - tasvir pikselini qo'lda piksel bilan tahrirlash. Shuning uchun pikselli sanʼat kompyuter sanʼatining boshqa turlaridan quyidagi jihatlari bilan farq qiladi:

yakuniy chizmaning kichik o'lchami,
oz sonli gullar
anti-aliasing yo'qligi (odatda).

Pikselli grafiklar grafik muharrirlarning faqat eng oddiy vositalaridan foydalanadi, masalan, "qalam", "to'g'ri" yoki "to'ldirish". Shu sababli, piksel san'atining durdonalari mavjud Microsoft Paint va boshqa to'liq xususiyatli bo'lmagan muharrirlar.

Qanday bo'lmasin, pikselga asoslangan bo'lmagan vositalardan (masalan, "cho'tka") va avtomatik filtrlardan (masalan, antialiasing) foydalanish "haqiqiy" piksel san'atida qabul qilinishi mumkin emas - bunday vositalar avtomatik ravishda yangi piksellarni qo'shib, ehtiyotkorlik qoidalarini buzadi. qo'lda joylashtirish. "Yaxshi ta'm qoidasi" ranglarning minimal sonini ishlatishdir; ideal holda - video quyi tizimlarining aksariyatida, hatto eng qadimgilarida ham mavjud bo'lgan standart 16 rang: ular uchta bitni kodlaydi. R, G, B signallari va to'rtinchi bit yorqinlikni kodlaydi.

Ba'zi klassik tasviriy san'at turlari, masalan, xoch, mozaika va boncuk bilan ishlov berish pikselli san'atni eslatadi, chunki dizayn zamonaviy monitorlarning piksellariga o'xshash kichik rangli elementlardan iborat.

Afzalliklar

O'rganish uchun eng oson kompyuter san'ati uslublaridan biri (oddiy pikselli tasvirni hech qanday maxsus badiiy qobiliyatsiz chizish mumkin).
Kam sonli ranglarga ega bo'lgan palitra formatlaridan foydalanish tufayli kam xotira talab qiladi.
Rangni juda yomon ko'paytirish bilan ham, piksel naqshlari o'zining ifodaliligini yo'qotmaydi.
Cheklangan rang palitrasiga ega tizimlarda mavjud bo'lgan eng chiroyli grafik uslub.
O'tkir piksel chegaralari bo'lgan ekranlarda yaxshi ko'rinadi (masalan, LCD displeylar).

Kamchiliklar

Avtomatik masshtablashni yomon qabul qiladi (ravshanlikni o'zgartirganda, rasmni qayta chizish kerak).
Avtomatik renderlash tizimlari uchun amalda mavjud emas.

Chizish usullari

Paint-da yaratilgan pikselli san'at

Chizish odatda asosiy chiziqlardan iborat bo'lgan va rassom tasvirlamoqchi bo'lgan narsaning xarakterini belgilaydigan eskizdan boshlanadi. Uni skanerlangan chizmani kuzatish orqali olish mumkin va ular ko'pincha boshqa rassomlar tomonidan baham ko'riladi. Boshqa usullar mavjud, ulardan ba'zilari odatiy chizilgan rasmga o'xshaydi.

Cheklangan palitrasi turli xil ranglar va soyalarga erishish uchun loyqalikdan foydalanishni talab qiladi, lekin piksel san'atining tabiati tufayli bu faqat qo'lda amalga oshiriladi. Ba'zan siz hatto antialiasing "qo'lda ishlangan" ni topishingiz mumkin, shu jumladan PNG formatidagi alfa-kanal, bu sizga istalgan fonda tasvirni qoplash imkonini beradi.

Yuqoridagi usullardan foydalanishga misollar keltiramiz:

1. Blurning asosiy shakli - 2 × 2 pikselli "shaxmat" ko'rinishidagi ikkita rang. Har bir rangning zichligini o'zgartirish sizga yarim tonlarni olish imkonini beradi. 2. 2x2 pikselli tasodifiy tarqalgan kvadratchalar bilan stilize qilingan loyqalik noodatiy effektlarga erishish imkonini beradi. Kichik doiralardan ham foydalanish mumkin. 3. Qo‘lda chizilgan ditering.

Saqlash

GIF fayli (318 bayt).

PNG fayli (258 bayt).

JPEG fayli (706 bayt).

Pixel art odatda "yo'qotishsiz" formatlarda saqlanadi, ya'ni tasvirdagi har bir pikselni aniqlikni yo'qotmasdan saqlashi mumkin bo'lgan formatlar. Piksel sanʼatida alohida ranglar kam boʻlgani uchun palitra formatlari koʻpincha ishlatiladi. PNG va

Ular piksel sanʼatini, hatto siqilish minimal boʻlsa ham, piksel sanʼati elementlariga mos kelmaydigan yoʻqotilgan siqish formatida saqlamaslikka harakat qilishadi. JPEG siqish algoritmi alohida piksellarning ranglarini o'zgartirishi mumkinligi sababli piksel san'atining asl ko'rinishini jiddiy buzilishiga olib kelishi mumkin. Hajmi bo'yicha bunday chizmalarga ega JPEG fayllari GIF yoki PNG formatida saqlanganidan ham kattaroqdir. yo'qotishsiz siqish (GIF, PNG-8) sifatni yo'qotmasdan kichikroq fayl hajmini beradi.

Tasniflash

Izometrik

Yassi pikselli rasm old, yuqori yoki yon ko'rinishga ishora qiladi.

Izometrik piksel san'ati izometrikga yaqin proyeksiyada chizilgan. Misollarni 3D ishlov berishdan foydalanmasdan 3D maydonini ko'rsatadigan o'yinlarda ko'rish mumkin. Texnik jihatdan, izometrik burchaklar gorizontaldan 30 ° bo'lishi kerak, ammo pikselli tasvirda chiziqlar qirrali ko'rinadi. Ushbu ta'sirni bartaraf etish uchun piksel nisbati 1: 2 bo'lgan chiziqlar tanlanadi va burchak 26,565 ° (yoy tangensi 0,5).

Kamroq tarqalgan boshqa prognozlar- dimetrik yoki istiqbolli.

Hikoya

Muddati piksel san'ati Birinchi marta 1982 yilda Palo Alto tadqiqot markazi korporatsiyasidan Adele Goldbert va Robert Flegal tomonidan ishlatilgan. Grafikaning o'zi 10 yil oldin Richard Shoupning SuperPaint dasturida, Xerox PARC va boshqalarda ishlatilgan.

Piksel grafikasi 1980-yillarda cheklangan palitrali kompyuterlar va pristavkalarda keng qo'llanilgan. O'zgaruvchan 256 rangli palitralarning paydo bo'lishi o'yinlarda piksel san'atining hukmronligiga chek qo'ydi; umumiy tarqalish bilan

7-qism: Teksturalar va xiralik
8-qism: Plitkalar dunyosi

Muqaddima

Piksel san'atining ko'plab ta'riflari mavjud, ammo biz bu erda foydalanamiz: agar u butunlay qo'lda ishlangan bo'lsa, pikselli tasvir tasviri va chizilgan har bir pikselning rangi va joylashuvi ustidan nazorat mavjud. Shubhasiz, piksel san'atida cho'tkalar yoki xiralashtirish vositalari yoki degradatsiya mashinalari (buzilgan mashinalar, ishonchim komil emas) va "zamonaviy" bo'lgan boshqa dasturiy ta'minot variantlari biz tomonidan qo'llanilmaydi (aslida bizning ixtiyorimizda "bizning ixtiyorimizda" degan ma'noni anglatadi. yo'q qilish" , lekin mantiqan bu kabi to'g'riroq ko'rinadi). Bu "qalam" va "to'ldirish" kabi vositalar bilan cheklangan.

Biroq, siz pikselli san'at yoki piksel bo'lmagan grafikalarni ko'proq yoki kamroq chiroyli deb ayta olmaysiz. Piksel san'ati boshqacha va retro o'yinlar uchun (masalan, Super Nintendo yoki Game Boy) uchun mosroq ekanligini aytish adolatli. Gibrid uslub yaratish uchun siz bu yerda oʻrganilgan texnikalarni piksel boʻlmagan badiiy effektlar bilan ham birlashtira olasiz.

Shunday qilib, bu erda siz piksel san'atining texnik qismini o'rganasiz. Biroq, men sizni hech qachon rassom qilmayman... oddiy sababga ko'ra, men ham rassom emasman. Men sizga inson anatomiyasini yoki san'atning tuzilishini o'rgatmayman va istiqbol haqida ko'p gapirmayman. Ushbu qo'llanmada siz piksel san'ati texnikasi haqida ko'p ma'lumotlarni topishingiz mumkin. Oxir-oqibat, e'tibor bersangiz, muntazam ravishda mashq qilsangiz va ushbu maslahatlarni qo'llasangiz, o'yinlaringiz uchun belgilar va manzara yaratishingiz kerak bo'ladi.

- Shuni ham ta'kidlashni istardimki, ushbu qo'llanmada foydalanilgan tasvirlarning faqat ba'zilari kattalashtirilgan. Kattalashtirilmagan tasvirlar uchun, ularni batafsil o'rganishingiz uchun ushbu rasmlarni nusxalashga vaqt ajratsangiz yaxshi bo'ladi. Piksel san'ati piksellarning mohiyatidir, ularni uzoqdan o'rganish foydasizdir.

Oxir-oqibat, ushbu qo'llanmani yaratishda menga qo'shilgan barcha rassomlarga minnatdorchilik bildirishim kerak: Shin, iflos ishi va chiziqli san'ati uchun, Ksenohidrogen, rang dahosi uchun, Lunn, istiqbol haqidagi bilimi uchun va Panda, qattiq Ahruon, Dayo va Kryon ushbu sahifalarni tasvirlashga qo'shgan saxiy hissalari uchun.

Shunday ekan, keling, mavzuga qaytaylik.

1-qism: To'g'ri vositalar

Yomon xabar: siz bu qismda bitta piksel ham chizolmaysiz! (Va bu uni o'tkazib yuborishga asos emas, shunday emasmi?) Agar men chiday olmayman degan naql bo'lsa, bu "yomon asboblar yo'q, faqat yomon ishchilar". Aslida, men haqiqatdan boshqa hech narsa bo'lishi mumkin emas deb o'yladim ("sizni o'ldirmaydigan narsa sizni kuchliroq qiladi" dan tashqari) va piksel san'ati, juda yaxshi dalil. Ushbu qo'llanma sizni turli xil narsalar bilan tanishtirishga qaratilgan dasturiy ta'minot piksel san'atini yaratish va to'g'ri dasturni tanlashda yordam berish uchun ishlatiladi.

1. Ba'zi eski narsalar

Piksel san'atini yaratish uchun dasturiy ta'minotni tanlashda odamlar ko'pincha shunday deb o'ylashadi: "Dasturiy ta'minotni tanlashmi? Bu jinnilik! Piksel sanʼatini yaratish uchun bizga kerak boʻlgan yagona narsa – boʻyoq!(Aftidan, soʻz ustida oʻynash, chizish va dastur)” Fojiali xato: Men yomon asboblar haqida gapirdim, bu birinchisi. Paintning bitta afzalligi bor (va faqat bitta): agar siz Windows bilan ishlayotgan bo'lsangiz, sizda allaqachon mavjud. Boshqa tomondan, uning kamchiliklari juda ko'p. Bu (to'liq bo'lmagan) ro'yxat:

* Bir vaqtning o'zida bir nechta faylni ocholmaysiz
* Palitrani boshqarish yo'q.
* Qatlamlar yoki shaffoflik yo'q
* To'rtburchak bo'lmagan tanlovlar yo'q
* Bir nechta tezkor tugmalar
* Juda noqulay

Qisqasi, Paint haqida unutishingiz mumkin. Endi biz haqiqiy dasturiy ta'minotni ko'ramiz.

2. Oxirida...

Keyin odamlar shunday deb o'ylashadi: "Yaxshi, Paint men uchun juda cheklangan, shuning uchun men minglab imkoniyatlarga ega do'stim Photoshop (yoki Gimp yoki PaintShopPro, xuddi shu narsa) dan foydalanaman". Bu yaxshi yoki yomon bo'lishi mumkin: agar siz ushbu dasturlardan birini allaqachon bilsangiz, piksel tasvirini qilishingiz mumkin (avtomatik anti-aliasing uchun barcha variantlarni o'chirib qo'ying va ko'plab rivojlangan xususiyatlarni o'chirib qo'ying). Agar siz ushbu dasturlarni hali bilmagan bo'lsangiz, ularni o'rganishga ko'p vaqt sarflaysiz, garchi ularning barcha funksiyalari sizga kerak bo'lmasa ham, bu vaqtni behuda sarflashga olib keladi. Muxtasar qilib aytganda, agar siz ulardan uzoq vaqtdan beri foydalanayotgan bo'lsangiz, siz pikselli san'at yaratishingiz mumkin (men o'zim Photoshop-dan odat bo'lmagan holda foydalanaman), lekin aks holda, pikselli san'atga ixtisoslashgan dasturlardan foydalanganingiz ma'qul. Ha, ular mavjud.

3. Krem

Pikselli san'at dasturlari o'ylagandan ko'ra ko'proq, ammo bu erda biz faqat eng yaxshilarini ko'rib chiqamiz. Ularning barchasi juda o'xshash xususiyatlarga ega (palitrani boshqarish, takrorlanuvchi plitkalarni oldindan ko'rish, shaffoflik, qatlamlar va boshqalar). Ularning qulayligi va narxidagi farqlari.

Charamaker 1999- yaxshi dastur, lekin tarqatish to'xtatilganga o'xshaydi.

Graphics Gale ancha qiziqarli va foydalanish uchun qulayroq va uning narxi 20 dollar atrofida, bu unchalik yomon emas. Shuni qo'shimcha qilamanki, sinov versiyasi vaqt bilan cheklanmagan va etarlicha yaxshi grafikalar yaratish uchun etarli to'plam bilan birga keladi. Faqat .gif bilan ishlamaydi, bu unchalik muammo emas, chunki baribir .png yaxshiroq.

Piksel san'atkorlari tomonidan eng ko'p ishlatiladigan dastur ProMotion bo'lib, u Graphics Gale'dan (aniq) qulayroq va tezroq. Ha, u qimmatli! sotib olishingiz mumkin to'liq versiya kam miqdorda… 50 evro (78 dollar).
Mac do'stlarimizni unutmaylik! Pixen - bu Macintosh uchun yaxshi dastur va u bepul. Afsuski, men sizga ko'proq ma'lumot bera olmayman, chunki menda Mac yo'q. Tarjimonning eslatmasi (frantsuzcha): Linux foydalanuvchilari (va boshqalar) va GrafX2 ni sinab ko'rishlari kerak. Men sizni ularning barchasini demo versiyalarida sinab ko'rishingizni va qaysi biri sizga mos kelishini ko'rishingizni so'rayman. Oxir-oqibat, bu ta'mga bog'liq. Shuni yodda tutingki, dasturdan foydalanishni boshlaganingizdan so'ng, boshqa narsaga o'tish juda qiyin bo'lishi mumkin.

Davomi bor…

Fransuz tilidan ingliz tiliga tarjimonning eslatmalari

Bu LesForges.org'dan Fil Razorbek tomonidan yozilgan piksel san'ati bo'yicha ajoyib qo'llanma. Phil Razorbackga OpenGameArt.org ga ushbu qoʻllanmalarni tarjima qilish va shu yerda joylashtirishga ruxsat bergani uchun katta rahmat. (Rus tiliga tarjimondan: men ruxsat so‘ramadim, kimning xohishi bo‘lsa, yordam bera olasiz, menda frantsuz tili u yoqda tursin, ingliz tilida muloqot qilishda yetarlicha tajribam yo‘q).

Ingliz tilidan rus tiliga tarjimonning eslatmasi

Men dasturchiman, rassom yoki tarjimon emas, men san'atkor do'stlarim uchun tarjima qilaman, lekin nima yaxshilik yo'qolsa, shu erda bo'lsin.
Bu yerda www.lesforges.org gamedev frantsuz tilidagi asl. Teglar qo'shing Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

piksel san'ati(defissiz yoziladi) yoki piksel san'ati- piksel darajasida tasvirlarni yaratishdan iborat bo'lgan raqamli san'at yo'nalishi (ya'ni, tasvirdan iborat bo'lgan minimal mantiqiy birlik). Rastrli tasvirlarning hammasi ham piksellardan iborat bo'lishiga qaramay, piksel san'ati emas. Nega? Chunki pixel art tushunchasi natijani emas, balki illyustratsiya yaratish jarayonini ham o'z ichiga oladi. Piksel-piksel, va bu. Agar siz raqamli fotosuratga tushsangiz, uni sezilarli darajada kamaytiring (piksellar ko'rinadigan bo'lishi uchun) va uni noldan chizganingizni da'vo qiling - bu haqiqiy soxtalik bo'ladi. Garchi mashaqqatli mehnatingiz uchun sizni maqtaydigan sodda odamlar bo'lsa ham.

Endi bu texnika qachon paydo bo'lganligi aniq noma'lum, ildizlar 1970-yillarning boshlarida bir joyda yo'qolgan. Biroq, kichik elementlardan tasvirlar yaratish texnikasi san'atning ancha qadimiy turlariga borib taqaladi, masalan, mozaika, xoch tikish, gilam to'qish va boncuk tikish. Piksel san'atining ta'rifi sifatida "piksel san'ati" iborasi birinchi marta ACM Communications jurnalidagi (1982 yil dekabr) Adele Goldberg va Robert Flegalning maqolasida ishlatilgan.

Pixel art eng keng tarqalgan dasturni oldi Kompyuter o'yinlari, bu ajablanarli emas - bu sizga resurslarga oddiy bo'lmagan va ayni paytda juda chiroyli ko'rinishga ega bo'lgan tasvirlarni yaratishga imkon berdi (shu bilan birga, ular rassomdan ko'p vaqt oladi va ma'lum mahorat talab qiladi va shuning uchun yaxshi maoshni nazarda tutadi. ). Rivojlanishning eng yuqori nuqtasi bo'lgan gullash davri rasmiy ravishda 2 va 3-avlod konsollarida (1990-yillarning boshlari) video o'yinlar deb ataladi. Texnologiyadagi keyingi taraqqiyot, birinchi navbatda 8-bitli rangning paydo bo'lishi, keyin esa True Color, uch o'lchovli grafikaning rivojlanishi - bularning barchasi oxir-oqibat pikselli san'atni fonga va uchinchi rejalarga olib keldi va keyin butunlay pikselli san'at ko'rinishini boshladi. nihoyasiga yetgan edi.

G'alati, ammo 90-yillarning o'rtalarida pikselli grafikani so'nggi o'rinlarga ko'targan va keyinchalik uni o'yinga qaytargan janob Ilmiy va texnologik taraqqiyot edi - bu shakldagi mobil qurilmalarni dunyoga ochib berdi. mobil telefonlar va PDA. Axir, yangi qurilma qanchalik foydali bo'lmasin, biz hammamiz bilamizki, agar siz hech bo'lmaganda solitaire o'ynay olmasangiz, bu befoyda. Xo'sh, past piksellar soniga ega ekran bo'lgan joyda piksel san'ati mavjud. Ular aytganidek, yana xush kelibsiz.

Albatta, turli xil retrograd fikrlaydigan elementlar o'z rolini o'ynadi: "Oh, ular hozir buni qilmaydilar" deb, eski yaxshi bolalik o'yinlari haqida nostalji qilishni yaxshi ko'radigan pikselli grafikalarni qaytarishda; piksel san'atining go'zalligini qadrlay oladigan estetikalar va zamonaviy grafik go'zalliklarni idrok etmaydigan (va ba'zan, kamdan-kam hollarda, ularni o'z loyihalarida qanday amalga oshirishni bilmaydigan) indie ishlab chiquvchilari, shuning uchun ular piksel san'atini haykaltaroshlik qilishadi. . Ammo keling, hali ham sof tijorat loyihalarini - arizalarni chegirmaylik mobil qurilmalar, reklama va veb-dizayn. Shunday qilib, endi pikselli san'at, ular aytganidek, tor doiralarda keng tarqalgan va "hamma uchun emas" o'ziga xos san'at maqomiga ega bo'ldi. Va bu oddiy oddiy odam uchun juda qulay bo'lishiga qaramay, bu texnikada ishlash uchun qo'lda kompyuter va oddiy grafik muharrir bo'lishi kifoya! (Aytgancha, chizish qobiliyati ham zarar qilmaydi) Yetarli so'zlar, nuqtaga o'ting!

2. Asboblar.

Pixel art yaratish uchun nima kerak? Yuqorida aytganimdek, piksel darajasida ishlashga qodir kompyuter va har qanday grafik muharrir yetarli. Siz istalgan joyda, hatto Game Boy-da, hatto Nintendo DS-da, hatto Microsoft Paint-da ham chizishingiz mumkin (boshqa narsa shundaki, ikkinchisida chizish juda noqulay). Rastr muharrirlari juda ko'p, ularning aksariyati bepul va etarlicha funktsionaldir, shuning uchun har bir kishi dasturiy ta'minotni mustaqil ravishda tanlashi mumkin.

Men chizaman Adobe Photoshop, chunki bu qulay va chunki uzoq vaqt davomida. Men yolg'on gapirmayman va soxta tishlarimni g'o'ldiradigan holda aytmayman: "Esimda, Photoshop hali juda kichik edi, u Makintoshda edi va 1.0 raqami bilan edi" Bunday narsa yo'q edi. Lekin men Photoshop 4.0 ni eslayman (va Macda ham). Va shuning uchun men uchun tanlov masalasi hech qachon turmagan. Va shuning uchun, yo'q, yo'q, lekin men Photoshop bo'yicha tavsiyalar beraman, ayniqsa uning imkoniyatlari ijodkorlikni sezilarli darajada soddalashtirishga yordam beradi.

Shunday qilib, sizga bitta kvadrat pikselda asbob yordamida chizish imkonini beradigan har qanday grafik muharriri kerak (piksellar kvadrat bo'lmagan, masalan, yumaloq bo'lishi mumkin, lekin ular ichida bu daqiqa qiziqmadim). Agar muharriringiz har qanday ranglar to'plamini qo'llab-quvvatlasa, ajoyib. Agar u sizga fayllarni saqlashga imkon bersa - juda yaxshi. Qatlamlar bilan qanday ishlashni bilish yaxshi bo'lardi, chunki juda murakkab rasm ustida ishlaganda uning elementlarini turli qatlamlarga ajratish qulayroqdir, lekin umuman olganda, bu odat va qulaylik masalasidir.

Boshlaylikmi? Ehtimol, siz pikselli san'atni qanday chizishni o'rgatadigan ba'zi maxfiy fokuslar, tavsiyalar ro'yxatini kutyapsizmi? Va haqiqat shundaki, u juda ko'p emas. Piksel san'atini qanday chizishni o'rganishning yagona yo'li - o'zingizni chizish, sinab ko'ring, sinab ko'ring, qo'rqmang va tajriba qiling. Boshqa odamlarning ishini nusxalashdan o'zingizni erkin his qiling, g'ayrioddiy ko'rinishdan qo'rqmang (shunchaki birovning ishini o'zingizniki deb o'tkazib yubormang, hehe). Ustalarning ishini (mening emas) diqqat bilan va o'ylab tahlil qiling va chizish, chizish, chizish. Maqolaning oxirida sizni bir nechta foydali havolalar kutmoqda.

3. Umumiy tamoyillar.

Biroq, bilishga arziydigan bir nechta umumiy tamoyillar mavjud. Ularning soni haqiqatan ham oz, men ularni qonunlar emas, balki "tamoyillar" deb atayman, chunki ular tabiatan maslahat beruvchidir. Axir, agar siz barcha qoidalarni chetlab o'tib, mohir pikselli san'atni chizishga muvaffaq bo'lsangiz - ularga kim g'amxo'rlik qiladi?

Eng asosiy printsipni quyidagicha shakllantirish mumkin: tasvirning minimal birligi pikseldir va iloji bo'lsa, kompozitsiyaning barcha elementlari unga mutanosib bo'lishi kerak. Men hal qilaman: siz chizgan hamma narsa piksellardan iborat va piksel hamma narsada o'qilishi kerak. Bu rasmda umuman elementlar bo'lishi mumkin emas degani emas, masalan, 2x2 piksel yoki 3x3. Lekin baribir tasvirni alohida piksellardan yaratish afzalroqdir.

Chizma va umuman rasmning barcha satrlari bir piksel qalinlikda bo'lishi kerak (kamdan-kam istisnolardan tashqari).

Men buni noto'g'ri deb aytmayman. Ammo bu hali juda chiroyli emas. Va uni chiroyli qilish uchun yana bir qoidani eslang: bukmasdan chizish, silliq dumaloq qilish. Burmalar kabi narsa bor - tartibsiz bo'lgan qismlar, ular chiziqlarga notekis, jingalak ko'rinish beradi (piksel rassomlarining ingliz tilida so'zlashadigan muhitida ular jaggies deb ataladi):

Kinks chizishni tabiiy silliqlik va go'zallikdan mahrum qiladi. Va agar 3, 4 va 5-qismlar aniq va oson tuzatilgan bo'lsa, vaziyat boshqalar bilan murakkabroq - zanjirdagi bitta bo'lakning uzunligi u erda buzilgan bo'lsa, bu arzimas narsa bo'lib tuyuladi, ammo sezilarli arzimas narsa. Bunday joylarni ko'rish va undan qochishni o'rganish uchun ozgina mashq qilish kerak. Kink 1 chiziqdan tashqariga chiqariladi, chunki u bitta pikseldir - xanjar bo'lgan joyda esa chiziq 2 pikselli segmentlardan iborat. Undan xalos bo'lish uchun men yuqori segmentni 3px ga cho'zish va butun chiziqni 2px segmentlarida qayta chizish orqali egri chiziqning egri chiziqqa kirishini yumshatganman. 2 va 6 tanaffuslar bir-biriga o'xshash - bular allaqachon bitta piksellar bilan qurilgan maydonlarda 2 piksel uzunlikdagi bo'laklardir.

Deyarli har bir piksel san'ati qo'llanmasida mavjud bo'lgan qiyshiq chiziqlar misollarining oddiy to'plami (menda bundan mustasno emas) chizish paytida bunday tanaffuslarning oldini olishga yordam beradi:

Ko'rib turganingizdek, to'g'ri chiziq bir xil uzunlikdagi segmentlardan iborat bo'lib, chizilganida bir pikselga siljiydi - bu chiziqlilik effektiga erishishning yagona yo'li. Qurilishning eng keng tarqalgan usullari segment uzunligi 1, 2 va 4 piksel (boshqalar ham bor, ammo taqdim etilgan variantlar deyarli har qanday badiiy g'oyani amalga oshirish uchun etarli bo'lishi kerak). Ushbu uchtasidan eng mashhurini ishonch bilan 2 pikselli segment uzunligi deb atash mumkin: segmentni chizish, qalamni 1 pikselga siljitish, boshqa segmentni chizish, qalamni 1 pikselga siljitish, boshqa segmentni chizish:

Oson, to'g'rimi? Bu shunchaki odatni talab qiladi. Qiyma chiziqlarni 2 pikselli bosqichda qanday chizishni bilish izometriyaga yordam beradi, shuning uchun keyingi safar uni batafsil ko'rib chiqamiz. Umuman olganda, to'g'ri chiziqlar ajoyibdir - lekin faqat mo''jizaviy narsalarni chizish vazifasi paydo bo'lmaguncha. Bu erda bizga egri chiziqlar va juda ko'p turli xil egri chiziqlar kerak. Va biz egri chiziqlarni yaxlitlash uchun oddiy qoidani qabul qilamiz: egri elementlarning uzunligi asta-sekin kamayishi / ortishi kerak.

To'g'ri chiziqdan yaxlitlashga chiqish muammosiz amalga oshiriladi, men har bir segmentning uzunligini ko'rsatdim: 5 piksel, 3, 2, 2, 1, 1, yana 2 (allaqachon vertikal), 3, 5 va undan yuqori. Sizning holatingiz bir xil ketma-ketlikni qo'llashi shart emas, barchasi kerakli silliqlikka bog'liq. Yana bir yaxlitlash misoli:

Shunga qaramay, biz rasmni juda buzadigan burmalardan qochamiz. Agar siz o'rganilgan materialni tekshirmoqchi bo'lsangiz, menda noma'lum muallif tomonidan chizilgan Winamp uchun teri bor, bo'sh joy:

Rasmda qo'pol xatolar bor va shunchaki muvaffaqiyatsiz yaxlitlash va burmalar topilgan - rasmni allaqachon bilgan narsangiz asosida tuzatishga harakat qiling. Chiziqlar bilan men uchun hammasi shu, men biroz chizishni taklif qilaman. Va misollarning soddaligi sizni aldashiga yo'l qo'ymang, siz faqat chizish orqali chizishni o'rganishingiz mumkin - hatto bunday oddiy narsalar.

4.1. Biz jonli suv bilan shisha chizamiz.

1. Ob'ektning shakli, siz rangdan foydalana olmaysiz.

2. Qizil suyuqlik.

3. Stakan rangini ko'k rangga o'zgartiring, qabariq ichidagi soyali joylarni va suyuqlikning mo'ljallangan yuzasida engil maydonni qo'shing.

4. Pufakchaga oq nuqta qo'shing va qabariq devorlari bilan chegaradosh suyuqlik joylariga 1 piksel kengligida to'q qizil soya qo'shing. Yaxshi ko'rinadi, shunday emasmi?

5. Xuddi shunday, biz ko'k rangli suyuqlik bilan shishani chizamiz - bu erda shishaning bir xil rangi, shuningdek suyuqlik uchun uchta ko'k rang.

4.2. Biz tarvuz chizamiz.

Keling, doira va yarim doira chizamiz - bu tarvuz va kesilgan bo'lak bo'ladi.

2. Keling, tarvuzning o'zida va bo'lakda - qobiq va pulpa orasidagi chegarani belgilaymiz.

3. To'ldirish. Palitradagi ranglar, yashilning o'rtacha soyasi qobiqning rangi, o'rtacha qizil - pulpa rangi.

4. Peeldan pulpaga o'tish joyini belgilang.

5. Tarvuzdagi engil chiziqlar (nihoyat, u o'ziga o'xshaydi). Va, albatta, urug'lar! Agar siz tarakanlar bilan tarvuzni kesib o'tsangiz, ular o'zlarini yoyishadi.

6. Biz eslaymiz. Biz bo'limdagi urug'lar ustidagi yorqin nuqtalarni ko'rsatish uchun och pushti rangdan foydalanamiz va piksellarni shaxmat taxtasi shaklida qo'yib, kesilgan bo'lakdan qandaydir hajmga erishamiz (usul dithering deb ataladi, keyinroq). Tarvuz qismidagi soyali joylarni ko'rsatish uchun to'q qizil rangdan, tarvuzning o'ziga hajm berish uchun esa quyuq yashil rangdan (yana shaxmatli piksellar) foydalanamiz.

5. Dithering.

Dithering yoki aralashtirish - bu piksellarni turli rangdagi ikkita chegaradosh maydonda aniq tartiblangan (har doim ham emas) naqshda aralashtirish texnikasi. Eng oddiy, eng keng tarqalgan va samarali usul- shaxmat taxtasi naqshidagi muqobil piksellar:

Qabul qilish texnik cheklovlar tufayli (aniqrog'i, aksincha) paydo bo'ldi - cheklangan palitrali platformalarda dithering ikki xil rangdagi piksellarni aralashtirish orqali palitrada bo'lmagan uchinchisini olishga imkon berdi:

Endi, cheksiz texnik imkoniyatlar davrida, ko'pchilik tebranish zarurati o'z-o'zidan yo'qolganini aytishadi. Biroq, undan to'g'ri foydalanish sizning ishingizga eski video o'yinlarning barcha muxlislari tan oladigan o'ziga xos retro uslubini berishi mumkin. Shaxsan men ditheringdan foydalanishni yaxshi ko'raman. Men buni yaxshi bilmayman, lekin men uni yaxshi ko'raman.

Dithering uchun yana ikkita variant:

Uni ishlatish uchun dithering haqida nimalarni bilishingiz kerak. Aralashtirish zonasining minimal kengligi kamida 2 piksel bo'lishi kerak (o'sha shashka). Ko'proq mumkin. Kamroq ish qilmaslik yaxshiroqdir.

Quyida yomon dithering misoli keltirilgan. Ushbu uslub ko'pincha video o'yin spritlarida ko'rinsa-da, buni bilishingiz kerak televizor ekrani tasvirni sezilarli darajada silliqlashtirdi va bunday taroq va hatto harakatda ham ko'z bilan aniqlanmagan:

Xo'sh, etarli nazariya. Men sizga ko'proq mashq qilishni maslahat beraman.

Pixel art har qanday rastr grafik dasturida chizilishi mumkin, bu shaxsiy imtiyoz va tajriba (shuningdek, moliyaviy imkoniyatlar) masalasidir. Kimdir eng oddiy Paint-dan foydalanadi, men buni Photoshop-da qilaman - chunki, birinchidan, men unda uzoq vaqt ishlaganman, ikkinchidan, u erda men qulayroqman. Negadir men bepul Paint.NET-ni sinab ko'rishga qaror qildim, bu menga yoqmadi - xuddi Zaporojetsda avtomatik uzatmali xorijiy avtomobilni taniy oladigan mashina kabi o'tirishi dargumon. Mening ish beruvchim meni litsenziyalangan dasturiy ta'minot bilan ta'minlaydi, shuning uchun men Adobe korporatsiyasi oldida vijdonim toza ... Garchi ularning dasturlari uchun narxlar aql bovar qilmaydigan bo'lsa-da va ular buning uchun do'zaxda yonadilar.

1. Ishga tayyorgarlik.

Har qanday sozlamalar bilan yangi hujjat yarating (uning kengligi 60 piksel, balandligi 100 piksel bo'lsin). Piksel rassomining asosiy vositasi qalam ( Qalam vositasi, chaqirildi issiq kalit B). Agar asboblar panelida cho'tka yoqilgan bo'lsa (va cho'tka tasvirlangan belgi), kursorni uning ustiga olib boring, bosing va ushlab turing LMB- kichik ochiladigan menyu paydo bo'ladi, unda siz qalam tanlashingiz kerak. Qalam o'lchamini 1 pikselga o'rnating (chapdagi yuqori panelda, ochiladigan menyuda). Cho'tkasi):