Kiçik piksel sənəti. Adobe Photoshop: Pixel Art personajını çəkin və canlandırın

Piksel qrafikləri (bundan sonra sadəcə piksel sənəti olaraq adlandırılacaq) bu günlərdə, xüsusən də indie oyunları vasitəsilə getdikcə özlərini xatırladır. Bu başa düşüləndir, çünki bu yolla rəssamlar oyunu müxtəlif personajlarla doldura bilər və üçölçülü obyektləri modelləşdirməyə və mürəkkəb obyektləri əl ilə çəkməyə yüzlərlə saat sərf etməyəcəklər. Piksel sənətini öyrənmək istəyirsinizsə, etməli olduğunuz ilk şey sözdə "sprites" çəkməyi öyrənməkdir. Sonra, sprite artıq sizi qorxutmadıqda, əsərinizi canlandırmağa və hətta satmağa davam edə bilərsiniz!

Addımlar

1-ci hissə

Yaxşı şəkil redaktorlarını yükləyin. Siz, əlbəttə ki, Paint-də şah əsərlər yarada bilərsiniz, lakin bu, çətin və çox rahat deyil. Belə bir şeylə daha yaxşı işləyəcək:

• Photoshop
• Paint.net
• Pixen

1. Qrafik planşet alın.Əgər siçanla rəsm çəkməyi sevmirsinizsə, o zaman sizə lazım olan planşet və stilusdur. Wacom tabletləri, yeri gəlmişkən, ən populyardır.

   Qrafik redaktorunuzdakı "ızgara" yandırın.Əslində, qrafik redaktorunuz grid görüntüsünü dəstəkləmirsə, başqa bir proqram axtarmağı düşünməlisiniz. Şəbəkə, hər bir fərdi pikselin harada və necə yerləşəcəyini aydın şəkildə görməyə imkan verəcəkdir. Bir qayda olaraq, boncuk "Görünüş" menyusu vasitəsilə açılır.

   • Hər bir mesh seqmentinin əslində bir piksel göstərdiyinə əmin olmaq üçün ekran parametrlərini bir az düzəltməli ola bilərsiniz. Hər bir proqram bunu fərqli şəkildə yerinə yetirir, buna görə də bunun necə ediləcəyi ilə bağlı məsləhətlər axtarın.

2. 1 piksel fırça ilə çəkin. Hər hansı bir qrafik redaktorunun Qələm vasitəsi olmalıdır. Bunu seçin və fırça ölçüsünü 1 piksel olaraq təyin edin. İndi piksel ... piksel çəkə bilərsiniz.

   2-ci hissə

   Əsasları məşq etmək

   1. Yeni şəkil yaradın. Piksel sənət üslubunda çəkməyi öyrəndiyiniz üçün epik kətanları hədəf almamalısınız. Xatırlayırsınızsa, Super Mario Bros. bütün ekran 256 x 224 piksel idi və Mario özü 12 x 16 piksellik bir məkana sığdı!

      Yaxınlaşdırma. Bəli, əks halda fərdi pikselləri görməyəcəksiniz. Bəli, onu çox artırmalı olacaqsınız. Deyək ki, 800% olduqca normaldır.

      Düz xətlər çəkməyi öyrənin. Sadə görünür, amma birdən ortada bir yerdə titrəyən əlinizlə 2 piksel qalınlığında bir xətt çəksəniz, fərq gözlərə dəyəcək. Düz xətt çəkmə alətini işə salana qədər düz xətlər çəkin. Əllə düz xətlər çəkməyi öyrənməlisiniz!

      Əyri xətlər çəkməyi öyrənin.Əyri xətt, deyək ki, vahid "xətt fasilələri" olmalıdır (bu, yuxarıdakı şəkildə aydın görünür). Tutaq ki, əyri bir xətt çəkməyə başlayaraq, 6 piksellik bir düz xətt, onun altında - üç düz xətt, aşağıda - iki və aşağıda - bir piksel düz xətt çəkin. Digər tərəfdən eyni şeyi çəkin (təbii ki, güzgü). Məhz bu irəliləyiş optimal hesab olunur. “3-1-3-1-3-1-3” naxışında çəkilmiş əyrilər piksel sənəti standartlarına cavab vermir.

      Səhvləri silməyi unutmayın. Silgi vasitəsi, qələmə bənzər şəkildə düzəldilməli və fırçanın ölçüsü 1 pikselə bərabər olmalıdır. Silgi nə qədər böyükdürsə, artıqlığı silməmək bir o qədər çətindir, ona görə də hər şey məntiqlidir.

   3-cü hissə

   İlk sprite yaradın

   Sprite hansı məqsədə xidmət edəcəyini düşünün. Statik olacaqmı? Animasiya? Statik bir sprite uğursuzluğa qədər detallarla doyurula bilər, ancaq daha sonra animasiyanın bütün çərçivələrində bütün detalları yenidən çəkmək üçün saat sərf etməmək üçün cizgi filmini daha sadə etmək daha yaxşıdır. Yeri gəlmişkən, əgər spraytınız başqaları ilə birlikdə istifadə olunmalı idisə, o zaman onların hamısı eyni üslubda çəkilməlidir.

   Sprite üçün hər hansı xüsusi tələblərin olub olmadığını öyrənin. Bir layihə axtarırsınızsa, rəng və ya fayl ölçüsü tələblərini gözləmək məntiqli olardı. Ancaq bu, bir az sonra, bir çox fərqli spritlərlə böyük layihələr üzərində işləməyə başlayanda daha vacib olacaq.

   • Obyektiv desək, bu günlərdə spritlərin ölçüsü və ya palitrası ilə bağlı tələblər nadir hallarda irəli sürülür. Ancaq köhnə oyun sistemlərində oynanılacaq bir oyun üçün qrafika çəkirsinizsə, bütün məhdudiyyətləri nəzərə almalısınız.

   1. Eskizini çəkin. Kağızdakı bir eskiz hər hansı bir sprite -nin əsasını təşkil edir, çünki bu şəkildə hər şeyin necə görünəcəyini anlayacaqsınız və lazım gələrsə əvvəlcədən bir şeyi düzəldə bilərsiniz. Bundan əlavə, kağız eskizini daha sonra da izləyə bilərsiniz (əgər hələ də planşetiniz varsa).

      • Eskiz üçün heç bir detal ayırmayın! Son rəsmdə görmək istədiyinizi çəkin.

   2. Eskizi qrafik redaktora köçürün. Planşetinizdə kağız eskizini izləyə bilərsiniz, hər şeyi əl ilə, piksel piksel yenidən çəkə bilərsiniz - fərqi yoxdur, seçim sizindir.

      • Eskizi tərtib edərkən kontur üçün 100% qara rəngdən istifadə edin. Əgər bir şey varsa, onu daha sonra əl ilə dəyişdirəcəksiniz, lakin hələlik qara ilə işləmək sizin üçün daha asan olacaq.

   3. Eskizin konturunu dəqiqləşdirin. Bu kontekstdə, əlbəttə ki, başqa cür deyə bilərsiniz - bütün lazımsızları silmək. Mənası nədir - kontur 1 piksel qalınlığında olmalıdır. Buna görə, yaxınlaşdırın və silin, lazımsızları silin ... və ya itkinləri qələmlə bitirin.

      • Eskiz çəkərkən detallara fikir verməyin - onların növbəsi gələcək.

   4-cü hissə

   Sprite rənglənməsi

   1. Rəng nəzəriyyəsini öyrənin. Hansı rənglərdən istifadə edəcəyinizi görmək üçün palitraya baxın. Orada hər şey sadədir: rənglər bir -birindən nə qədər uzaqdırsa, bir -birindən o qədər fərqlənir; rənglər bir -birinə nə qədər yaxın olsa, bir o qədər oxşardır və bir -birinin yanında daha yaxşı görünür.

      • Spritinizi gözəl göstərəcək və gözlərinizi yormayan rənglər seçin. Və bəli, pastel rənglərdən qaçınmaq lazımdır (bütün layihəniz bu üslubda edilmədikdə).

   2. Çox rəng seçin. Nə qədər çox rəng istifadə etsəniz, spritiniz bir o qədər "diqqəti yayındıracaq". Piksel sənətinin klassiklərinə nəzər salın və orada neçə rəngin istifadə olunduğunu hesablamağa çalışın.

      • Mario - yalnız üç rəng var (əgər klassik versiyadan danışırıqsa) və hətta palitrada demək olar ki, bir -birinə yaxın yerləşir.
      • Sonic - Sonic Mario -dan daha detallı olsa da, yenə də yalnız 4 rəngə (və kölgələrə) əsaslanır.
      • Ryu demək olar ki, spritlərin klassikidir, çünki onlar döyüş oyunlarında başa düşülür, Ryu sadə rənglərlə boyanmış böyük ərazilərdir, üstəlik təsvir üçün bir az kölgədir. Bununla belə, Ryu Sonic-dən bir az daha mürəkkəbdir - artıq beş rəng və kölgə var.

   3. Sprite rəngləyin. Boya Kovası Alətindən istifadə edərək spritinizi rəngləyin və hər şeyin düz və cansız görünməsindən narahat olmayın - bu mərhələdə başqa heç nə gözlənilmir. Boya Kovasının işləməsi sadədir - sərhədlərə çatana qədər tıkladığınız rəngin bütün piksellərini seçdiyiniz rənglə dolduracaq.

   5 -ci hissə

   Kölgələr əlavə edin

   Bir işıq mənbəyinə qərar verin.İşin mahiyyəti budur: işığın sprite hansı açıdan düşəcəyinə qərar verməlisiniz. Bunu nəzərə alaraq inandırıcı görünən kölgələr yarada bilərsiniz. Bəli, hərfi mənada "işıq" olmayacaq, məsələ onun rəsmə necə düşəcəyini təsəvvür etməkdir.

   • Ən sadə həll, işıq mənbəyinin sprite üzərində çox yüksək olduğunu, bir az sol və ya sağda olduğunu düşünməkdir.

   1. Əsas rənglərdən bir qədər qaranlıq olan rənglərdən istifadə edərək kölgələr tətbiq etməyə başlayın.Əgər işıq yuxarıdan düşsə, kölgə harada olacaq? Doğrudur, birbaşa işığın düşmədiyi yer. Buna görə, bir kölgə əlavə etmək üçün, konturun yuxarı və ya altına uyğun rəngli pikselləri olan sprite -ə daha bir neçə qat əlavə edin.

      • Əsas rəngin "Kontrast" parametrini azaltsanız və "Parlaqlıq" parametrini bir qədər artırsanız, kölgəni göstərmək üçün yaxşı bir rəng əldə edə bilərsiniz.
      • Qradiyentlərdən istifadə etməyin. Gradientlər pisdir. Gradientlər ucuz, zərif və qeyri-peşəkar görünür. Gradientlərə bənzər bir təsir, "kəsmə" texnikası istifadə edərək əldə edilir (aşağıya baxın).

   2. Penumbra haqqında unutmayın.Əsas rənglə kölgə rəngi arasında bir rəng seçin. Başqa bir qat yaratmaq üçün istifadə edin - ancaq bu iki rəngin qatları arasında. Nəticə qaranlıq bir ərazidən işıqlı bir sahəyə keçid effekti olacaq.

      Vurğuları çəkin. Diqqət çəkən məqam, sprite ən çox işığın düşdüyü yerdir. Əsas rəngdən bir qədər açıq rəng götürsəniz, vurğu çəkə bilərsiniz. Əsas odur ki, parıltıya qapılmayın, diqqəti yayındırır.

   6 -cı hissə

   Qabaqcıl rəsm texnikalarından istifadə etməklə

   İncəlmə istifadə edin. Bu texnika kölgədəki bir dəyişikliyi ifadə edə bilər. Decimation ilə siz keçid effekti yaratmaq üçün piksellərin yerini dəyişdirərək bir neçə rənglə gradient effektini yenidən yarada bilərsiniz. İki fərqli rəngli piksellərin sayı və mövqeyi gözü fərqli kölgələr görməyə məcbur edəcək.

   • Yeni başlayanlar tez-tez incəlmədən həddindən artıq istifadə edirlər, bu kimi olmayın.

   1. Anti-aliasing (kontur pozuntularının aradan qaldırılması) haqqında unutmayın. Bəli, piksel sənətinin vizit kartı, görüntünün görünən "pikselliyi" dir. Buna baxmayaraq, bəzən xətlərin bir az daha az nəzərə çarpan, bir az hamar görünməsini istəyirsən. Anti-aliasingin gəldiyi yer budur.

      • Döngələrə ara rənglər əlavə edin. Düzləşdirmək istədiyiniz əyrinin konturu ətrafında bir ara rəng qatını çəkin. Hələ bucaqlı görünürsə, daha yüngül olan başqa bir təbəqə əlavə edin.
      • Sprite-nin fonla qarışmamasını istəyirsinizsə, xaricdən spraytin xarici kənarında anti-aliasing istifadə etməyin.

   2. Seçmə renderdən istifadə etməyi öyrənin. Mənası nədir: yol, doldurmaq üçün istifadə olunanlara bənzər bir rənglə çəkilir. Nəticə daha az "cizgi filmi" bir görünüşdür və konturun daha real görünüşünə görə. Geyim və ya əşyalar üçün klassik qara konturdan çıxarkən dərini seçici şəkildə göstərməyə çalışın.

