Ushbu o'quv qo'llanmada siz 90-yillarning boshidagi xayoliy arkada o'yin qahramoni kabi odamning fotosuratini pikselli san'atga aylantirishni o'rganasiz.
Jeyms Mey - aka Smudgethis - bu uslubni 2011 yilda ishlab chiqqan musiqa video dubstep rok harakati uchun. Neronning birinchi hiti "Men va sen" - bu erda u ko'rsatish uchun animatsiya yaratdi eski o'yin Neronning ikki a'zosi ishtirok etgan o'yin Double Dragonga o'xshash 16-bitli grafiklarga ega bo'lgan 2D ritmli platforma edi, lekin Super Mario Bros.
Ushbu uslubni yaratish uchun belgilar hali ham blokli bo'lishi kerak, ammo eski o'yinlarga qaraganda murakkabroq. Va ko'rinishga erishish uchun cheklangan ranglar palitrasidan foydalanishingiz kerak bo'lsa-da, bu o'yinlarda hali ham 65 536 rang borligini unutmang.
Bu yerda Jeyms oddiy ranglar palitrasi va Qalam vositasi yordamida fotosuratdan qanday qilib belgi yaratishni ko'rsatadi.
Animatsiya qo'llanmasi kabi, sizga ham odamning fotosurati kerak bo'ladi. Jeyms ushbu qo'llanma uchun loyiha fayllariga kiritilgan pank suratidan foydalangan.
Tugallangach, ushbu 16-bitli After Effects animatsiya qoʻllanmasini koʻrib chiqing, u yerda Jeyms sizga bu personajni AEda qanday qabul qilishni, uni jonlantirishni va retro oʻyin effektlarini qoʻllashni koʻrsatadi.

1-qadam

Belgi uchun asos sifatida foydalanish uchun Animatsiya qo'llanmasini (16 bit).psd va 18888111.jpg (yoki siz tanlagan rasm) oching. To'liq uzunlikdagi profil fotosurati eng yaxshi ishlaydi va 16 bitli rasmingiz uchun rang palitrasi va uslublarini olishga yordam beradi.
Animatsiya qo'llanmasida alohida qatlamlarda bir nechta pozalar mavjud. Undan birini tanlang eng yaxshi yo'l sizning suratingizdagi pozaga mos keladi - ramkada oyoqlarimiz yo'qligi sababli, men 1-darajadagi standart pozaga o'tdim.

2-qadam

Rectangular Marquee Tool (M) yordamida suratingizdan boshni tanlang va nusxa oling (Cmd /Ctrl + C) va uni (Cmd /Ctrl + V) Animatsiya qo‘llanmasiga (16 bit).psd joylashtiring.
Tasvirni mutanosib ravishda moslash uchun masshtablang. PSD o'lchamlari juda kichik bo'lgani uchun tasvir bir zumda piksel chizishni boshlashini sezasiz.

3-qadam

Yangi qatlam yarating va konturni bitta pikselli qora qalam (B), unda taqdim etilgan animatsiya qo'llanmasi va asos sifatida fotosuratdan foydalanib chizing. \ P
Taqdim etilgan qo'llanma kattaroq xo'jayin figuralaridan yoki ingichka ayollardan bir qator belgilarni rivojlantirishga yordam beradi. Bu mening pikselli tasvirlarimni yaratish va jonlantirish uchun qo'pol qo'llanma.

4-qadam

Damlatish vositasi (I) dan foydalanib, fotosuratdagi teri rangining eng quyuq joyidan namuna oling va rangning kichik kvadratini yarating. To'rt rangli teri rangi palitrasini yaratish uchun buni yana uch marta bajaring.
Kontur qatlami ostida yana bir qatlam yarating va tasvirni soya qilish uchun bir pikselli cho'tka va to'rt rangli ranglar palitrasidan foydalaning (yana fotosuratni qo'llanma sifatida ishlating). \ P
San'at asaringizning barcha elementlarini yoki turli qatlamlarni saqlash yaxshidir, chunki bu ularni boshqa shakllarda qayta ishlatishni osonlashtiradi. Bu, ayniqsa, yomon odamlar uchun foydalidir, chunki 16 bitli o'yinlarning ko'pchiligi juda ko'p foydalanadi o'xshash raqamlar. Misol uchun, bir do'stim qizil ko'ylak va pichoqqa ega bo'lishi mumkin, keyingisi esa xuddi ko'k ko'ylak va quroldan tashqari.

5-qadam

Ushbu jarayonni rasmning boshqa qismlari uchun takrorlang, asl fotosuratdagi boshqa elementlarga mos keladigan matoni soya qiling. Avval rang tanlash vositalarini yaratish uchun Damlatish vositasi yordamida namuna olishni davom ettiring, chunki bu ajoyib ko'rinadigan va nisbatan cheklangan ranglarga mos keladigan izchil ranglar to'plamini ta'minlaydi. ranglar palitrasi 16 bitli o'yinlar.

6-qadam

Xarakteringizni soyalar, tatuirovkalar, sirg'alar va boshqalar bilan yaxshilash uchun ma'lumotlarni qo'shing. Bu erda tushlik qiling va o'yin muhitida xarakteringiz qanday paydo bo'lishini xohlayotganingizni o'ylab ko'ring. Ehtimol, ular boltadan foydalanishlari yoki robot qo'liga ega bo'lishlari mumkinmi?

7-qadam

Xarakteringizni jonlantirish uchun animatsiya qo'llanmasining qolgan besh qatlamidan foydalanib, oldingi amallarni takrorlang. Bu jarayonni o'zlashtirish va uzluksiz natijalarni yaratish biroz vaqt talab qilishi mumkin, ammo oldingi freymlardagi elementlarni qayta ishlatish orqali qisqa qisqartirishlar amalga oshirilishi mumkin. Misol uchun, bu olti kadrli ketma-ketlikda bosh o'zgarishsiz qoladi.

8-qadam

Animatsiya ketma-ketligini tekshirish uchun Photoshop-da Animatsiya panelini oching va shunga ishonch hosil qiling bu daqiqa animatsiyaning faqat birinchi kadri. Animatsiyani yaratish uchun siz yangi ramkalar qo'shishingiz va qatlamlarni yoqish va o'chirib qo'yishingiz mumkin, lekin eng tezkor usul panelning ochiladigan menyusidagi (yuqori o'ngda) Qatlamlardan ramka yaratish buyrug'ini ishlatishdir.
Birinchi ramka bo'sh fon, shuning uchun uni tanlang va uni o'chirish uchun panelning axlat qutisi belgisini (pastki) bosing.

Pikselli grafika (keyingi o'rinlarda oddiy piksellar san'ati deb yuritiladi) bugungi kunda, ayniqsa, indie o'yinlari orqali tobora ommalashib bormoqda. Bu tushunarli, chunki rassomlar o'yinni turli xil belgilar bilan to'ldirishlari mumkin va 3D ob'ektlarni modellashtirish va qo'lda murakkab ob'ektlarni chizish uchun yuzlab soatlarni sarflamaydilar. Agar siz piksel san'atini o'rganmoqchi bo'lsangiz, birinchi navbatda siz "sprite" deb ataladigan narsalarni qanday chizishni o'rganishingiz kerak bo'ladi. Keyin, spritlar endi sizni qo'rqitmasa, siz animatsiyaga o'tishingiz va hatto ishingizni sotishingiz mumkin!

Qadamlar

1-qism

Biz sizga kerak bo'lgan hamma narsani yig'amiz

Yaxshi grafik muharrirlarni yuklab oling. Siz, albatta, Paint-da asarlar yaratishingiz mumkin, ammo bu qiyin va unchalik qulay emas. Quyidagi kabi ishlarda ishlash ancha yaxshi bo'lardi:

• Fotoshop
• Paint.net
• Pixen

1. Grafik planshet sotib oling. Agar siz sichqoncha bilan chizishni yoqtirmasangiz, unda sizga planshet va stilus kerak bo'ladi. Aytgancha, Wacom planshetlari eng mashhurdir.

   Grafik muharriringizda "panjara" ni yoqing. Aslida, agar sizning grafik muharriringiz grid displeyini qo'llab-quvvatlamasa, boshqa dasturni izlash haqida o'ylashingiz kerak. To'r sizga har bir alohida piksel qayerda va qanday joylashishini aniq ko'rish imkonini beradi. Qoida tariqasida, tasbeh "Ko'rish" menyusi orqali yoqiladi.

   • Har bir tarmoq segmenti aslida pikselni ko'rsatishiga ishonch hosil qilish uchun ekran sozlamalarini biroz o'zgartirishingiz kerak bo'lishi mumkin. Har bir dastur buni boshqacha qiladi, shuning uchun tegishli maslahatlarni izlang.

2. Qalam va 1 pikselli cho'tka o'lchami bilan chizing. Har qanday grafik muharririda "Qalam" vositasi bo'lishi kerak. Uni tanlang va cho'tka o'lchamini 1 pikselga o'rnating. Endi siz... piksellarda chizishingiz mumkin.

   2-qism

   Asoslar ustida ishlash

   Yangi rasm yarating. Piksel san'ati uslubida chizishni o'rganayotganingiz uchun siz epik tuvallarni maqsad qilib qo'ymasligingiz kerak. Esingizda bo'lsa, o'yinda Super Mario Bros. butun ekran 256 x 224 piksel edi va Marioning o'zi 12 x 16 pikselli bo'sh joyga sig'di!

   1. Kattalashtirish. Ha, aks holda siz alohida piksellarni ko'ra olmaysiz. Ha, siz uni juda ko'paytirishingiz kerak bo'ladi. Aytaylik, 800% juda normal holat.

      To'g'ri chiziqlar chizishni o'rganing. Bu oddiy ko'rinadi, lekin agar siz to'satdan titrayotgan qo'l bilan o'rtada 2 piksel qalinlikdagi chiziq chizsangiz, farq ko'zingizga tushadi. To'g'ri chiziq vositasini faollashtirmaguningizcha to'g'ri chiziqlar torting. To'g'ri chiziqlarni qo'lda chizishni o'rganishingiz kerak!

      Egri chiziqlar chizishni o'rganing. Egri chiziqda, aytaylik, bir xil "chiziq uzilishlari" bo'lishi kerak (bu yuqoridagi rasmda aniq ko'rinadi). Aytaylik, egri chiziq chizishni boshlab, 6 pikselli to'g'ri chiziq, uning ostida uchta to'g'ri chiziq, uning ostida ikkita to'g'ri chiziq va undan pastda bir pikselli to'g'ri chiziq chizamiz. Boshqa tomondan, xuddi shu narsani torting (albatta, aks ettirilgan). Bu optimal deb hisoblangan progress. "3-1-3-1-3-1-3" naqshida chizilgan egri chiziqlar piksel san'ati standartlariga javob bermaydi.

      Xatolarni o'chirishni unutmang."Eraser" vositasi qalam bilan bir xil tarzda o'rnatilishi kerak, cho'tka o'lchami 1 pikselga teng bo'lishi kerak. Silgi qanchalik katta bo'lsa, juda ko'p narsalarni o'chirmaslik shunchalik qiyin bo'ladi, shuning uchun hamma narsa mantiqiy.

      3-qism

      Birinchi spraytni yarating

      1. Sprite qanday maqsadlarga xizmat qilishini o'ylab ko'ring. Statik bo'ladimi? Animatsiyami? Statik sprite tafsilotlar bilan to'liq to'yingan bo'lishi mumkin, ammo animatsiyaning barcha kadrlaridagi barcha tafsilotlarni qayta chizish uchun soatlab sarflamaslik uchun animatsiyani soddalashtirish yaxshiroqdir. Aytgancha, agar sizning spraytingiz boshqalar bilan ishlatilsa, unda ularning barchasi bir xil uslubda chizilgan bo'lishi kerak.

         Sprite uchun maxsus talablar mavjudligini bilib oling. Agar siz, masalan, loyiha uchun chizayotgan bo'lsangiz, rang yoki fayl hajmiga qo'yiladigan talablarni kutish o'rinli. Biroq, bu biroz keyinroq, siz ishlashni boshlaganingizda muhimroq bo'ladi yirik loyihalar turli xil spritlar bilan.

         • Ob'ektiv ravishda aytganda, bugungi kunda spritlarning o'lchami yoki palitrasiga bo'lgan talablar kamdan-kam hollarda qo'yiladi. Biroq, agar siz eski o'yin tizimlarida o'ynaladigan o'yin uchun grafik chizayotgan bo'lsangiz, barcha cheklovlarni hisobga olishingiz kerak bo'ladi.

      2. Eskiz qiling. Qog'ozdagi eskiz har qanday spraytning asosidir, xayriyatki, shu tarzda siz hamma narsa qanday ko'rinishini tushunishingiz mumkin va agar kerak bo'lsa, biror narsani oldindan tuzatishingiz mumkin. Bunga qo'shimcha ravishda, siz qog'oz eskizdan (agar sizda hali ham planshet bo'lsa) kuzatishingiz mumkin.

         • Eskiz uchun tafsilotlarni e'tiborsiz qoldirmang! Yakuniy rasmda ko'rmoqchi bo'lgan hamma narsani chizing.

      3. Eskizni grafik muharrirga o'tkazing. Siz planshetda qog'oz eskizini kuzatishingiz mumkin yoki siz hamma narsani qo'lda, piksel-piksel bilan qayta chizishingiz mumkin - bu muhim emas, tanlov sizniki..

         • Eskizni chizishda kontur rangi sifatida 100% qora rangdan foydalaning. Agar biror narsa sodir bo'lsa, uni keyinroq qo'lda o'zgartirishingiz mumkin, ammo hozircha qora rang bilan ishlash sizga osonroq bo'ladi.

      4. Eskizning konturini aniqlang. Shu nuqtai nazardan, siz, albatta, boshqacha aytishingiz mumkin - keraksiz hamma narsani o'chirib tashlang. Gap shundaki - kontur 1 piksel qalin bo'lishi kerak. Shunga ko'ra, o'lchovni oshiring va o'chiring, ortiqcha narsalarni o'chiring ... yoki etishmayotgan narsalarni qalam bilan to'ldiring.

         • Eskiz ustida ishlayotganda, tafsilotlarga chalg'itmang - ularning navbati keladi.

      4-qism

      Spriteni ranglash

      1. Ranglar nazariyasi bilan tanishing. Qaysi ranglardan foydalanishni bilish uchun palitraga qarang. U erda hamma narsa oddiy: ranglar bir-biridan qanchalik uzoq bo'lsa, ular bir-biridan qanchalik farq qiladi; Ranglar bir-biriga qanchalik yaqin bo'lsa, ular shunchalik o'xshash va ular bir-biriga yaqinroq ko'rinadi.

         • Spriteingizni chiroyli va ko'zlarga qulay qiladigan ranglarni tanlang. Ha, pastel ranglardan qochish kerak (agar butun loyihangiz shu uslubda bajarilmasa).

      2. Bir nechta ranglarni tanlang. Qanchalik ko'p ranglardan foydalansangiz, spraytingiz shunchalik "chalg'ituvchi" bo'ladi. Piksel san'ati klassikasiga qarang va u erda qancha rang ishlatilganligini hisoblashga harakat qiling.

         • Mario - faqat uchta rang (agar biz klassik versiya haqida gapiradigan bo'lsak) va hatto ular palitrada bir-biriga deyarli yaqin joylashgan.
         • Sonic - Sonic bilan chizilgan bo'lsa ham katta miqdor Marioga qaraganda tafsilotlar, u hali ham faqat 4 rangga (va soyalarga) asoslangan.
         • Ryu deyarli spritlar klassikasidir, chunki ular jangovar o'yinlarda tushuniladi, Ryu - bu katta maydonlar bo'yalgan. oddiy ranglar, shuningdek, chegaralash uchun bir oz soya. Biroq, Ryu, Sonic-ga qaraganda biroz murakkabroq - allaqachon beshta rang va soyalar mavjud.

      3. Spriteni ranglang. Spraytingizni rang berish uchun Bo'yoq bilan to'ldirish vositasidan foydalaning va hamma narsa tekis va jonsiz ko'rinishidan tashvishlanmang - bu bosqichda boshqacha bo'lishi kutilmaydi. To'ldirish vositasining ishlash printsipi oddiy - u siz bosgan rangning barcha piksellarini chegaralarga yetguncha siz tanlagan rang bilan to'ldiradi.

      5-qism

      Soya qo'shish

      O'zingizning yorug'lik manbangizga qaror qiling. Bu erda asosiy narsa: yorug'lik spraytga qaysi burchakda tushishini hal qilishingiz kerak. Bu haqda qaror qabul qilganingizdan so'ng, siz ishonchli ko'rinadigan soyalarni yaratishingiz mumkin. Ha, "yorug'lik" tom ma'noda bo'lmaydi, gap chizmaga qanday tushishini tasavvur qilishdir.

      • Eng oddiy yechim - yorug'lik manbai spritedan juda baland, uning chap yoki o'ng tomonida joylashgan deb taxmin qilishdir.

      1. Asosdan bir oz quyuqroq ranglardan foydalanib, soyalarni qo'llashni boshlang. Agar yorug'lik yuqoridan tushsa, soya qayerda bo'ladi? To'g'ri, to'g'ridan-to'g'ri yorug'lik tushmaydigan joyda. Shunga ko'ra, soya qo'shish uchun konturning tepasida yoki ostida tegishli rangdagi piksellar bilan spritega yana bir nechta qatlam qo'shing.

         • Agar siz Kontrast sozlamalarini pasaytirsangiz asosiy rang"Yorqinlik" parametrini biroz oshirib, siz soyalarni chizish uchun yaxshi rang olishingiz mumkin.
         • Gradientlardan foydalanmang. Gradientlar yomon. Gradientlar arzon, sifatsiz va professional bo'lmagan ko'rinadi. Gradientlarga o'xshash ta'sirga "noziklash" texnikasi yordamida erishiladi (pastga qarang).

      2. Qisman soya haqida unutmang. Asosiy rang va soya rangi o'rtasida rangni tanlang. Undan boshqa qatlam yaratish uchun foydalaning - lekin bu safar bu ikki rangning qatlamlari orasida. Natijada qorong'u joydan yorug'likka o'tish effekti bo'ladi.

         Yorqin nuqtalarni chizish. Spriteda eng yorug'lik tushadigan joy diqqatga sazovordir. Agar siz asosiy rangdan bir oz engilroq rangni olsangiz, ta'kidlashni chizishingiz mumkin. Asosiysi, chaqnab ketmaslik, chalg'itadi.

Piksel san'ati(defissiz yoziladi) yoki pikselli grafika- yo'nalish raqamli san'at, bu piksel darajasida tasvirlarni yaratishdan iborat (ya'ni tasvirni tashkil etuvchi eng kichik mantiqiy birlik). Hamma rastrli tasvirlar pikselli tasvir emas, garchi ularning barchasi piksellardan iborat. Nega? Chunki pixel art tushunchasi natijani emas, balki illyustratsiyani yaratish jarayonini ham o'z ichiga oladi. Piksel-piksel, va hammasi. Olsangiz raqamli fotosurat, 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'lishi mumkin.