Piksel sənəti(tire olmadan yazılır) və ya piksel qrafikası- piksel səviyyəsində şəkillər yaratmaqdan ibarət olan rəqəmsal sənət istiqaməti (yəni təsvirin ibarət olduğu minimum məntiqi vahid). Hamısı pikseldən ibarət olsa da, bütün rastr şəkilləri piksel sənəti deyil. Niyə? Çünki, nəticədə, piksel sənəti konsepsiyası illüstrasiya yaratmaq prosesi kimi nəticəni deyil, həm də nəticəni əhatə edir. Pikseldən pikselə və buna görə. Rəqəmsal bir fotoşəkil çəksəniz, çox aşağı salın (piksellər görünsün deyə) və sıfırdan çəkdiyinizi iddia edin - bu əsl saxtakarlıq olar. Baxmayaraq ki, zəhmətinizə görə sizi tərifləyən sadəlövh sadələr mütləq olacaq.

Bu texnikanın tam olaraq nə vaxt doğulduğu indi məlum deyil, kökləri 1970-ci illərin əvvəllərində hardasa itib. Ancaq kiçik elementlərdən şəkillər tərtib etmək texnikası mozaika, çarpaz tikiş, xalçaçılıq və boncuk kimi daha qədim sənət növlərinə gedib çıxır. Piksel sənətinin tərifi olaraq eyni "piksel sənəti" ifadəsi ilk dəfə Adele Goldberg və Robert Flegalın ACM -in Communications jurnalında (dekabr 1982) məqaləsində istifadə edilmişdir.

Qəribədir, lakin 90-cı illərin ortalarında piksel qrafikasını son mövqelərə daşıyan və sonradan onu oyuna qaytaran - mobil telefonlar və PDA-lar şəklində dünyaya mobil cihazları göstərən cənab Elmi və texnoloji tərəqqi idi. Axı, yeni bir cihaz nə qədər faydalı olsa da, sən və mən bilirik ki, hətta solitaire də oynaya bilmirsənsə, bunun heç bir dəyəri yoxdur. Yaxşı, aşağı qətnamə ilə bir ekran olduğu yerdə piksel sənəti var. Necə deyərlər, yenidən xoş gəlmisiniz.

2. Alətlər.

Pixel art yaratmaq üçün nə lazımdır? Yuxarıda dediyimiz kimi, piksel səviyyəsində işləyə bilən bir kompüter və hər hansı bir qrafik redaktoru kifayətdir. İstənilən yerdə, hətta Game Boy -da, hətta Nintendo DS -də və ya hətta Microsoft Paint -də də rəsm çəkə bilərsiniz (ikincisində rəsm çəkməyin son dərəcə əlverişsiz olması başqa məsələdir). Çox sayda bitmap redaktoru var, bir çoxu sərbəstdir və kifayət qədər funksionaldır ki, hər kəs proqrama müstəqil qərar verə bilər.

Beləliklə, bir kvadrat pikseldə bir alətlə çəkməyə imkan verən hər hansı bir qrafik redaktoruna ehtiyacınız var (piksellər də kvadrat olmayan ola bilər, məsələn, yuvarlaq, lakin hazırda bizim üçün maraqlı deyil). Redaktorunuz hər hansı rəng dəstini dəstəkləyirsə, əladır. Faylları saxlamağa da imkan verirsə, əladır. Qatlarla işləmək də gözəl olardı, çünki kifayət qədər mürəkkəb bir şəkil üzərində işləyərkən onun elementlərini müxtəlif təbəqələrə parçalamaq daha rahatdır, lakin ümumiyyətlə bu vərdiş və rahatlıq məsələsidir.

3. Ümumi prinsiplər.

Və yenə də bilmək zərər verməyən bir neçə ümumi prinsip var. Həqiqətən də çox azdır, mən onları qanunlar deyil, "prinsiplər" adlandırıram, çünki təbiət baxımından çox məsləhətlidirlər. Nəticədə, bütün qaydaları atlayaraq parlaq bir piksel şəkil çəkməyi bacarsanız - kimin qayğısına qalır?

Ən əsas prinsipi aşağıdakı kimi tərtib etmək olar: təsvirin minimum vahidi pikseldir və mümkünsə, kompozisiyanın bütün elementləri ona mütənasib olmalıdır. Mən deşifrə edəcəyəm: çəkdiyiniz hər şey piksellərdən ibarətdir və piksel hər şeydə oxunaqlı olmalıdır. Bu, şəkildə heç bir elementin ola bilməyəcəyi demək deyil, məsələn, 2x2 piksel və ya 3x3. Ancaq fərdi piksellərdən bir şəkil çəkmək hələ də üstünlük təşkil edir.

Vuruş və ümumiyyətlə, rəsmin bütün sətirləri bir piksel qalınlığında olmalıdır (nadir istisnalarla).

Qırıqlar rəsmin təbii hamarlığından və gözəlliyindən məhrumdur. 3, 4 və 5 fraqmentləri açıqdırsa və asanlıqla düzəldilə bilərsə, digərləri ilə vəziyyət daha mürəkkəbdir - orada zəncirdə bir parçanın uzunluğu qırılır, bu kiçik bir şey kimi görünür, ancaq nəzərə çarpan bir xırda şeydir. Belə yerləri görməyi və onlardan uzaq durmağı öyrənmək üçün bir az təcrübə lazımdır. Kink 1, bir piksel olduğu üçün xətdən sökülür - köhnəlmiş bölgədə isə xətt 2 piksellik seqmentlərdən ibarətdir. Ondan qurtulmaq üçün, yuxarı seqmenti 3 pikseldə uzadaraq və bütün xətti 2 piksellik seqmentlərdə yenidən çəkərək əyilməni əyilməyə yumşaltdım. Kinklər 2 və 6 bir -biri ilə eynidır - onlar artıq tək piksellə tikilmiş sahələrdə 2 piksel uzunluğunda parçalardır.

Demək olar ki, hər piksel sənət dərsliyində tapıla bilən (mənimki istisna deyil) əyri xətlərin sadə nümunələri, rəsm çəkərkən bu cür əyilmələrin qarşısını almağa kömək edəcək:

Gördüyünüz kimi, düz xətt eyni uzunluqdakı seqmentlərdən ibarətdir, çəkildikcə bir piksel sürüşdürülür - bu, xəttilik effektinə nail olmağın yeganə yoludur. Seqment uzunluğu 1, 2 və 4 piksel olan ən ümumi tikinti üsulları (başqaları da var, lakin təqdim olunan variantlar demək olar ki, hər hansı bir bədii ideyanı həyata keçirmək üçün kifayət olmalıdır). Bu üçdən ən populyarını inamla 2 piksel seqmentin uzunluğu adlandırmaq olar: bir seqment çəkin, qələmi 1 piksel hərəkət etdirin, başqa bir seqment çəkin, qələmi 1 piksel hərəkət etdirin, başqa bir seqment çəkin:

Çətin deyil, hə? Sadəcə bir vərdiş lazımdır. 2 piksellik artımlarla əyri xətlər çəkmə qabiliyyəti izometriyaya kömək edəcək, buna görə də növbəti dəfə daha ətraflı dayanacağıq. Ümumiyyətlə, düz xətlər əladır - ancaq vəzifə möcüzəli bir şey çəkmək olana qədər. Burada əyrilərə və çoxlu müxtəlif əyrilərə ehtiyacımız var. Və əyri xətləri yuvarlaqlaşdırmaq üçün sadə bir qayda qəbul edirik: əyri elementlərin uzunluğu tədricən azalmalı / artmalıdır.

Düz xəttdən yuvarlaqlaşdırmaya çıxış rəvan həyata keçirilir, hər bir seqmentin uzunluğunu qeyd etdim: 5 piksel, 3, 2, 2, 1, 1, 2 yenidən (artıq şaquli), 3, 5 və s. Davanız mütləq eyni ardıcıllığı istifadə etməyəcək, hamısı tələb olunan hamarlıqdan asılıdır. Başqa bir yuvarlaqlaşdırma nümunəsi:

Yenə də şəkli korlayan qıvrımlardan çəkinin. Öyrənilən materialı yoxlamaq istəyiniz varsa, burada Winamp üçün naməlum bir müəllif tərəfindən çəkilmiş bir dərim var:

Şəkildə kobud səhvlər var və sadəcə uğursuz filetolar və bükülmələr baş verir - artıq bildiyinizə əsaslanaraq şəkli düzəltməyə çalışın. Xətlərimdə olanlar bunlardır, bir az çəkməyi təklif edirəm. Və nümunələrin sadəliyi ilə çaşqın olmayın, yalnız rəsm çəkərək çəkməyi öyrənə bilərsiniz - hətta belə sadə şeylər.

4.1. Canlı su ilə bir şüşə çəkirik.

1. Rəngdən istifadə edə bilməyəcəyiniz müddətcə obyektin forması.

2. Qırmızı maye.

3. Şüşənin rəngini mavi rəngə dəyişdirin, qabarcığın içərisində kölgəli sahələr və mayenin nəzərdə tutulan səthində yüngül bir sahə əlavə edin.

4. Baloncuğa ağ işıqlandırmalar və mayenin qabarcıq divarları ilə həmsərhəd olan sahələrinə 1 piksel enində tünd qırmızı kölgə əlavə edin. Yaxşı görünür, hə?

5. Eyni şəkildə mavi bir maye olan bir şüşə çəkin - burada eyni rəngli şüşə, üstəgəl maye üçün üç mavi çalar var.

4.2. Qarpız çəkirik.

Gəlin bir dairə və yarımdairə çəkək - bunlar qarpız və kəsilmiş bir dilim olacaq.

2. Qarpızın özündə və dilimdə - qabıq ilə pulpa arasındakı haşiyəni qeyd edək.

3. Doldurun. Palitra rəngləri, orta yaşıl qabığın rəngidir, orta qırmızı ətin rəngidir.

4. Yer qabığından pulpaya keçid sahəsini qeyd edək.

5. Qarpızın üzərində yüngül zolaqlar (nəhayət, özünə bənzəyir). Və əlbəttə - toxum! Hamamböceği olan bir qarpızı keçsəniz, özləri yayılacaqlar.

6. Yadımıza salırıq. Bir hissədəki toxumların əsas məqamlarını göstərmək üçün solğun çəhrayı rəng istifadə edirik və pikselləri bir dama taxtası naxışına qoyaraq, kəsilmiş dilimdən bir qədər həcm bənzərliyinə nail oluruq (bu üsula daha sonra daha çox deyilir) . Qarpızın kəsimindəki kölgəli yerləri göstərmək üçün tünd qırmızı kölgədən, qarpızın özünə həcm əlavə etmək üçün isə tünd yaşıldan (yenə də dama taxtası naxışındakı piksellərdən) istifadə edirik.

5. Solğunluq.

Dithering və ya qarışdırma, fərqli rəngli iki sərhəd zonasında piksellərin mütləq qaydada (həmişə deyil) bir şəkildə qarışdırılması üsuludur. Ən sadə, ən ümumi və təsirli yol, dama taxtası naxışında pikselləri dəyişməkdir:

Texnika texniki məhdudiyyətlər (daha doğrusu əksinə) sayəsində yaranmışdır - məhdud palitralı platformalarda dithering iki fərqli rəngli pikselləri qarışdıraraq palitrada olmayan üçüncünü əldə etməyə imkan verdi:

Dithering üçün daha iki seçim:

Aşağıda uğursuz diodinq nümunəsi verilmişdir. Belə bir texnikanın tez -tez video oyunlardan olan spritlərdə tapılmasına baxmayaraq, bilməlisiniz ki, televiziya ekranı görüntünü xeyli hamarlaşdırdı və belə bir daraq, hətta hərəkətdə olsa da, gözlə sabitlənmədi:

Yaxşı, kifayət qədər nəzəriyyə. Bir az daha məşq etməyi təklif edirəm.

Piksel sənəti rastr qrafikası ilə işləmək üçün istənilən proqramda çəkilə bilər, bu şəxsi üstünlük və təcrübə məsələsidir (əlbəttə ki, maliyyə imkanları da). Kimsə ən sadə Paint -dən istifadə edir, mən bunu Photoshop -da edirəm - çünki, birincisi, uzun müddətdir ki, orada işləyirəm, ikincisi, orada daha rahatam. Nədənsə pulsuz Paint.NET -i sınamaq qərarına gəldim, bəyənmədim - Zaporojetsdə avtomatik transmissiyalı xarici bir maşını tanıyan bir avtomobildə olduğu kimi oturmaq ehtimalı yoxdur. İşəgötürənim mənə lisenziyalı proqram təmin edir, buna görə Adobe korporasiyası qarşısında vicdanım aydındır ... Proqramlarının qiymətləri ağlasığmaz olsa da, cəhənnəmdə yandırılır.