Bu texnikaning aynan qachon paydo bo'lganligi hozircha noma'lum; 1970-yillarning boshlarida ildizlar yo'qolgan. Biroq, kichik elementlardan tasvir yaratish texnikasi san'atning ancha qadimiy turlariga borib taqaladi, masalan, mozaika, xoch, 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.

Piksel san'atining eng keng tarqalgan qo'llanilishi Kompyuter o'yinlari, bu ajablanarli emas - bu resurslar jihatidan oddiy bo'lmagan va ayni paytda chinakam chiroyli ko'rinishga ega bo'lgan tasvirlarni yaratishga imkon berdi (shu bilan birga, rassomdan ko'p vaqt talab qiladigan va ma'lum mahorat talab qiladigan va shuning uchun yaxshilikni nazarda tutgan). ish haqi). Gullash, eng yuqori nuqta Rivojlanishda rasmiy ravishda 2 va 3-avlod konsollarida (1990-yillarning boshlarida) 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 vaqt o'tishi bilan pikselli san'atni fonga va uchinchi o'ringa surdi, keyin esa oxirigacha tuyula boshladi. piksel san'ati keldi.

G'alati, lekin bu janob edi. Ilmiy-texnika taraqqiyoti, 90-yillarning o'rtalarida pikselli grafikani so'nggi o'rinlarga ko'targan va keyinchalik uni o'yinga qaytargan - mobil qurilmalarni dunyoga ko'rinishda ochib bergan. mobil telefonlar va PDA. Axir, yangi qurilgan qurilma qanchalik foydali bo'lmasin, siz va men bilamizki, agar siz hech bo'lmaganda solitaire o'ynay olmasangiz, bu befoyda. Xo'sh, past o'lchamli ekran bo'lgan joyda piksel san'ati mavjud. Ular aytganidek, yana xush kelibsiz.

Albatta, turli xil retrograd elementlar pikselli grafikani qaytarishda o'z rolini o'ynadi, yaxshi eski bolalik o'yinlari haqida nostaljik bo'lishni yaxshi ko'radi: "Eh, ular endi buni qilmaydilar"; 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 bilishmaydi) indie ishlab chiquvchilari, shuning uchun ular piksel san'atini haykaltaroshlik qilishadi. Ammo butunlay chegirma qilmaylik tijorat loyihalari- uchun arizalar mobil qurilmalar, reklama va veb-dizayn Shunday qilib, endi pikselli san'at, ular aytganidek, tor doiralarda keng tarqalgan va "hamma uchun emas" san'ati sifatida o'ziga xos maqomga ega bo'ldi. Va bu oddiy odam uchun juda qulay bo'lishiga qaramay, chunki bu texnikada ishlash uchun qo'lda kompyuter va oddiy grafik muharrir bo'lishi kifoya! (chizish qobiliyati, darvoqe, zarar qilmaydi) So'zlar etarli, keling, gapga o'taylik!

2. Asboblar.

Pixel art yaratish uchun nima kerak? Yuqorida aytganimdek, kompyuter va piksel darajasida ishlashga qodir 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 muharrirlarining xilma-xilligi juda ko'p, ularning aksariyati bepul va juda funktsionaldir, shuning uchun har kim o'zi dasturiy ta'minotni tanlashi mumkin.

Men chizaman Adobe Photoshop, chunki bu qulay va uzoq vaqtdan beri mavjud. Men yolg'on gapirmayman va protezlarimni g'o'ldiradi, "esimda, Photoshop hali juda kichik edi, u Macintoshda edi va bu sodir bo'lmadi." Lekin men Photoshop 4.0 ni eslayman (va Macda ham). Shuning uchun men uchun tanlov masalasi hech qachon bo'lmagan. 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 pikselli asbob bilan chizish imkonini beradigan har qanday grafik muharrir kerak (shuningdek, kvadrat bo'lmagan piksellar ham bor, masalan, yumaloq piksellar, lekin biz ularni hozir qiziqtirmaymiz). Agar muharriringiz har qanday ranglar to'plamini qo'llab-quvvatlasa, ajoyib. Agar u sizga fayllarni saqlashga imkon bersa, bu juda yaxshi. Qatlamlar bilan ishlash yaxshi bo'lardi, chunki etarli darajada ishlagan murakkab rasm, uning elementlarini turli qatlamlarga ajratish qulayroqdir, lekin shunga ko'ra katta va katta bu odat va qulaylik masalasidir.

Boshlaylikmi? Ehtimol, siz pikselli san'atni qanday chizishni o'rgatadigan ba'zi maxfiy texnikalar, tavsiyalar ro'yxatini kutyapsizmi? Ammo haqiqat shundaki, umuman olganda, bunday narsa yo'q. Yagona yo'l pikselli grafikani chizishni o'rganish o'zingizni chizish, harakat qilish, harakat qilish, qo'rqmaslik va tajriba qilishni anglatadi. Boshqa odamlarning ishini takrorlang, g'ayrioddiy ko'rinishdan qo'rqmang (shunchaki birovning ishini o'zingizniki deb o'ylamang, hehe). Ustalarning ishlarini (mening emas) diqqat bilan va o'ylangan holda tahlil qiling va chizish, chizish, chizish. Biroz foydali havolalar Maqolaning oxirida sizni kutaman.

3. Umumiy tamoyillar.

Va hali bir nechtasi bor umumiy tamoyillar, buni bilish zarar qilmaydi. Ularning soni haqiqatan ham oz, men ularni qonunlar emas, balki "tamoyillar" deb atayman, chunki ular ko'proq tavsiya xarakteriga ega. Oxir-oqibat, agar siz barcha qoidalarni chetlab o'tib, yorqin 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. Menga ijozat bering: siz chizgan hamma narsa piksellardan iborat va piksel hamma narsada o'qilishi kerak. Bu rasmda umuman elementlar bo'lmasligi mumkin degani emas, masalan, 2x2 piksel yoki 3x3. Lekin baribir tasvirni alohida piksellardan yaratish afzalroqdir.

Chizma chizig'i va umuman, barcha chiziqlar qalinligi bir piksel bo'lishi kerak (kamdan-kam istisnolardan tashqari).

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

Yoriqlar chizmani tabiiy silliqligi va go'zalligidan mahrum qiladi. Va agar 3, 4 va 5-qismlar aniq bo'lsa va ularni osongina tuzatish mumkin bo'lsa, qolganlari bilan vaziyat yanada murakkablashadi - u erda zanjirdagi bitta bo'lakning uzunligi buzilgan bo'lsa, bu arzimas narsa bo'lib tuyuladi, ammo arzimas narsa sezilarli. Bu joylarni ko'rish va ulardan qochishni o'rganish uchun ozgina mashq qilish kerak. Kink 1 chiziqdan tashqariga chiqariladi, chunki u bitta pikseldir - u kiritilgan hududda esa chiziq 2 pikselli segmentlardan iborat. Undan xalos bo'lish uchun men egri chiziqning egri chiziqqa kirishini yumshatib, yuqori segmentni 3 pikselgacha uzaytirdim va butun chiziqni 2 pikselli segmentga qayta chizdim. 2 va 6 tanaffuslar bir-biriga o'xshash - bular allaqachon bitta piksellar bilan qurilgan maydonlarda 2 piksel uzunlikdagi qismlar.

Deyarli har bir piksel san'ati qo'llanmasida mavjud bo'lgan eğimli to'g'ri chiziqlar misollarining oddiy to'plami (menda bundan mustasno emas) chizish paytida bunday burilishni oldini olishga yordam beradi:

Ko'rib turganingizdek, to'g'ri chiziq bir xil uzunlikdagi segmentlardan iborat bo'lib, chizilganida bir pikselga siljiydi - faqat shu tarzda chiziqlilik effektiga erishiladi. Qurilishning eng keng tarqalgan usullari 1, 2 va 4 piksel uzunlikdagi segmentlardir (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:

Qiyin emas, to'g'rimi? Sizga kerak bo'lgan narsa - bu odat. Eğimli to'g'ri chiziqlarni 2 pikselli bosqichlarda chizish qobiliyati izometriyada yordam beradi, shuning uchun keyingi safar buni batafsil ko'rib chiqamiz. Umuman olganda, to'g'ri chiziqlar juda yaxshi - lekin mo''jizaviy narsalarni chizish vazifasi paydo bo'lmaguncha. Bu erda bizga egri chiziqlar va turli xil egri chiziqlar kerak. Va egri chiziqlarni yaxlitlash uchun oddiy qoidani hisobga olamiz: 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 boshqalar. Sizning ishingiz bir xil ketma-ketlikni ishlatishi shart emas, barchasi kerakli silliqlikka bog'liq. Yaxlitlashning yana bir misoli:

Shunga qaramay, biz rasmni juda buzadigan burmalardan qochamiz. Agar siz o'rgangan materialni tekshirmoqchi bo'lsangiz, bu mening rasmim noma'lum muallif Winamp uchun teri, shablon:

Chizmada qo'pol xatolar bor va shunchaki muvaffaqiyatsiz yaxlitlashlar va burmalar mavjud - siz allaqachon bilgan narsangiz asosida rasmni tuzatishga harakat qiling. Chiziqlar bilan menda bor narsa shu, men sizga ozgina chizishingizni maslahat beraman. Va misollarning soddaligi sizni chalg'itmasligiga yo'l qo'ymang, siz faqat chizish orqali chizishni o'rganishingiz mumkin - hatto eng oddiy narsalarni ham.

4.1. Bir shisha tirik suvni torting.

1. Ob'ektning shakli, siz hozircha rangni ishlatishingiz shart emas.

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 yorug'lik qo'shing va suyuqlikning qabariq devorlari bilan chegaradosh joylariga 1 piksel kengligida to'q qizil soya qo'shing. Yaxshi ko'rinadi, a?

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

4.2. Tarvuzni chizish.

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

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

3. To'ldirish. Palitradagi ranglar, o'rtacha yashil - qobiqning rangi, o'rta qizil - pulpa rangi.

4. Qobiqdan pulpaga o'tish joyini belgilaymiz.

5. Tarvuzdagi engil chiziqlar (nihoyat u o'ziga o'xshaydi). Va, albatta, - urug'lar! Agar siz tarakan bilan tarvuzni kesib o'tsangiz, ular o'z-o'zidan sudralib ketishadi.

6. Biz buni yoddan chiqaramiz. Biz bo'limdagi urug'lar ustidagi diqqatga sazovor joylarni ko'rsatish uchun och pushti rangdan foydalanamiz va piksellarni shaxmat taxtasi shaklida qo'yish orqali biz kesilgan segmentdan ovozning biroz o'xshashligiga erishamiz (usul dithering deb ataladi, bu haqda keyinroq). ). Tarvuz qismidagi soyali joylarni ko'rsatish uchun to'q qizil rangdan foydalanamiz va tarvuzning o'ziga hajm berish uchun quyuq yashil rangdan (yana shashka naqshidagi piksellar) foydalanamiz.

5. Dithering.

Dithering yoki aralashtirish - bu aniq tartibli (har doim ham emas) turli xil rangdagi ikkita qo'shni sohada piksellarni aralashtirish usuli. Eng oddiy, eng keng tarqalgan va samarali usul– shaxmat taxtasi naqshidagi muqobil piksellar:

Texnika texnik cheklovlar tufayli (aniqrog'i) paydo bo'ldi - cheklangan palitralarga ega platformalarda dithering ikki xil rangdagi piksellarni aralashtirish orqali palitrada bo'lmagan uchinchisini olish imkonini berdi:

Endi, cheksiz texnik imkoniyatlar davrida, ko'pchilik diterga bo'lgan ehtiyoj o'z-o'zidan yo'qolganini aytishadi. Biroq, undan to'g'ri foydalanish sizning ishingizga eski video o'yinlarning barcha muxlislari uchun taniqli bo'lgan xarakterli retro uslubini berishi mumkin. Shaxsan men ditheringdan foydalanishni yaxshi ko'raman. Men buni juda yaxshi bilmayman, lekin men uni hali ham yaxshi ko'raman.

Yana ikkita chayqalish varianti:

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

Quyida muvaffaqiyatsiz dithering misoli keltirilgan. Shunga o'xshash texnikani ko'pincha video o'yinlardagi spritlarda topish mumkinligiga qaramay, televizor ekrani tasvirni sezilarli darajada silliqlashini va bunday taroq va hatto harakatda ham ko'zga ko'rinmasligini bilishingiz kerak:

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

Piksel san'ati rastr grafikasi bilan ishlash uchun har qanday dasturda chizilgan bo'lishi mumkin, bu shaxsiy imtiyoz va tajriba masalasidir (shuningdek, moliyaviy imkoniyatlar). Ba'zi odamlar eng oddiy Paint-dan foydalanadilar, men buni Photoshop-da qilaman - chunki, birinchidan, men unda uzoq vaqt ishlaganman, ikkinchidan, men u erda qulayroqman. Bir marta men bepul Paint.NET-ni sinab ko'rishga qaror qildim, bu menga yoqmadi - bu xuddi mashina kabi; Mening ish beruvchim meni litsenziyalangan dasturiy ta'minot bilan ta'minlaydi, shuning uchun Adobe korporatsiyasi oldida mening vijdonim toza ... Garchi ular o'z dasturlari uchun tasavvur qilib bo'lmaydigan narxlarni talab qilsalar ham, buning uchun ular do'zaxda yonadilar.

1. Ishga tayyorgarlik.

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

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yana bir nechta foydali kombinatsiyalar. " Ctrl+" va " Ctrl-" kattalashtirish va kichraytirish. Bosishni bilish ham foydalidir Ctrl va "(baliq suyagi tirnoqlari yoki ruscha kalit" E") katakchani yoqadi va o'chiradi, bu piksellar rasmini chizishda katta yordam beradi. To'r oralig'i ham sizga mos ravishda sozlanishi kerak, chunki u 1 piksel bo'lsa, men hujayra kengligi 2 pikselga o'rganib qolganman. bosing Ctrl+K(yoki o'ting Tahrirlash->Afzalliklar), nuqtaga o'ting Qo'llanmalar, panjara va bo'laklar va o'rnating Gridline har 1 piksel(takror aytaman, 2 men uchun qulayroq).

2. Chizish.

Nihoyat biz chizishni boshlaymiz. Nima uchun yangi qatlam yaratish ( Ctrl+Shift+N), qora qalam rangiga o'ting (bosing D standart ranglarni o'rnatadi, qora va oq) va qahramonning boshini chizing, mening holimda bu nosimmetrik ellips:

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Uning pastki va yuqori asoslari uzunligi 10 piksel, keyin 4 pikselli segmentlar mavjud, uch, uch, bir, bir va vertikal chiziq 4 piksel balandlikda. Photoshop-da to'g'ri chiziqlar chizish uchun qulay Shift, piksel sanʼatida tasvir miqyosi minimal boʻlsa-da, bu texnika baʼzan koʻp vaqtni tejaydi. Agar siz xatoga yo'l qo'ygan bo'lsangiz va juda ko'p chizgan bo'lsangiz, xato qildingiz - xafa bo'lmang, o'chirish vositasiga o'ting ( Eraser ham l yoki "" tugmasi E") va keraksiz narsalarni o'chirib tashlang. Ha, oʻchirgichni qalam oʻlchamini ham 1 pikselga oʻrnatganingizga ishonch hosil qiling, shunda u piksel-piksel va qalam rejimini oʻchiradi ( Rejim: qalam), aks holda u noto'g'ri narsani yuvadi. Qayta qalamga o'tish, sizga eslatib o'taman, orqali " B»

Umuman olganda, bu ellips piksel san'ati qoidalariga qat'iy muvofiq chizilmagan, ammo badiiy kontseptsiya buni talab qiladi. Bu kelajakdagi bosh bo'lgani uchun uning ko'zlari, burni, og'zi bo'ladi - oxir-oqibat tomoshabinning e'tiborini tortadigan va bosh nima uchun bunday tartibsiz shaklga ega ekanligini so'rash istagini yo'qotadigan etarlicha tafsilotlar.

Biz chizishni davom ettiramiz, burun, mo'ylov va og'iz qo'shamiz:

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Endi ko'zlar:

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

E'tibor bering, bunday kichik o'lchamda ko'zlar yumaloq bo'lishi shart emas - mening holatimda ular yon uzunligi 5 piksel bo'lgan, burchak nuqtalari chizilmagan kvadratlardir. Dastlabki o'lchovga qaytganda, ular juda yumaloq ko'rinadi, shuningdek, sharsimonlik taassurotini soyalar yordamida yaxshilash mumkin (bu haqda keyinroq, darsning 3-bo'limiga qarang). Hozircha men bir joyda bir nechta pikselni o'chirib, boshqa joyga qo'shish orqali boshning shaklini biroz o'zgartiraman:

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Biz qoshlarni (ular havoda osilgani ma'qul - bu mening uslubim) va og'iz burchaklariga yuz burmalarini chizamiz, bu tabassumni yanada ravshanroq qiladi:

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Burchaklar hali unchalik yaxshi ko'rinmaydi; piksel san'ati qoidalaridan biri zarba va elementlarning har bir pikseli ikkitadan ko'p bo'lmagan qo'shni piksellar bilan aloqa qilishi mumkinligini ta'kidlaydi. Ammo agar siz 80-yillarning oxiri va 90-yillarning boshidagi o'yinlardagi spritlarni diqqat bilan o'rgansangiz, bu xatoni u erda tez-tez uchratish mumkin. Xulosa - agar qila olmasangiz, lekin chindan ham xohlasangiz, qila olasiz. Ushbu tafsilotni soyalar yordamida to'ldirishda keyinroq o'ynash mumkin, shuning uchun hozircha chizishni davom ettiramiz. Torso:

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Hozircha to‘pig‘iga e’tibor bermang, noqulay ko‘rinadi, to‘ldirishni boshlagach, tuzatamiz. Kichkina tuzatish: kamar va burmalar qo'shing, shuningdek, tizza bo'g'imlarini ta'kidlang (oyoq chizig'idan chiqadigan kichik 2 pikselli bo'laklar yordamida):

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

3. To'ldirish.

Belgining har bir elementi uchun bizda hozircha etarli bo'ladi uchta rang- asosiy to'ldirish rangi, soya va chiziq rangi. Umuman olganda, siz boshlang'ich bosqichda piksel san'atida ranglar nazariyasi bo'yicha ko'p maslahat bera olasiz, ustalarning ishlariga ayg'oqchilik qilishdan va ranglarni qanday tanlashlarini tahlil qilishdan tortinmang. Har bir elementning zarbasi, albatta, qora rangda qoldirilishi mumkin, ammo bu holda elementlar, albatta, birlashadi, men elementning asosiy rangiga o'xshash, ammo to'yinganligi past bo'lgan mustaqil ranglardan foydalanishni afzal ko'raman; Eng qulay usul - bu sizning xarakteringizga yaqin joyda kichik palitrani chizish va keyin tomchilar vositasi yordamida undan ranglarni olish ( Damlatish vositasi, I):

Tanlash orqali istalgan rang, “paqir” vositasini faollashtiring ( Bo'yoq paqiri, G). Shuningdek, sozlamalarda Anti-alias funksiyasini o'chirib qo'yganingizga ishonch hosil qiling, biz chizilgan konturlar ichida aniq ishlashi va ulardan tashqariga chiqmaslik uchun to'ldirishga muhtojmiz;

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Biz xarakterimizni to'ldiramiz, agar to'ldira olmasak, qalam bilan qo'l bilan chizamiz.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

To'piqlarga e'tibor bering - bu joylarning qalinligi atigi 2 piksel bo'lganligi sababli, men har ikki tomonning zarbasidan voz kechishga majbur bo'ldim va uni faqat mo'ljallangan soya tomoniga chizib, bir piksel qalinlikdagi asosiy rang chizig'ini qoldirdim. Shuni ham yodda tutingki, men qoshlarni qora qoldirdim, garchi bu muhim emas.

Photoshop-da rang tanlashda qulay funksiya mavjud ( Tanlang->Rang diapazoni, ko'z tomchisini kerakli rangga solib, biz o'xshash rangdagi barcha joylarni tanlaymiz va ularni bir zumda to'ldirish imkoniyatiga ega bo'lamiz, ammo buning uchun sizga xarakteringizning elementlari turli qatlamlarda bo'lishi kerak, shuning uchun biz hozircha ushbu funktsiyani ilg'or Photoshop foydalanuvchilari uchun foydali deb hisoblang):

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

4. Soya va dithering.

Endi soya ranglarini tanlang va qalamga o'ting ( B) soyali joylarni ehtiyotkorlik bilan joylashtiring. Mening holatimda yorug'lik manbai chapda va yuqorida, belgining oldida joylashgan - shuning uchun biz o'ng tomonlarni soya bilan pastki tomonga qaratib ko'rsatamiz. Yuz soyaga eng boy bo'ladi, chunki ular juda ko'p kichik elementlar, ular bir tomondan soya yordamida relyefda ajralib turadi, boshqa tomondan esa o'zlari soya qiladilar (ko'zlar, burunlar, yuz burmalari):

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Soya juda kuchli vizual vositadir, yaxshi ishlab chiqilgan soya foydali ta'sir ko'rsatadi ko'rinish belgi - va uning tomoshabinda qoladigan taassurotlari. Piksel san'atida noto'g'ri joyga qo'yilgan bitta piksel butun ishni yo'q qilishi mumkin, shu bilan birga, bunday kichik tuzatishlar tasvirni yanada chiroyli qilishi mumkin.

kelsak tebranish Va bunday miniatyura o'lchamlari bilan tasvirda, menimcha, u mutlaqo ortiqcha. Usulning o'zi ikkita qo'shni rangni "aralashtirish" dan iborat bo'lib, bu piksellarni chayqash orqali erishiladi. Biroq, texnika haqida tasavvurga ega bo'lish uchun, men hali ham kichik aralashtirish joylarini, shimlarda, ko'ylakda va biroz yuzda kiritaman:

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Yangi boshlanuvchilar uchun piksel san'ati. | Kirish.

Umuman olganda, siz ko'rib turganingizdek, ayniqsa murakkab narsa yo'q. Piksel san'ati Uni juda jozibali qiladigan narsa shundaki, ba'zi naqshlarni o'zlashtirgan har bir kishi o'zini yaxshi chizishi mumkin - shunchaki ustalarning ishlarini diqqat bilan o'rganib. Ha bo'lsa-da, chizish va rang nazariyasi asoslari bo'yicha ba'zi bilimlar hali ham zarar qilmaydi. Olg'a!

Bugun ertalab Internetni ko'rib turib, men bu haqda post yozmoqchi edim Piksel san'ati, materialni qidirib, men ushbu ikkita maqolani topdim.

Adobe Photoshop: Qahramonni chizish va jonlantirish Piksel texnologiyasi Art

Ushbu darsda siz Pixel Art texnikasidan foydalangan holda qahramonlarni qanday chizish va jonlantirishni o'rganasiz. Buning uchun sizga faqat Adobe Photoshop kerak bo'ladi. Natijada yugurayotgan astronavt bilan GIF bo'ladi.

Dastur: Adobe Photoshop Qiyinchilik: boshlanuvchilar, o'rta daraja Kerakli vaqt: 30 daqiqa – soat

I. Hujjat va asboblarni sozlash

1-qadam

Asboblar panelidan Qalamni tanlang - bu bizning darsimiz uchun asosiy vosita bo'ladi. Sozlamalarda Hard Round cho'tka turini tanlang va rasmdagi kabi qolgan qiymatlarni o'rnating. Bizning maqsadimiz qalam uchini iloji boricha o'tkir qilishdir.

2-qadam

Eraser Tool (oʻchirgich) sozlamalarida Qalam rejimini tanlang va rasmda koʻrsatilganidek, qolgan qiymatlarni oʻrnating.

3-qadam

Pixel Grid-ni yoqing (Ko'rish > Ko'rsatish > Pixel Grid). Agar menyuda bunday element bo'lmasa, u holda sozlamalarga o'ting va grafik tezlashtirishni yoqing Preferences > Performance > Graphic acceleration.

Iltimos, diqqat qiling: panjara faqat 600% yoki undan ko'proq kattalashtirilganda yangi yaratilgan tuvalda ko'rinadi.

4-qadam

Preferences > General (Control-K) da tasvirni interpolyatsiya qilish rejimini eng yaqin qo'shni rejimiga o'zgartiring. Bu ob'ektlarning chegaralarini iloji boricha aniq saqlashga imkon beradi.

Birliklar va o'lchagichlar sozlamalarida o'lchagich birliklarini piksellar uchun Sozlamalar > Birliklar va o'lchagichlar > Piksellarga o'rnating.

II. Qahramon yaratish

1-qadam

Va endi hamma narsa o'rnatildi, biz to'g'ridan-to'g'ri xarakterni chizishga o'tishimiz mumkin.

Xarakteringizni aniq kontur bilan chizib oling, uni ortiqcha yuklamaslik uchun ehtiyot bo'ling. kichik detallar. Ushbu bosqichda rang umuman muhim emas, asosiysi, kontur aniq chizilgan va siz xarakter qanday ko'rinishini tushunasiz. Ushbu eskiz ushbu dars uchun maxsus tayyorlangan.

2-qadam

Control+T klaviatura yorlig'i yoki Tahrirlash > Erkin o'zgartirish tugmalaridan foydalanib eskiz masshtabini balandlikda 60 pikselgacha kamaytiring.

Ob'ektning o'lchami ma'lumot panelida ko'rsatiladi. Iltimos, interpolyatsiya sozlamalari biz 4-bosqichda qilganimiz bilan bir xil ekanligini unutmang.

3-qadam

U bilan ishlashni osonlashtirish va qatlamning shaffofligini kamaytirish uchun eskizni 300-400% ga kattalashtiring. Keyin yangi qatlam yarating va Qalam vositasi yordamida eskizning konturlarini chizing. Agar belgi nosimmetrik bo'lsa, bizning holatimizda bo'lgani kabi, siz faqat yarmini ajratib ko'rsatishingiz mumkin, so'ngra uni ko'paytirishingiz va oyna sifatida aylantirishingiz mumkin (Tahrirlash > O'zgartirish > Gorizontalni aylantirish).

Ritm: Chizish uchun murakkab elementlar ularni bo'laklarga bo'ling. Chiziqdagi piksellar (nuqtalar) 1-2-3 yoki 1-1-2-2-3-3 kabi “ritm” hosil qilganda, eskiz silliqroq koʻrinadi. inson ko'zi. Ammo, agar shakl talab qilsa, bu ritm buzilishi mumkin.

4-qadam

Kontur tayyor bo'lgach, siz asosiy ranglarni tanlashingiz va bo'yashingiz mumkin katta shakllar. Buni qiling alohida qatlam kontur ostida.

5-qadam

Ichki chekka bo'ylab soya chizish orqali konturni tekislang.

Soya qo'shishda davom eting. Siz chizganingizda sezganingizdek, ba'zi shakllarni tuzatish mumkin.

6-qadam

Yorqin joylar uchun yangi qatlam yarating.

Qatlamlar panelidagi ochiladigan ro'yxatdan Overlay aralashtirish rejimini tanlang. Belgilamoqchi bo'lgan joylarni ochiq rang bilan bo'yash. Keyin Filtr > Xiralashtirish > Xiralashtirish yordamida ta’kidlangan joylarni tekislang.

Rasmni to'ldiring, so'ngra rasmning tugagan yarmidan nusxa ko'chiring va aks ettiring, so'ngra butun rasmni yaratish uchun qatlamlarni yarmi bilan birlashtiring.

7-qadam

Endi kosmonavt kontrastni qo'shishi kerak. Yorqinroq qilish uchun Darajalar sozlamalaridan foydalaning (Rasm > Sozlamalar > Darajalar), so‘ngra Rang balansi opsiyasidan foydalanib rangni sozlang (Rasm > Sozlamalar > Rang balansi).

Qahramon endi animatsiyaga tayyor.

III. Belgilar animatsiyasi

1-qadam

Qatlamning nusxasini yarating (Layer > New > Layer Via Copy) va uni 1 piksel yuqoriga va 2 piksel o'ngga siljiting. Bu xarakter animatsiyasida asosiy nuqta.

Oldingi ramkani ko'rishingiz uchun asl qatlamning shaffofligini 50% ga kamaytiring. Bu "Piyoz qobig'i" (ko'plik holati) deb ataladi.

2-qadam

Endi qahramoningizning qo'llari va oyoqlarini xuddi yugurayotgandek buking.

● Ajratish chap qo'l Lasso vositasi

● FreeTransformTool (Tahrirlash > FreeTransform) yordamida va Boshqaruv tugmachasini bosib ushlab turing, idishning chegaralarini qo‘l orqaga siljitadigan tarzda siljiting.

● Avval bir oyog'ini tanlang va uni bir oz cho'zing. Keyin boshqa oyog'ini aksincha siqib qo'ying, shunda u xarakterning yurganini his qiladi.

● Qalam va silgidan foydalanib, o'ng qo'lingizning tirsagi ostidagi qismini sozlang.

3-qadam

Endi siz ushbu darsning ikkinchi qismida ko'rsatilganidek, qo'l va oyoqlarning yangi holatini butunlay qayta chizishingiz kerak. Bu tasvir aniq ko'rinishini ta'minlash uchun kerak, chunki transformatsiya piksel chiziqlarini sezilarli darajada buzadi.

4-qadam

Ikkinchi qatlamning nusxasini yarating va uni gorizontal ravishda aylantiring. Endi sizda 1 ta asosiy poza va 2 ta harakat bor. Barcha qatlamlarning shaffofligini 100% ga tiklang.

5-qadam

Vaqt jadvali panelini ko'rsatish uchun Oyna > Vaqt jadvaliga o'ting va Kadrlar animatsiyasini yaratish tugmasini bosing.

Pixel Art (Pixel graphics) hozirgi kunlarda ham o'yinlar uchun juda mashhur va buning bir qancha sabablari bor!

Shunday qilib, nima Pixel Art-ni o'ziga jalb qiladi:

1. Idrok. Pixel Art ajoyib ko'rinadi! Spritedagi har bir alohida piksel haqida ko'p gapirish mumkin.
2. Nostalji. Pixel Art Nintendo, Super Nintendo yoki Genesis (men kabi!) o'ynagan o'yinchilar uchun ajoyib nostaljik tuyg'uni qaytaradi.
3. O'rganish oson. Pixel Art - bu raqamli san'atning eng oson o'rganish shakllaridan biri, ayniqsa siz rassomdan ko'ra ko'proq dasturchi bo'lsangiz;]