1. İşə hazırlıq.

İstənilən parametrlərlə yeni sənəd yaradın (eni 60 piksel, hündürlüyü 100 piksel olsun). Piksel rəssamının əsas aləti qələmdir ( Qələm Aləti, hotkey ilə çağırılır B). Alət qutusunda bir fırça (və fırça işarəsi) aktivdirsə, üzərinə gətirin, basıb saxlayın LMB- qələm seçməli olduğunuz kiçik bir açılan menyu görünəcək. Qələm ölçüsünü 1 piksel olaraq təyin edin (sol üst paneldə açılan menyu Fırça):

Yeni başlayanlar üçün piksel sənəti. | Giriş.

Daha faydalı birləşmələr. " Ctrl+ "Və" Ctrl- "yaxınlaşdırır və uzaqlaşdırır. Basdığını bilmək də faydalıdır Ctrl və "(sitatlar-Milad ağacları və ya rus açarı") NS") Piksel sənəti çəkərkən çox kömək edən ızgaranı işə salır və söndürür. Şəbəkə addımı da özünüz üçün tənzimlənməlidir, 1 piksel olduğu zaman kimsə üçün daha əlverişlidir, 2 piksellik hüceyrə genişliyinə alışmışam. İtələyin Ctrl + K(və ya gedin Redaktə edin->Tərcihlər), nöqtəyə keçin Bələdçilər, Şəbəkə və Dilimlər və quraşdırın Gridline hər 1 piksel(Yenə deyirəm, mənim üçün daha əlverişlidir 2).

2. Rəsm.

Nəhayət, rəsm çəkməyə başlayırıq. Niyə yeni təbəqə yaradın ( Ctrl + Shift + N), qara qələm rənginə keçin (basın D qara və ağ rəngləri təyin edin) və xarakterin başını çəkin, mənim vəziyyətimdə bu simmetrik bir ellipsdir:

Yeni başlayanlar üçün piksel sənəti. | Giriş.

Alt və yuxarı bazaları 10 piksel uzunluğundadır, sonra 4 piksel, üç, üç, bir, bir və 4 piksel yüksəklikdə olan şaquli bir xətt var. Photoshop -da düz xətlər sıxaclarla çəkmək üçün əlverişlidir Shift Piksel sənətində təsvirin miqyası minimal olsa da, bu texnika bəzən çox vaxta qənaət edir. Səhv etdinizsə və çox çəkdinizsə, bir yerə tırmandınız - ruhdan düşməyin, silgi alətinə keçin ( Çox silgi l və ya " E») Və lazımsızları silin. Bəli, pozanı həm də qələm ölçüsünü 1 pikselə təyin etdiyinizə əmin olun ki, o, piksel-pikseli və qələm rejimini ( Rejim: Qələm), əks halda səhv şeyi siləcək. Yenidən qələmə keçərək sizə xatırlatmaq istərdim ki, "vasitəsilə B»

Ümumiyyətlə, bu ellips piksel sənətinin qaydalarına uyğun olaraq ciddi şəkildə çəkilmir, lakin bədii dizayn bunu tələb edir. Çünki bu gələcək başdır, gözlər, burunlar, ağızlar onun üzərində yerləşəcək - kifayət qədər detallar, nəticədə tamaşaçının diqqətini özünə cəlb edəcək və başın niyə bu qədər qeyri-müntəzəm formada olduğunu soruşmaq istəyini əngəlləyir.

Çəkməyə davam edərək bir burun, anten və ağız əlavə edin:

Yeni başlayanlar üçün piksel sənəti. | Giriş.

İndi gözlər:

Yeni başlayanlar üçün piksel sənəti. | Giriş.

Nəzərə alın ki, belə kiçik miqyasda gözlərin yuvarlaq olması lazım deyil - mənim vəziyyətimdə bunlar künc nöqtələri çəkilməyən yan uzunluğu 5 piksel olan kvadratlardır. Orijinal ölçüyə qayıtdıqda, olduqca yuvarlaq görünəcəklər, üstəlik kölgələrin köməyi ilə kürə təəssüratı artırıla bilər (bu barədə daha sonra dərsin 3 -cü hissəsinə baxın). Bu vaxt bir yerdə bir neçə pikseli silib başqa yerə çəkərək başın şəklini bir az düzəldəcəyəm:

Yeni başlayanlar üçün piksel sənəti. | Giriş.

Qaşları çəkirik (havada asılan heç bir şey yoxdur - mənim belə bir üslubum var) və ağızın künclərindəki qıvrımları təqlid edərək, təbəssümü daha ifadəli edirik:

Yeni başlayanlar üçün piksel sənəti. | Giriş.

Künclər hələ çox yaxşı görünmür, piksel sənəti qaydalarından biri, hər bir vuruşun və elementlərin iki bitişik pikseldən çox toxuna bilməyəcəyini söyləyir. Ancaq 80 -ci illərin sonu - 90 -cı illərin əvvəlindəki oyunlardan olan spritləri diqqətlə öyrənsəniz, bu səhv orada tez -tez tapıla bilər. Nəticə - bacarmırsan, amma həqiqətən istəyirsənsə, edə bilərsən. Bu detal daha sonra kölgələrin köməyi ilə doldurulma zamanı oynanıla bilər, buna görə hələlik daha da çəkəcəyik. Torso:

Yeni başlayanlar üçün piksel sənəti. | Giriş.

Hələlik ayaq biləklərinə məhəl qoymayın, yöndəmsiz görünür, dolduranda düzəldəcəyik. Kiçik bir düzəliş: qasıq nahiyəsinə bir kəmər və kıvrım əlavə edin və diz eklemlerini seçin (ayaq xəttindən çıxan 2 piksellik kiçik parçalardan istifadə edərək):

Yeni başlayanlar üçün piksel sənəti. | Giriş.

3. Doldurun.

Xarakterin hər bir elementi üçün üç rəng kifayətdir - əsas doldurma rəngi, kölgə rəngi və vuruş rəngi. Ümumiyyətlə, piksel sənətində rəng nəzəriyyəsi ilə bağlı çox şey var, ilkin mərhələdə ustaların işlərini araşdırmaqdan və rəngləri necə seçdiklərini təhlil etməkdən çəkinməyin. Hər bir elementin vuruşu, əlbəttə ki, qara qala bilər, lakin bu halda, elementlər mütləq birləşəcək, mən elementin əsas rənginə yaxın, lakin aşağı doyma ilə müstəqil rənglərdən istifadə etməyi üstün tuturam. Ən əlverişli yol, xarakterinizin yanında bir yerə kiçik bir palitrası çəkmək və sonra damcı vasitəsi ilə ondan rənglər götürməkdir ( Damlalıq Aləti, I):

İstədiyiniz rəngi seçərək "kova" alətini aktiv edin ( Boya Kovası, G.). Həmçinin, parametrlərdə Anti-alias funksiyasını deaktiv etməyinizə əmin olun, çəkilmiş konturlar daxilində aydın işləmək və onlardan kənara çıxmamaq üçün doldurmağa ehtiyacımız var:

Yeni başlayanlar üçün piksel sənəti. | Giriş.

Xarakterimizi doldura bilmədiyimizi doldururuq - qələmlə əllə çəkirik.

Yeni başlayanlar üçün piksel sənəti. | Giriş.

Ayaq biləyinə diqqət yetirin - bu sahələr cəmi 2 piksel qalın olduğu üçün hər iki tərəfdən vuruşdan imtina etməli oldum və 1 piksel qalınlığında əsas rəngli bir xətt buraxaraq yalnız nəzərdə tutulan kölgə tərəfdən çəkdim. Həm də nəzərə alın ki, qaşlarımı qara buraxdım, baxmayaraq ki, bunun heç bir əhəmiyyəti yoxdur.

Photoshop-da rəngə görə əlverişli seçim var ( Seçin-> Rəng diapazonuİstədiyiniz rəngdə damcı ilə soxmaqla, biz eyni rəngli bütün sahələrin seçimini və onların ani doldurulma imkanını əldə edəcəyik, lakin bunun üçün xarakterinizin elementləri müxtəlif təbəqələrdə olmalıdır, ona görə də hələlik biz bu funksiyanı qabaqcıl Photoshop istifadəçiləri üçün faydalı hesab edəcək):

Yeni başlayanlar üçün piksel sənəti. | Giriş.

4. Kölgə və titrəmə.

İndi kölgənin rənglərini seçirik və qələmə keçirik ( B) kölgə yerlərini diqqətlə düzün. Mənim vəziyyətimdə, işıq mənbəyi solda və yuxarıda bir yerdə, xarakterin qarşısında yerləşir - buna görə də alt hissəyə vurğu edərək sağ tərəfləri kölgə ilə qeyd edirik. Bir tərəfdən kölgələrin köməyi ilə relyefdə fərqlənən, digər tərəfdən isə özləri kölgə salan (gözlər, burun, üz qıvrımları) bir çox kiçik elementlər olduğu üçün üz kölgədə ən varlı olacaq:

Yeni başlayanlar üçün piksel sənəti. | Giriş.

Kölgə çox güclü bir vizual vasitədir, yaxşı işarələnmiş bir kölgə xarakterin görünüşünə və tamaşaçıda olduğu təəssürata faydalı təsir göstərəcək. Piksel sənətində, yersiz bir piksel bütün işi məhv edə bilər, halbuki belə kiçik düzəlişlər təsviri daha gözəl edə bilər.

O ki qaldı qaralmaq“Ancaq belə miniatür ölçüləri olan bir obrazda, məncə, bu, tamamilə artıqdır. Metodun özü, piksellərin pilləli tənzimlənməsi ilə əldə edilən iki bitişik rəngin "qarışdırılmasından" ibarətdir. Bununla belə, texnika haqqında bir təsəvvürə sahib olmaq üçün hələ də şalvarda, köynəkdə və üzdə kiçik qarışıq sahələri təqdim edəcəyəm:

Yeni başlayanlar üçün piksel sənəti. | Giriş.

Ümumiyyətlə, gördüyünüz kimi, xüsusilə mürəkkəb bir şey yoxdur. Piksel sənəti o qədər cəlbedicidir ki, bəzi naxışlara yiyələnən hər kəs özünü olduqca yaxşı çəkə bilər - ustaların işlərini diqqətlə öyrənməklə. Bəli, rəsm və rəng nəzəriyyəsinin əsasları haqqında bəzi məlumatlar hələ də zərər vermir. Bunun üçün gedin!

Səhər İnternetdə gəzərkən, bu iki məqaləni tapdığım material axtararaq Pixel Art haqqında bir yazı yazmaq istədim.

Pixel Art hətta oyunlar üçün çox populyardır və bunun bir neçə səbəbi var!

Beləliklə, Pixel Art-ı valeh edən nədir:

1. Qavrayış. Pixel Art heyrətamiz görünür! Sprite-də hər bir fərdi piksel haqqında çox şey deyə bilərsiniz.
2. Nostalji. Pixel Art Nintendo, Super Nintendo və ya Genesis (mənim kimi!) oyunlarında böyümüş oyunçular üçün böyük nostalji hisslər gətirir.
3. Öyrənmə asanlığı. Pixel Art öyrənmək üçün ən asan rəqəmsal sənətlərdən biridir, xüsusən də rəssamdan daha çox proqramçısınızsa;]