Shunday qilib, Pixel Art-da o'z kuchingizni sinab ko'rmoqchimisiz? O'z o'yiningizda foydalanishingiz mumkin bo'lgan oddiy, ammo samarali o'yin xarakterini qanday yaratishni ko'rsatayotganim uchun men bilan birga bo'ling! Bundan tashqari, bonus sifatida biz uni iPhone o'yinlariga qanday qo'shishni ko'rib chiqamiz!

Muvaffaqiyatli o'rganish uchun sizga Adobe Photoshop kerak bo'ladi. Agar sizda yo'q bo'lsa, Adobe veb-saytidan yoki torrentdan bepul sinov versiyasini yuklab olishingiz mumkin.

Pixel Art nima?

Boshlashdan oldin, keling, Pixel Art nima ekanligini aniqlab olaylik, chunki bu siz o'ylagandek ravshan emas. Pixel Art nima ekanligini aniqlashning eng oson usuli bu nima emasligini aniqlashdir, ya'ni: piksellar avtomatik ravishda yaratilgan har qanday narsa. Mana bir nechta misollar:

Gradient: Ikki rangni tanlang va ular orasidagi piksellar rangini hisoblang. Ajoyib ko'rinadi, lekin bu Pixel Art emas!

Xiralashtirish vositasi: Piksellarni aniqlash va ularni yaratish uchun nusxalash/tahrirlash yangi versiya oldingi rasm. Shunga qaramay, piksel san'ati emas.