Özünüzü Pixel Art -da sınamaq istəyirsiniz? Öz oyununda istifadə edə biləcəyiniz sadə, lakin təsirli bir oynanış xarakteri necə göstərəcəyimi göstərdiyim zaman mənimlə birlikdə izləyin! Üstəlik, bonus olaraq, onu iPhone oyunlarına necə inteqrasiya edəcəyimizə nəzər salacağıq!

Uğurla öyrənmək üçün sizə Adobe Photoshop lazımdır. Əgər yoxdursa, Adobe veb saytından və ya torrentdən pulsuz sınaq versiyasını yükləyə bilərsiniz.

Pixel Art nədir?

Başlamadan əvvəl, Pixel Art -ın nə olduğunu aydınlaşdıraq, düşündüyünüz qədər açıq deyil. Pixel Artın nə olduğunu müəyyən etməyin ən asan yolu, nəyin olmadığını, yəni piksellərin avtomatik yaradıldığı hər şeyi təyin etməkdir. Budur bəzi nümunələr:

Gradient: İki rəng seçin və aralarındakı piksellərin rəngini hesablayın. Gözəl görünür, lakin Pixel Art deyil!

Blur Aləti: Pikselləri müəyyənləşdirin və əvvəlki şəklin yeni versiyasını yaratmaq üçün onların dublikatını / redaktə edin. Yenə piksel sənəti deyil.

Hamarlaşdırıcı vasitə(əsasən "hamar" bir şey etmək üçün fərqli rənglərdə yeni piksellər yaratmaq). Onlardan qaçmalısan!

Bəziləri deyəcəklər ki, hətta avtomatik yaradılan rənglər də Pixel Art deyil, çünki onlar effektləri qarışdırmaq üçün bir təbəqə qəbul edirlər (verilmiş alqoritmə uyğun olaraq iki təbəqə arasında pikselləri qarışdırır). Ancaq əksər cihazlar hal -hazırda milyonlarla rənglə işlədiyindən bu ifadəyə məhəl qoyula bilməz. Bununla belə, az sayda rəngdən istifadə Pixel sənətində yaxşı təcrübədir.

kimi digər alətlər (xətt) və ya boya kovası aləti(boya kovası) da avtomatik olaraq piksellər yaradır, ancaq onları doldurulmuş piksellərin üzərində hamarlamayacaq şəkildə qura bildiyiniz üçün bu vasitələr Pixel Art dostu hesab olunur.

Beləliklə, Pixel Art -ın hər bir pikseli çox vaxt əl ilə və məhdud rəng palitrası ilə yerləşdirərkən çox diqqət tələb etdiyini gördük. İndi işə başlayaq!

İşin başlanğıcı

İlk Pixel Art aktivinizi yaratmağa başlamazdan əvvəl bilməlisiniz ki, Pixel Art miqyaslandırıla bilməz. Azaltmağa çalışsanız, hər şey bulanıq görünəcək. Onu böyütməyə çalışsanız, 2-dən çox miqyasdan istifadə etdiyiniz müddətcə hər şey qaydasında görünəcək (lakin bu, əlbəttə ki, kəskin olmayacaq).

Bu problemin qarşısını almaq üçün əvvəlcə oyun xarakterinizin və ya oyun elementinizin nə qədər böyük olduğunu anlamalısınız və sonra işə başlamalısınız. Bu, çox vaxt hədəflədiyiniz cihazın ekran ölçüsünə və neçə "piksel" görmək istədiyinizə əsaslanır.

Məsələn, oyunun iPhone 3GS ekranında iki dəfə böyük görünməsini istəyirsinizsə (“Bəli, mən, həqiqətən, oyunuma pikselləşdirilmiş retro görünüş vermək istəyirəm!”), Ekranın təsvir ölçüsü 480x320 piksel olan, o zaman işləmək lazımdır. qətnamənin yarısı. bu halda 240x160 piksel olacaq.

Yeni bir Photoshop sənədini açın ( Fayl → Yeni ...) və ölçüsünü oyun ekranınızın ölçüsü olaraq təyin edin, sonra xarakteriniz üçün bir ölçü seçin.

32 × 32 piksel seçdim, yalnız seçilmiş ekran ölçüsü üçün əla olduğu üçün deyil, həm də 32 × 32 piksel həm də oyuncaq mühərriklər üçün əlverişli olan 2 -nin çarpanları olduğu üçün (kafel ölçüləri tez -tez 2 -nin qatlarıdır, toxumalar hizalanır) 2 -nin çoxluğu və s.

İstifadə etdiyiniz mühərrik hər hansı bir görüntü ölçüsünü dəstəkləsə belə, həmişə bərabər sayda piksellə işləməyə cəhd edə bilərsiniz. Bu vəziyyətdə, görüntünün ölçülməsi lazımdırsa, ölçü daha yaxşı paylaşılacaq və nəticədə daha yaxşı performansla nəticələnəcək.

Pixel Art personajını necə çəkmək olar

Pixel Art xırtıldayan və oxunması asan qrafika ilə tanınır: siz üz xüsusiyyətlərini, gözləri, saçları, bədən hissələrini bir neçə nöqtə ilə müəyyən edə bilərsiniz. Bununla belə, şəkillərin ölçüsü işi çətinləşdirir: xarakteriniz nə qədər kiçik olsa, onları çəkmək bir o qədər çətindir. Tapşırığa daha praktik yanaşmaq üçün xarakter xüsusiyyətlərindən ən kiçiyinin nə olacağını seçin. Mən həmişə gözləri seçirəm, çünki onlar bir xarakterə həyat nəfəs vermənin ən yaxşı yollarından biridir.