Silliq vosita(asosan, biror narsani "silliq" qilish uchun turli xil ranglarda yangi piksellarni yaratish). Siz ulardan qochishingiz kerak!

Ba'zilar, hatto avtomatik ravishda yaratilgan ranglar ham Pixel Art emas, deyishadi, chunki ular effektlarni aralashtirish uchun qatlamni talab qiladi (ma'lum bir algoritmga muvofiq ikkita qatlam o'rtasida piksellarni aralashtirish). Ammo bugungi kunda aksariyat qurilmalar millionlab ranglar bilan ishlayotganligi sababli, bu bayonotni e'tiborsiz qoldirib bo'lmaydi. Biroq, foydalanish emas katta miqdor ranglar Pixel san'atida yaxshi amaliyotdir.

Boshqa vositalar, masalan (chiziq) yoki bo'yoq paqir vositasi(Paint Bucket) ham avtomatik ravishda piksellarni hosil qiladi, lekin siz ularni toʻldirgan piksellaringizga qarama-qarshi laqab qoʻymaslik uchun oʻrnatishingiz mumkinligi sababli, bu vositalar Pixel Art uchun qulay hisoblanadi.

Shunday qilib, biz Pixel Art har bir pikselni spritega joylashtirishda ko'pincha qo'lda va cheklangan ranglar palitrasi bilan katta e'tibor talab qilishini aniqladik. Endi ishga kirishaylik!

Ishning boshlanishi

Birinchi Pixel Art aktivini yaratishni boshlashdan oldin, Pixel Art-ni o'lchash mumkin emasligini bilishingiz kerak. Agar siz uni kamaytirishga harakat qilsangiz, hamma narsa loyqa ko'rinadi. Agar siz uni kattalashtirishga harakat qilsangiz, ikkita kattalashtirishdan foydalansangiz, hamma narsa yaxshi ko'rinadi (lekin, albatta, keskin bo'lmaydi).

Ushbu muammoning oldini olish uchun, avvalo, qanchalik katta ekanligini tushunishingiz kerak o'yin xarakteri, yoki o'yin elementi, keyin esa ishga kirishing. Ko'pincha bu siz mo'ljallangan qurilmaning ekran o'lchamiga va qancha "piksel" ko'rishni xohlayotganingizga asoslanadi.

Misol uchun, agar siz o'yinni iPhone 3GS ekranida ikki baravar kattaroq ko'rinishini istasangiz ("Ha, men o'z o'yinimga pikselli retro ko'rinishni bermoqchiman!"), uning ekran o'lchamlari 480x320 piksel bo'lsa, unda siz o'yinni iPhone 3GS ekranida ikki baravar kattaroq ko'rinishini istasangiz ("Ha, men o'z o'yinimga pikselli retro ko'rinishni bermoqchiman!"), yarim o'lcham bilan ishlash V Ushbu holatda u 240x160 piksel bo'ladi.

Yangi Photoshop hujjatini oching ( Fayl → Yangi…) va o'lchamni o'zingizning o'lchamingizga o'rnating o'yin ekrani, so'ngra xarakteringiz uchun o'lchamni tanlang.

Har bir hujayra 32x32 pikseldan iborat!

Men 32x32 pikselni nafaqat tanlangan ekran oʻlchamiga toʻliq mos kelgani uchun, balki 32x32 piksel ham 2 ga karrali boʻlgani uchun tanladim, bu oʻyinchoq dvigatellari uchun qulaydir (plitka oʻlchamlari koʻpincha 2 ga koʻpaytiriladi, teksturalar 2 ga koʻpaytiriladi, va boshqalar.

Agar siz foydalanayotgan vosita istalgan tasvir hajmini qo'llab-quvvatlasa ham, siz har doim teng sonli piksellar bilan ishlashga urinib ko'rishingiz mumkin. Bunday holda, agar tasvirni masshtablash kerak bo'lsa, o'lcham yaxshiroq bo'linadi, bu oxir-oqibatda yaxshi ishlashga olib keladi.

Pixel Art personajini chizish

Ma'lumki, Pixel Art aniq va oson o'qiladigan grafikalar: yuz xususiyatlarini, ko'zlarini, sochlarini, tana qismlarini bir nechta nuqta bilan belgilashingiz mumkin. Biroq, tasvirning o'lchami vazifani murakkablashtiradi: sizning xarakteringiz qanchalik kichik bo'lsa, ularni chizish shunchalik qiyin bo'ladi. Amaliyroq bo'lish uchun eng kichik xarakterli xususiyatni tanlang. Men har doim ko'zlarni tanlayman, chunki ular xarakterga hayot olib kelishning eng yaxshi usullaridan biridir.

Photoshop-da tanlang Qalam vositasi(Qalam vositasi). Agar uni topa olmasangiz, asbobni bosib ushlab turing Cho'tkasi vositasi(Brush Tool) va siz uni darhol ko'rasiz (u ro'yxatda ikkinchi bo'lishi kerak). Siz shunchaki uning o‘lchamini 1px ga o‘zgartirishingiz kerak bo‘ladi (Asboblar parametrlari panelida bosishingiz va uning o‘lchamini o‘zgartirishingiz mumkin yoki shunchaki [ tugmachasini bosib turing).

Sizga ham kerak bo'ladi O'chirish vositasi(Eraser Tool), shuning uchun ustiga bosing (yoki E tugmasini bosing) va ochiladigan ro'yxatdan tanlash orqali uning sozlamalarini o'zgartiring Rejim:(Rejim :) Qalam(Qalam) (chunki bu rejimda anti-aliasing mavjud emas).

Endi piksellashni boshlaylik! Quyidagi rasmda ko'rsatilganidek, qoshlar va ko'zlarni chizing:

ey! Men pikselliman !!

Siz allaqachon Lineart bilan boshlashingiz mumkin, ammo yanada amaliy usul - xarakterning siluetini chizish. Yaxshi xabar shundaki, bu bosqichda professional bo'lish shart emas, shunchaki tana qismlarining o'lchamini (bosh, gavda, qo'llar, oyoqlar) va personajning boshlang'ich pozasini tasavvur qilishga harakat qiling. Kul rangda shunga o'xshash narsani sinab ko'ring:

Ushbu bosqichda professional bo'lishingiz shart emas

E'tibor bering, men ham bo'sh joy qoldirdim. Siz butun tuvalni to'ldirishingiz shart emas, kelajakdagi ramkalar uchun joy qoldiring. Bunday holda, ularning barchasi uchun bir xil tuval hajmini saqlab qolish juda foydali bo'ladi.

Siluetni tugatgandan so'ng, vaqt keldi . Endi siz piksellarni joylashtirishda ehtiyot bo'lishingiz kerak, shuning uchun kiyim-kechak, zirh va hokazolar haqida qayg'urmang. Faqat xavfsiz tomonda bo'lish uchun siz asl siluetingizni hech qachon yo'qotmaslik uchun yangi qatlam qo'shishingiz mumkin.

Agar siz qalam asbobini chizish uchun juda sekin deb hisoblasangiz, har doim foydalanishingiz mumkin (Line Tool), shuni yodda tutingki, siz piksellarni qalam bilan imkon qadar aniq joylashtira olmaysiz. Siz sozlashingiz kerak bo'ladi quyida ko'rsatilganidek:

Tanlang , bosib turing To'rtburchaklar vositasi (To'rtburchaklar vositasi)

Ochiladigan ro'yxatdagi asboblar parametrlari paneliga o'ting Asboblar rejimini tanlang(Yo‘lni kuzatish rejimi) Pixel ni tanlang, o‘zgartiring Og'irligi(Qalinligi) 1px ga (agar bajarilmagan bo'lsa) va belgini olib tashlang Anti-alias(tekislash). Sizda shunday bo'lishi kerak:

E'tibor bering, men oyoqlar uchun pastki konturni qilmaganman. Bu ixtiyoriy, chunki oyoqlar ta'kidlash uchun oyoqlarning unchalik muhim qismi emas va bu tuvaldagi piksellarning bir chizig'ini saqlaydi.

Ranglar va soyalarni qo'llash

Endi siz bizning xarakterimizni bo'yashni boshlashga tayyormiz. To'g'ri ranglarni tanlash haqida tashvishlanmang, ularni keyinchalik o'zgartirish juda oson bo'ladi, faqat har bir kishi o'zining "o'z rangi" borligiga ishonch hosil qiling. Yorliqdagi standart ranglardan foydalaning Swatchlar(Oyna → Swatches).

O'zingizning xarakteringizni quyidagi rasmga o'xshab ranglang (lekin ijodiy bo'ling va o'z ranglaringizdan foydalaning!)

Yaxshi, kontrastli rang aktivingizning o'qilishini yaxshilaydi!

Iltimos, e'tibor bering, men hali kiyim yoki sochni tasvirlamadim. Har doim esda tuting: keraksiz konturlardan iloji boricha ko'proq piksellarni saqlang!

Har bir pikselni bo'yash uchun vaqt sarflashning hojati yo'q. Ishingizni tezlashtirish uchun bir xil rangdagi chiziqlardan foydalaning yoki Paqirni bo'yash vositasi Bo'shliqlarni to'ldirish uchun (Paint Bucket Tool). Aytgancha, siz ham uni sozlashingiz kerak bo'ladi. Tanlang Paqirni bo'yash vositasi asboblar panelida (yoki shunchaki G tugmasini bosing) va o'zgartiring Tolerantlik(Tolerantlik) 0 ga, shuningdek belgini olib tashlang Anti-alias(tekislash).

Agar biror marta foydalanish kerak bo'lsa Sehrli tayoqchalar vositasi(Asbob sehrli tayoqcha) bir xil rangdagi barcha piksellarni tanlaydigan juda foydali vosita boʻlib, keyin uni “Boʻyoq paqiri” asbobi bilan bir xil tarzda oʻrnatadi – tolerantlik va anti-aliasing yoʻq.

Sizdan ba'zi bilimlarni talab qiladigan keyingi qadam qochish va soya qilishdir. Agar yorqin va ko'rsatish uchun qanday bilim bo'lmasa qorong'u tomonlar, keyin quyida men sizga ba'zi ko'rsatmalar beraman. Agar sizda uni o'rganishga vaqtingiz yoki xohishingiz bo'lmasa, bu bosqichni o'tkazib yuborib, "Palitrangizni ziravorlang" bo'limiga o'tishingiz mumkin, chunki oxirida siz o'zingizning soyangizni mening misolimdagi kabi qilishingiz mumkin!

Butun ob'ekt uchun bir xil yorug'lik manbasidan foydalaning

Unga o'zingiz xohlagan / mumkin bo'lgan shakllarni berishga harakat qiling, chunki shundan keyin aktiv yanada qiziqarli ko'rinishni boshlaydi. Masalan, endi siz burunni, qovog'ini chimirgan ko'zlarni, soch sovunini, shimdagi burmalarni va hokazolarni ko'rishingiz mumkin. Unga bir nechta yorug'lik joylarini qo'shishingiz mumkin, u yanada yaxshi ko'rinadi:

Soya qilishda bir xil yorug'lik manbasidan foydalaning

Va endi, men va'da qilganimdek, yorug'lik va soyalar bo'yicha kichik qo'llanma:

Palitrangizni ziravor qiling

Ko'p odamlar standart palitrasi ranglarini ishlatishadi, lekin ko'pchilik bu ranglardan foydalangani uchun biz ularni ko'plab o'yinlarda ko'rishimiz mumkin.

Photoshop o'zining standart palitrasida ranglarning katta tanloviga ega, ammo siz unga juda ko'p ishonmasligingiz kerak. O'zingizning ranglaringizni yaratishning eng yaxshi usuli asboblar panelining pastki qismidagi asosiy palitrani bosishdir.

Keyin, Rang tanlash oynasida rangni tanlash uchun o'ng yon panelni va kerakli yorqinlikni (ochiq yoki quyuqroq) va to'yinganlikni (yorqinroq yoki xiraroq) tanlash uchun asosiy maydonni ko'rib chiqing.

Istaganingizni topgach, OK va tugmasini bosing Paint Bucket asbobini qayta sozlang. Xavotir olmang, shundan so'ng siz shunchaki "Qo'shni" katagiga belgini olib tashlashingiz mumkin va siz yangi rang bilan bo'yashingiz bilan bir xil fon rangiga ega bo'lgan barcha yangi piksellar ham to'ldiriladi.

Bu oz sonli ranglar bilan ishlash va har doim bir xil element (ko'ylak, sochlar, dubulg'a, zirh va boshqalar) uchun bir xil rangdan foydalanish muhimligining yana bir sababidir. Ammo boshqa joylar uchun turli xil ranglardan foydalanishni unutmang, aks holda bizning chizilganimiz juda bo'yalgan bo'ladi!

Tanlangan piksellarni bir xil rang bilan to'ldirish uchun "Qo'shni" belgisini olib tashlang

Agar xohlasangiz, ranglarni o'zgartiring va xarakterning yanada jozibali rangini oling! Siz hatto konturlarni qayta bo'yashingiz mumkin, shunchaki ular fon bilan yaxshi uyg'unlashganligiga ishonch hosil qiling.

Nihoyat, fon rangi testini bajaring: xarakteringiz ostida yangi qatlam yarating va uni to'ldiring turli ranglar. Bu sizning xarakteringiz yorug', qorong'i, iliq va salqin fonda ko'rinishini ta'minlash uchun kerak.

Ko'rib turganingizdek, men hozirgacha ishlatgan barcha vositalarda antialiasingni o'chirib qo'yganman. Buni boshqa vositalarda ham qilishni unutmang, masalan. Elliptik nishon(Oval marquee) va Lasso(Lasso).

Ushbu vositalar yordamida siz tanlangan qismlarning o'lchamlarini osongina o'zgartirishingiz yoki hatto ularni aylantirishingiz mumkin. Buni amalga oshirish uchun har qanday tanlash vositasidan foydalaning (yoki M tugmasini bosing) hududni tanlang, bosing o'ng tugmasini bosing sichqonchani bosing va tanlang Bepul aylantirish(Bepul aylantirish) yoki shunchaki Ctrl + T tugmalarini bosing. Tanlangan maydonning o'lchamini o'zgartirish uchun transformatsiya ramkasining perimetri atrofida joylashgan tutqichlardan birini torting. Proporsiyalarni saqlab qolgan holda tanlov hajmini o'zgartirish uchun Shift tugmachasini bosib ushlab turing va burchak tutqichlaridan birini torting.

Biroq, Photoshop yordamida tahrirlangan hamma narsani avtomatik ravishda tekislaydi Bepul aylantirish shuning uchun tahrirlashdan oldin ga o'ting Tahrirlash → Parametrlar → Umumiy(Ctrl + K) va o'zgartiring Rasm interpolyatsiyasi(Rasm interpolyatsiyasi) yoqilgan Eng yaqin qo'shni(Eng yaqin qo'shni). Bir so'z bilan aytganda, qachon Eng yaqin qo'shni yangi joy va o'lcham yangi ranglar yoki shaffoflikni qo'llamasdan va siz tanlagan ranglarni saqlamasdan juda qo'pol ravishda hisoblanadi.