Photoshop -da seçin Qələm aləti(Qələm aləti). Tapa bilmirsinizsə, aləti basıb saxlayın Fırça Aləti(Fırça Aləti) və dərhal görəcəksiniz (siyahıda ikinci olmalıdır). Ölçüsünü 1px olaraq dəyişdirməlisiniz (alət seçimləri çubuğuna tıklayaraq ölçüsünü dəyişə bilərsiniz və ya [) düyməsini basıb saxlayın.

Sizə də lazım olacaq Aləti silmək(Eraser Tool), ona görə də üzərinə klikləyin (və ya E düyməsini basın) və açılan siyahıdan seçim edərək parametrlərini dəyişdirin. Rejim:(Rejim :) Qələm(Qələm) (çünki bu rejimdə kənarlaşdırma əleyhinə yoxdur).

İndi pikselləşdirməyə başlayaq! Aşağıdakı şəkildə göstərildiyi kimi qaşları və gözləri çəkin:

Artıq Lineart ilə başlaya bilərsiniz (rəsm xətlər istifadə edildikdə), amma daha praktik bir yol xarakterin siluetini çəkməkdir. Yaxşı xəbər budur ki, bu mərhələdə peşəkar olmağa ehtiyac yoxdur, sadəcə bədən hissələrinin ölçülərini (baş, bədən, qollar, ayaqlar) və xarakterin başlanğıc vəziyyətini təsəvvür etməyə çalışın. Boz rəngdə belə bir şey etməyə çalışın:

Diqqət edin, mən də bir az boşluq buraxdım. Həqiqətən bütün kətanı doldurmağa ehtiyac yoxdur, gələcək çəkilişlər üçün yer buraxın. Bu vəziyyətdə, hamısı üçün eyni kətan ölçüsünü saxlamaq çox faydalı olacaq.

Silueti bitirdikdən sonra vaxt gələcək ... İndi piksellərin yerləşdirilməsi ilə daha diqqətli olmalısınız, buna görə də hələlik geyim, zireh və s. barədə narahat olmayın. Təhlükəsiz tərəfdə olmaq üçün orijinal siluetinizi heç vaxt itirməmək üçün yeni təbəqə əlavə edə bilərsiniz.

Qələm alətinin çəkmək üçün çox yavaş olduğunu hiss edirsinizsə, həmişə istifadə edə bilərsiniz (Line Tool), yalnız bir qələm ilə olduğu kimi pikselləri dəqiq yerləşdirə bilməyəcəyinizi unutmayın. Siz fərdiləşdirməli olacaqsınız aşağıda göstərildiyi kimi:

Zəhmət olmasa seçin basıb saxlamaqla Düzbucaqlı alət(Dikdörtgen Aləti)

Açılan siyahıdakı alət seçimləri panelinə gedin Alət rejimini seçin(Kontur çəkmə rejimi) Pixel seçin, dəyişdirin Ağırlıq(Qalınlıq) 1px (əgər artıq edilməmişdirsə) və işarəni çıxarın Anti-ləqəb(Hamarlaşdırıcı). Buna sahib olmalısınız:

Qeyd edim ki, ayaqlar üçün alt kontur çəkməmişəm. Bu, isteğe bağlıdır, çünki ayaqlar fərqlənmək üçün ayaqların o qədər də vacib hissəsi deyil və bu, kətan üzərində bir sıra piksellərə qənaət edəcək.

Rəngləri və kölgələri tətbiq edin

İndi xarakterimizi rəngləməyə başlamağa hazırsınız. Doğru rəngləri seçməkdən narahat olmayın, sonradan dəyişdirmək çox asan olacaq, hər kəsin öz rənginə sahib olduğundan əmin olun. Nişanda standart rənglərdən istifadə edin Vərəqələr(Pəncərə → Nümunələr).

Aşağıdakı şəkildəki kimi xarakterinizi rəngləndirin (ancaq yaradıcı olmaq və öz rənglərinizdən istifadə etməkdən çəkinməyin!)

Diqqət yetirin ki, hələ də paltarların və saçların konturlarını düzəltməmişəm. Həmişə unutmayın: lazımsız konturlardan mümkün qədər çox piksel saxla!

Hər pikseli rəngləmək üçün vaxt itirməyin. İşinizi sürətləndirmək üçün eyni rəngli xətləri istifadə edin və ya Boya kovası aləti(Boya Kovası Aləti) boşluqları doldurmaq üçün. Yeri gəlmişkən, onu da konfiqurasiya etmək lazımdır. Zəhmət olmasa seçin Boya kovası aləti alət çubuğunda (və ya sadəcə G düyməsini basın) və dəyişdirin Tolerantlıq(Dözümlülük) 0-a, həmçinin qutunun işarəsini çıxarın Anti-ləqəb(hamarlayan).

İstifadəyə ehtiyacınız varsa Sehrli Çubuq vasitəsi(Sehrli Çubuq Aləti) - eyni rəngdə olan bütün pikselləri seçən, sonra Boya Kovası aləti ilə eyni şəkildə tənzimləyən çox dözümlü və ya ləkələnməyən çox faydalı bir vasitədir.

Sizdən müəyyən bilik tələb edəcək növbəti addım işıqlandırma və kölgə salmaqdır. İşıq və qaranlıq tərəfləri necə göstərmək barədə məlumatınız yoxdursa, aşağıda sizə kiçik bir təlimat verəcəyəm. Bunu öyrənmək üçün vaxtınız və istəyiniz yoxdursa, bu addımı atıb "Palitranıza rəng qatmaq" bölməsinə keçə bilərsiniz, axı, kölgənizi mənim nümunəmdəki kimi edə bilərsiniz!

İstədiyiniz / edə biləcəyiniz şəkildə forma verməyə çalışın, çünki bundan sonra aktiv daha maraqlı görünməyə başlayır. Məsələn, indi siz burnunuzu, qaşqabağınız gözləri, saçın şokunu, şalvarın bükülməsini və s. görə bilərsiniz. Üzərinə bir neçə işıq ləkəsi də əlavə edə bilərsiniz, daha da gözəl görünəcək:

İndi, söz verdiyim kimi, işıqlar və kölgələr üçün kiçik bir bələdçi:

Paletinizi bəzəmək

Bir çox insan standart palitrası rənglərindən istifadə edir, lakin bir çox insan bu rəngləri istifadə etdiyindən onları bir çox oyunda görə bilərik.

Photoshop standart palitrasında çoxlu rəng seçiminə malikdir, lakin buna çox güvənməməlisiniz. Alətlər panelinin altındakı əsas palitraya tıklayaraq öz rənglərinizi etmək daha yaxşıdır.

Sonra, Rəng Seçici pəncərəsində rəngi seçmək üçün sağ yan panelə və istədiyiniz parlaqlığı (daha açıq və ya daha tünd) və doyma səviyyəsini (daha zəngin və ya daha tutqun) seçmək üçün əsas sahəni nəzərdən keçirin.

İstədiyinizi tapdıqdan sonra OK və klikləyin Paint Bucket alətini yenidən konfiqurasiya edin... Narahat olmayın, siz sadəcə olaraq "Bitişmiş" qutusunun işarəsini silə bilərsiniz və yeni rənglə rənglədiyiniz zaman eyni fon rənginə malik istənilən yeni piksel də rənglənəcək.

Az sayda rənglə işləmək və eyni əşyanı (köynək, saç, dəbilqə, zireh və s.) Həmişə eyni rəngdə istifadə etməyin vacib olmasının başqa bir səbəbidir. Ancaq digər sahələr üçün fərqli rənglərdən istifadə etməyi unutmayın, əks halda rəsmimiz həddindən artıq boyanacaq!

İstəsəniz rəngləri dəyişdirin və daha cazibədar bir xarakter rənglənməsi əldə edin! Konturları yenidən rəngləyə bilərsiniz, sadəcə arxa plana yaxşı uyğunlaşdığından əmin olun.

Nəhayət, bir fon rəngi testi edin: xarakterinizin altında yeni bir təbəqə yaradın və fərqli rənglərlə doldurun. Bu, xarakterinizin işıq, qaranlıq, isti və soyuq fonlarda göründüyündən əmin olmaq üçündür.

Artıq gördüyünüz kimi, indiyə qədər istifadə etdiyim bütün alətlərdə anti-aliasing funksiyasını söndürdüm. Bunu digər alətlərdə də etməyi unutmayın, məsələn, Elliptik çadır(Oval marquee) və Lasso(Lasso).

Bu vasitələrlə seçilmiş hissələrin ölçüsünü asanlıqla dəyişə, hətta döndərə bilərsiniz. Bunu etmək üçün hər hansı bir seçim vasitəsindən istifadə edin (və ya M düyməsini basın) bir sahə seçin, sağ vurun və seçin Pulsuz çevrilmə(Pulsuz Dönüşüm) və ya sadəcə Ctrl + T düymələrini basın. Seçimin ölçüsünü dəyişdirmək üçün tutacaqlardan birini çevrilmə çərçivəsinin ətrafına sürükləyin. Nisbətləri qoruyarkən seçimin ölçüsünü dəyişdirmək üçün Shift düyməsini basıb saxlayın və künc tutacaqlarından birini sürükləyin.

Bununla birlikdə, Photoshop, funksiya ilə düzəldilən hər şeyi avtomatik olaraq düzəldir Pulsuz çevrilmə buna görə redaktə etməzdən əvvəl gedin Redaktə et -> Tercihlər -> Ümumi(Ctrl + K) və dəyişdirin Şəkil interpolasiyası(Şəkil interpolasiyası) aktivdir Ən yaxın qonşu(Ən yaxın qonşu). Bir sözlə, ilə Ən yaxın qonşu yeni mövqe və ölçü çox kobud hesablanır, heç bir yeni rəng və ya asetat tətbiq edilmir və seçdiyiniz rənglər qorunur.

İPhone Oyunlarına Pixel Art İnteqrasiyası

Bu bölmədə siz Cocos2d oyun çərçivəsindən istifadə edərək piksel sənətimizi iPhone oyununa necə inteqrasiya edəcəyinizi öyrənəcəksiniz. Niyə yalnız iPhone haqqında düşünürəm? Çünki Birlik haqqında bir sıra məqalələr sayəsində (məsələn: və ya Birlik 2D -də Jetpack Joyride üslubunda oynamaq) Onlarla Birlikdə necə işləməyi və Crafty (Brauzer oyunları: İlan ) və Impact (Browser Impact games yaradılmasına giriş) siz onları kətana necə yerləşdirməyi və brauzer oyunları yaratmağı öyrəndiniz.

Cocos2D və ya ümumiyyətlə iPhone tətbiqetməsində yenisinizsə, Cocos2d və iPhone dərslərindən biri ilə başlamağı məsləhət görürəm. Əgər sizdə Xcode və Cocos2d quraşdırılıbsa, oxumağa davam edin!

Yeni layihə yaradın iOS → cocos2d v2.x → cocos2d iOS şablonu, onu PixelArt adlandırın və cihazınız kimi iPhone seçin. Yaradılmış piksel sənətini: sprite_final.png kimi layihənizə sürükləyin və sonra açın HelloWorldLayer.m və başlatma metodunu aşağıdakılarla əvəz edin:

- (id) init (əgər ((özünü =)) (CCSprite * qəhrəman =; hero.position = ccp (96, 96); hero.flipX = YES ;;) özünü qaytar;)

Spriteni ekranın sol tərəfinə yerləşdiririk və sağ tərəfə baxması üçün fırladıırıq. Tərtib edin, işləyin və sonra ekranınızdakı sprite -ni görəcəksiniz:

Ancaq unutmayın ki, bu dərsdə əvvəllər müzakirə etdiyimiz kimi, pikselləri süni şəkildə böyütmək istəyirdik ki, hər piksel digərlərindən nəzərəçarpacaq dərəcədə fərqlənsin. Beləliklə, init metoduna bu yeni xətti əlavə edin:

Hero.scale = 2.0;

Mürəkkəb bir şey yoxdur, elə deyilmi? Tərtib edin, qaçın və ... gözləyin, spritimiz bulanıqdır!

Bunun səbəbi, defolt olaraq, Cocos2d şəkli ölçən zaman onu düzəldir. Buna ehtiyacımız yoxdur, buna görə aşağıdakı sətri əlavə edin:

Bu xətt Cocos2d-ni anti-aliasing olmadan şəkilləri miqyaslandırmaq üçün konfiqurasiya edir, buna görə də bizim oğlan hələ də "pikselli" görünür Tərtib edin, işləyin və ... bəli, işləyir!

Pixel Art qrafikasından istifadənin üstünlüklərinə diqqət yetirin - biz çoxlu faktura yaddaşına qənaət edərək ekranda göstəriləndən daha kiçik təsvirdən istifadə edə bilərik. Retina ekranlar üçün ayrıca şəkillər çəkməyə belə ehtiyacımız yoxdur!

Sonrakı nədir?

Ümid edirəm bu dərsdən zövq aldınız və piksel sənəti haqqında bir az daha çox şey öyrəndiniz! Ayrılmadan əvvəl sizə bəzi məsləhətlər vermək istəyirəm:

• Həmişə aktivləriniz üçün kənarlaşdırma, qradiyentlər və ya çox rəng istifadə etməməyə çalışın. Bu, sizin xeyrinizədir, xüsusən də siz hələ də başlanğıcsınızsa.
• Əgər siz HƏQİQƏTƏNDƏ retro üslubu təqlid etmək istəyirsinizsə, 8-bit və ya 16-bit konsol oyunlarında şəkillərə baxın.
• Bəzi üslublarda qaranlıq konturlar istifadə edilmir, digərlərində işıq və ya kölgənin təsirləri nəzərə alınmır. Hamısı üslubdan asılıdır! Dərsliyimizdə kölgələr çəkməmişik, amma bu, onlardan istifadə etməməyiniz demək deyil.

Yeni başlayanlar üçün Pixel Art öyrənmək üçün ən asan qrafika ola bilər, lakin əslində göründüyü qədər sadə deyil. Bacarıqlarınızı artırmağın ən yaxşı yolu təcrübə, təcrübə, praktikadır. Digər sənətçilərin sizə məsləhət verə bilməsi üçün əsərlərinizi Pixel Art forumlarında yerləşdirməyi məsləhət görürəm - bu texnikanızı inkişaf etdirməyin əla bir yoludur! Kiçik başlayın, çox məşq edin, rəy alın və sizə çoxlu pul və sevinc gətirəcək heyrətamiz bir oyun yarada bilərsiniz!

Pixel Art və ya piksel sənəti, bitmap redaktorlarında pikselə görə yaradılan rəqəmsal rəsmdir. Piksel təsvirin ən kiçik qrafik elementidir. Başqa sözlə, nöqtə budur. Və bütün piksel sənəti, bir qədər qeyri -bərabər, sanki zəif çəkilmiş kimi görünən saysız -hesabsız nöqtə qruplarından ibarətdir. Ancaq belə şəkillərin gözəlliyi budur.

Bir az tarix

Hansı proqramlar müasir piksel sənəti yarada bilər

Orada bir çox pulsuz bitmap redaktoru var. Ancaq daha tez -tez Microsoft Paint və Adobe Photoshop adlanır. Doğrudur, Paint, piksel sənət yaratmaq üçün Adobe Photoshop -dan daha az əlverişli bir vasitə hesab olunur. Niyə? Bu proqramda:
şəkillərin bərabərliyinə və simmetriyasına nail olmaq çox çətindir;
jpg formatında saxlayarkən güclü bir rəng təhrifi meydana gəlir;
kölgələri və parlaq məqamları çəkmək çətindir.
Buna görə də Adobe Photoshop-a üstünlük verməyə çalışırlar. Bu proqramın Paint -dən daha çox iş imkanları var. Sadə bir dizaynla fərdi personajları deyil, bütün şəkilləri çəkməyə imkan verir. Bundan əlavə, piksel sənətinin özünü burada redaktə etmək daha asan və sürətlidir. Adobe Photoshop -da rəng keçidlərini hamar və təbii şəkildə köçürə bilərsiniz.

Pixel Art -da əyilmələrdən necə qorunmaq olar

Piksel sənəti kvadrat və ya düzbucaqlı “nöqtələr” olan piksellər toplusudur. Belə "nöqtələrdən" bir şəkil çəkildikdə, bucaq görünür, xətlərdəki hamarlıq yox olur. Bu, bir tərəfdən Pixel Art vizit kartıdır, digər tərəfdən isə şəkli istifadəçi üçün səliqəli və cazibədar edəcək daha hamarlıq istəyirəm. Piksel sənətçilərinin dilində bu problemə kinks və ya "jaggies" deyilir.
Jaggies hər hansı bir xəttə kəsikli xətlər verən fraqmentlərdir. Adətən aşağıdakı yollardan birində atılırlar:
knock-out xətti seqmentini 2, 3 və ya daha çox piksel uzunluğunda artırmaq;
görkəmli sahədə piksellərin uzunluğunu azaltmaq;
xəttin yeni bölməsi bir neçə vahid pikseldən qurulmuşdur;
daha uzun "nöqtələr" arasındakı qovşağa tək piksellər əlavə edin və s.
Kıvrımların düzgün aradan qaldırılması üçün əsas qaydanı xatırlamalısınız: əyri bir xəttdəki elementlərin uzunluğu tədricən azalmalı və ya artmalıdır. Həm də yadda saxlamalısınız ki, bir xətt seqmentinin hündürlüyündə iki və ya daha çox piksel dəyişdirilməsi hamarlığın pozulmasına gətirib çıxarır.
Buna görə daimi rəsm təcrübəsinə ehtiyac var. Qıvrımların qarşısını almaq üçün sadə və əyani köməkçi olaraq bir sıra əyri xətlərdən istifadə edə bilərsiniz.

Pixel Art -da kölgəni necə əldə etmək olar

Piksel sənəti ilə bağlı başqa bir vacib məqam həcmdir. Digər qrafik seçimlərində olduğu kimi, işıqlandırmalar və kölgələr vasitəsilə əldə edilir. Piksel sənətində bir kölgə yaratmaq üçün işıqdan qaranlığa və ya bir rəngdən digərinə hamar bir keçid lazımdır. Bu effekti əldə etmək üçün tez -tez qarışdırma texnologiyası istifadə olunur - çürütmək və ya çürütmək. Başqa sözlə, iki rəngin sərhədində dama taxtası naxışında qarışdırılır. Bu üsul çiçək çatışmazlığı fonunda ortaya çıxdı. İki rəngin qarışdığı bir dama taxtasının köməyi ilə palitrada olmayan üçüncüsünü əldə etmək mümkün oldu.
Bununla birlikdə, palitrası əhəmiyyətli dərəcədə genişləndikdən sonra dithering texnologiyası hələ də tələbatda qaldı. Ancaq yadda saxlamalısınız ki, bir rəngdən digərinə bir piksel genişliyə keçid yaxşı görünmür. Yalnız bir tarak olduğu ortaya çıxdı. Buna görə də
minimum qarışdırma sahəsi ən azı iki piksel olmalıdır. Və bu keçid nə qədər geniş olsa, bir o qədər yaxşıdır.
Həmçinin, kölgə yaratarkən:
işığın obyektə hansı açıdan və hansı tərəfdən düşəcəyini müəyyən etmək vacibdir. Bu, rəsmini "canlı" etməyə və kölgəni harada çəkəcəyinizi başa düşməyə imkan verəcəkdir. Məsələn, işıq sağdan düşürsə, o zaman kölgə sahələri solda yerləşəcək və s.;
əsas rənglərdən daha qaranlıq rənglərdən istifadə etməlisiniz. Bunlar. kölgə kölgəli sahənin özündən daha tünd rənglərdən istifadə etməklə təsvir edilməlidir. Məsələn, obyekt qırmızı olarsa, kölgəsi tünd qırmızı və ya tünd qəhvəyi olacaq;
qismən kölgə haqqında unutmayın. Bu məqsədlə, palitraya görə, əsas rənglə kölgənin rəngi arasında olan bir kölgə seçilir. Bu kölgə bu iki rəngin qatları arasına qoyulur. Nəticədə qaranlıq bir sahədən daha yüngül bir sahəyə hamar bir keçidin təsiri yaranır.

Piksel sənətində alovu necə əldə etmək olar

Parıltı, kölgə kimi, çəkilən obyektlərə həcm əlavə edir. O, həmişə işığın düşdüyü tərəfdədir. Ancaq obyekt parlaq bir səthə sahib olmaq üçün nəzərdə tutulmuşdursa, məsələn, çini fincan, poladdan hazırlanmış qılınc və s., o zaman kölgəli bir ərazidə parıltı da lazımdır.
İşığın düşdüyü ərazidə bir vurgu yaratmaq üçün əsasdan daha yüngül olacaq bir boya götürməlisiniz. Sadəcə bu ləkənin parlaqlığında qeyrətli olmayın - təbii olaraq çıxmaya bilər. Çox vaxt alovlanma ağ keçid olmadan təsvir olunur. Təbiətdə bu baş vermir. Və mövzu düz görünəcək.
Kölgənin yan tərəfində vurğu yaratmaq üçün kölgənin özünün tətbiq olunduğu rəngdən daha açıq rəngə ehtiyacınız var. Və bu vəziyyətdə, eyni anda bir neçə kölgə istifadə edərək əldə edilə bilən hamar bir keçid də lazımdır.
Bütün bunları etmək üçün əlbəttə ki, təcrübə lazımdır. Və ən sadə şeylərdən başlamaqdır.

Piksel səviyyəli rəsm vizual sənətdə öz yerini tutur. Əsl şah əsərləri sadə piksellərdən istifadə etməklə yaradılır. Əlbəttə ki, bir kağız vərəqində bu cür rəsmlər yarada bilərsiniz, ancaq qrafik redaktorların köməyi ilə şəkil çəkmək daha asan və daha doğrudur. Bu yazıda bu cür proqramların hər bir nümayəndəsini ətraflı təhlil edəcəyik.

Piksel səviyyəsində işləyə bilən dünyanın ən məşhur görüntü redaktoru. Bu redaktorda belə şəkillər yaratmaq üçün sadəcə bir neçə əvvəlcədən quraşdırma addımını yerinə yetirmək lazımdır. Burada sənətkarın sənət yaratmaq üçün ehtiyacı olan hər şey var.

Ancaq digər tərəfdən, piksel sənəti çəkmək üçün bu qədər çox funksiyaya ehtiyac yoxdur, buna görə də yalnız müəyyən bir funksiya üçün istifadə edəcəksinizsə, proqram üçün artıq ödəməyin heç bir mənası yoxdur. Əgər siz bu istifadəçilərdənsinizsə, sizə xüsusi olaraq piksel qrafikasına diqqət yetirən digər nümayəndələrə diqqət yetirməyi məsləhət görürük.

PyxelEdit

Bu proqramda belə rəsmlər yaratmaq üçün lazım olan hər şey var və rəssamın heç vaxt ehtiyac duymayacağı funksiyalarla doymur. Parametr olduqca sadədir, rəng palitrasında istənilən rəngi istədiyiniz tona dəyişə bilərsiniz və pəncərələrin sərbəst hərəkəti proqramı özünüz üçün fərdiləşdirməyə kömək edəcəkdir.

PyxelEdit-in kətana plitələr quraşdırmaq funksiyası var ki, bu da oxşar məzmunlu obyektlər yaratarkən lazımlı ola bilər. Sınaq versiyası rəsmi internet saytından yükləmək üçün mövcuddur və istifadə üçün heç bir məhdudiyyət yoxdur, buna görə də satın almadan əvvəl məhsula toxuna bilərsiniz.

Pixelformer

Görünüş və funksionallıq baxımından bu, ən çox yayılmış qrafik redaktordur, yalnız piksel təsvirləri yaratmaq üçün bir neçə əlavə xüsusiyyətə malikdir. Bu, tamamilə pulsuz olaraq paylanan bir neçə proqramdan biridir.

Tərtibatçılar məhsullarını piksel sənəti yaratmaq üçün uyğun yerləşdirmirlər, onlar bunu loqo və nişanlar çəkmək üçün əla üsul adlandırırlar.

GraphicsGale

Demək olar ki, bütün bu proqramlarda, məhdud funksiyalar və səhv tətbiq səbəbiylə ən çox istifadə edilə bilməyən bir şəkil animasiya sistemi tətbiq etməyə çalışırlar. GraphicsGale də bununla yaxşı deyil, amma ən azından bu funksiya yaxşı işləyə bilər.

Rəsmə gəlincə, hər şey redaktorların əksəriyyətində olduğu kimidir: əsas funksiyalar, böyük rəng palitrası, çoxsaylı təbəqələr yaratmaq bacarığı və işə mane ola biləcək artıq heç bir şey.

Charamaker

Character Maker 1999 ən qədim proqramlardan biridir. Daha sonra animasiya üçün digər proqramlarda istifadə ediləcək və ya kompüter oyunlarına daxil ediləcək fərdi simvollar və ya elementlər yaratmaq üçün yaradılmışdır. Buna görə də rəsm yaratmaq üçün çox uyğun deyil.

İnterfeys çox yaxşı deyil. Demək olar ki, heç bir pəncərəni köçürmək və ya ölçüsünü dəyişmək mümkün deyil və standart düzülüş çox yaxşı deyil. Ancaq buna öyrəşə bilərsiniz.

Pro Motion NG

Bu proqram, pəncərələri əsas pəncərədən asılı olmayaraq hər hansı bir nöqtəyə köçürə biləcəyiniz və ölçüsünü dəyişə biləcəyiniz düşünülmüş bir interfeysdən tutmuş damcıdan qələmə qədər avtomatik olaraq keçmək üçün demək olar ki, hər şey üçün idealdır. inanılmaz dərəcədə əlverişli xüsusiyyət.

Əks təqdirdə, Pro Motion NG istənilən səviyyədə piksel qrafikası yaratmaq üçün sadəcə yaxşı bir proqramdır. Sınaq versiyası rəsmi veb saytından yüklənə və tam versiyanın gələcəkdə satın alınması ilə bağlı qərar verilə bilər.

Aseprit

Həqiqətən piksel sənəti yaratmaq üçün ən əlverişli və gözəl proqram hesab edilə bilər. Yalnız interfeys dizaynı çox şeyə dəyər, amma bu, Aseprite -in bütün üstünlükləri deyil. Burada bir şəkil canlandıra bilərsiniz, ancaq əvvəlki nümayəndələrdən fərqli olaraq, bacarıqlı şəkildə həyata keçirilir və istifadəsi asandır. Gözəl GIF-animasiyalar yaratmaq üçün hər şey var.