Pixel Art-ni iPhone o'yinlariga integratsiya qilish

Ushbu bo'limda siz Cocos2d o'yin tizimidan foydalanib, pikselli san'atimizni iPhone o'yiniga qanday qo'shishni o'rganasiz. Nega men faqat iPhone haqida o'ylayapman? Chunki Unity haqidagi bir qator maqolalar tufayli (masalan: , yoki Unity 2D-dagi Jetpack Joyride uslubidagi o'yin) siz Unity-da ular bilan qanday ishlashni va Crafty (Brauzer o'yinlari: Snake) haqidagi maqolalardan allaqachon bilasiz. Impact (Impact-da brauzer o'yinlari o'yinlarini yaratishga kirish) siz ularni tuvalga qanday kiritish va brauzer o'yinlarini yaratishni o'rgandingiz.

Agar siz Cocos2D yoki umuman iPhone ilovalarini ishlab chiqishda yangi bo'lsangiz, Cocos2d va iPhone qo'llanmalaridan birini boshlashingizni maslahat beraman. Agar sizda Xcode va Cocos2d o'rnatilgan bo'lsa, o'qing!

Yangi loyiha yarating iOS → cocos2d v2.x → cocos2d iOS andozasi, uni PixelArt deb nomlang va qurilma sifatida iPhone-ni tanlang. Yaratilgan piksel tasvirini loyihangizga torting, masalan: sprite_final.png va keyin oching HelloWorldLayer.m va ishga tushirish usulini quyidagi bilan almashtiring:

-(id) init (if((self=)) ( CCSprite * qahramon =; qahramon.pozitsiya = ccp(96, 96); hero.flipX = YES; ; ) o‘zini qaytaring; )

Biz spraytni ekranning chap tomoniga joylashtiramiz va uni o'ng tomonga qaratib aylantiramiz. Kompilyatsiya qiling, ishga tushiring va keyin ekranda spraytingizni ko'rasiz:

Biroq, esda tutingki, biz ushbu qo'llanmada avvalroq muhokama qilganimizdek, biz har bir piksel boshqalardan sezilarli darajada ajralib turishi uchun piksellar shkalasini sun'iy ravishda oshirishni xohladik. Shunday qilib, ishga tushirish usuli ichida ushbu yangi qatorni qo'shing:

Hero.scale = 2.0;

Hech qanday murakkab narsa yo'q, to'g'rimi? Kompilyatsiya qiling, ishga tushiring va... kuting, bizning spraytimiz loyqa!

Buning sababi, sukut bo'yicha Cocos2d chizmani masshtablashtirganda uni tekislaydi. Bizga bu kerak emas, shuning uchun quyidagi qatorni qo'shing:

Bu chiziq Cocos2d-ni antialiasingsiz tasvirlarni masshtablash uchun sozlaydi, shuning uchun bizning yigit hali ham "pikselli" ko'rinadi Kompilyatsiya qiling, ishga tushiring va... ha, u ishlaydi!

Pixel Art grafiklaridan foydalanishning afzalliklariga e'tibor bering - biz ekranda ko'rsatilganidan kichikroq tasvirni ishlatishimiz mumkin, bu esa juda ko'p tekstura xotirasini tejash imkonini beradi. Retina displeylari uchun alohida tasvirlar yaratishimiz shart emas!

Keyingisi nima?

Umid qilamanki, sizga ushbu qo'llanma yoqdi va piksel san'ati haqida bir oz ko'proq bilib oldingiz! Ayrilishdan oldin men sizga bir nechta maslahat bermoqchiman:

• Har doim aktivlaringizda anti-aliasing, gradient yoki juda ko'p ranglardan foydalanmaslikka harakat qiling. Bu sizning manfaatingiz uchun, ayniqsa siz hali ham boshlang'ich bo'lsangiz.
• Agar siz haqiqatdan ham retro ko'rinishga taqlid qilmoqchi bo'lsangiz, 8 yoki 16 bitli konsol o'yinlaridagi san'at asariga qarang.
• Ba'zi uslublar qorong'u konturlardan foydalanmaydi, boshqalari yorug'lik yoki soyaning ta'sirini hisobga olmaydi. Hammasi uslubga bog'liq! Bizning darsimizda biz soyalarni chizmadik, lekin bu ularni ishlatmaslik kerak degani emas.

Yangi boshlanuvchilar uchun Pixel Art o'rganish uchun eng oson grafik kabi ko'rinadi, lekin aslida u ko'rinadigan darajada oddiy emas. Eng yaxshi yo'l O'z mahoratingizni oshirish uchun bu amaliyot, amaliyot, amaliyot. Boshqa rassomlar sizga maslahat berishlari uchun oʻz ishingizni Pixel Art forumlarida joylashtirishni tavsiya qilaman – bu texnikangizni yaxshilashning ajoyib usuli! Kichikdan boshlang, ko'p mashq qiling, oling fikr-mulohaza va sizga ko'p pul va quvonch keltiradigan ajoyib o'yin yaratishingiz mumkin!