Piksel sənəti: ən yaxşı əsərlər və illüstratorlar. Piksel Sənəti

Pixel Art (Pixel qrafika) bu günlərdə də oyunlar üçün çox populyardır və bunun bir neçə səbəbi var!

Beləliklə, Pixel Art-ı cazibədar 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 söyləmək olar.
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ək asandır. Pixel Art, xüsusən rəssamdan daha çox proqramçısınızsa, öyrənmək üçün rəqəmsal sənətin ən asan formalarından biridir;]

Beləliklə, Pixel Art-da gücünüzü sınamaq istəyirsiniz? Öz oyununuzda istifadə edə biləcəyiniz sadə, lakin təsirli bir oyun personajı yaratmağı sizə göstərdiyim kimi mənimlə birlikdə olun! Üstəlik, bonus olaraq, onu iPhone oyunlarına necə inteqrasiya edəcəyimizə baxacağıq!

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

Pixel Art nədir?

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

Qradient: İ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: Əvvəlki təsvirin yeni versiyasını yaratmaq üçün piksellərin müəyyən edilməsi və onların təkrarlanması/redaktə edilməsi. Yenə də piksel sənəti deyil.

Hamar Alət(əsasən bir şeyi "hamar" etmək üçün müxtəlif 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 Pixel Art deyil, çünki onlar effektləri qarışdırmaq üçün təbəqə tələb edir (verilmiş alqoritmə uyğun olaraq iki təbəqə arasında pikselləri qarışdırmaq). Ancaq bu gün əksər cihazlar milyonlarla rənglə işlədiyi üçün bu ifadəyə məhəl qoyula bilməz. Bununla belə, bir neçə rəngdən istifadə Pixel Art-da yaxşı təcrübədir.

kimi digər alətlər (xətt) və ya boya qabı aləti(Paint Bucket) də avtomatik olaraq piksellər yaradır, lakin siz onları doldurduğunuz piksellərə anti-ləqəb qoymamaq üçün təyin edə bildiyiniz üçün bu alətlər Pixel Art dostu hesab olunur.

Beləliklə, biz aşkar etdik ki, Pixel Art hər pikseli spritə yerləşdirərkən çox diqqət tələb edir, əksər hallarda əl ilə və məhdud rəng palitrası ilə. İndi işə başlayaq!

İşin başlanğıcı

İlk Pixel Art aktivinizi yaratmağa başlamazdan əvvəl bilməlisiniz ki, Pixel Art miqyaslı ola bilməz. Onu azaltmağa çalışsanız, hər şey bulanıq görünəcək. Onu böyütməyə çalışsanız, ikidən çox böyütmə istifadə etdiyiniz müddətdə hər şey qaydasında görünəcək (lakin əlbəttə ki, kəskin olmayacaq).

Bu problemdən qaçmaq üçün əvvəlcə oyun xarakterinizin və ya oyun elementinizin nə qədər böyük olmasını istədiyinizi anlamalı və sonra işə başlamalısınız. Çox vaxt bu, hədəf seçdiyiniz cihazın ekran ölçüsünə və neçə "piksel" görmək istədiyinizə əsaslanır.

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

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

Mən 32x32 pikseli təkcə seçilmiş ekran ölçüsünə mükəmməl uyğun gəldiyi üçün deyil, həm də ona görə seçdim ki, 32x32 piksel həm də 2-yə çoxluq təşkil edir ki, bu da oyuncaq mühərrikləri üçün əlverişlidir (kafel ölçüləri çox vaxt 2-yə qatlanır, teksturalar 2-yə bərabər düzülür, və s.

İstifadə etdiyiniz mühərrik istənilən şəkil ölçüsünü dəstəkləsə belə, siz həmişə bərabər sayda piksellə işləməyə cəhd edə bilərsiniz. Bu halda, şəklin ölçülməsi lazımdırsa, ölçü daha yaxşı bölünəcək və nəticədə daha yaxşı performansla nəticələnəcəkdir.

Pixel Art personajının çəkilməsi

Pixel Art-ın aydın və oxunması asan qrafika olduğu bilinir: 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ə, təsvirin ölçüsü işi çətinləşdirir: xarakteriniz nə qədər kiçik olsa, onları çəkmək bir o qədər çətindir. Daha praktik olmaq üçün ən kiçik xarakter xüsusiyyətini seçin. Mən həmişə gözləri seçirəm, çünki onlar bir xarakterə həyat gətirməyin ən yaxşı yollarından biridir.

Photoshop-da seçin Qələm aləti(Qələm aləti). Əgər tapa bilmirsinizsə, sadəcə aləti basıb saxlayın Fırça Aləti(Fırça Aləti) və siz onu dərhal görəcəksiniz (siyahıda ikinci olmalıdır). Siz sadəcə olaraq onun ölçüsünü 1 pikselə dəyişməli olacaqsınız (Alət Seçimləri panelində klikləyib ölçüsünü dəyişə bilərsiniz və ya [ düyməsini basıb saxlayın).

Sizə də lazım olacaq Silinmə aləti(Eraser Tool), buna görə də üzərinə klikləyin (və ya E düyməsini basın) və açılan siyahıdan seçərək onun parametrlərini dəyişdirin Rejim:(Rejim :) Qələm(Qələm) (çünki bu rejimdə anti-aliasing yoxdur).

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

Siz artıq Lineart ilə başlaya bilərsiniz, lakin 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 (baş, gövdə, qollar, ayaqlar) ölçüsünü və xarakterin başlanğıc pozasını təsəvvür etməyə çalışın. Boz rəngdə belə bir şey sınayın:

Qeyd edək ki, 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 çərçivələr üçün yer buraxın. Bu halda, hamısı üçün eyni kətan ölçüsünü saxlamaq çox faydalı olacaq.

Silueti bitirdikdən sonra sıra gəldi . İndi siz piksel yerləşdirmənizlə daha diqqətli olmalısınız, buna görə də paltar, zireh və s. barədə narahat olmayın. Sadəcə 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 (Xətt Aləti), sadəcə unutmayın ki, siz pikselləri qələmlə bacardığınız qədər dəqiq yerləşdirə bilməyəcəksiniz. Siz konfiqurasiya etməlisiniz aşağıda göstərildiyi kimi:

seçin , basıb saxlayın Düzbucaqlı alət(Dördbucaqlı Alət)

Açılan siyahıda alət seçimləri panelinə keçin Alət rejimini seçin(Path Tracing Mode) Piksel seçin, dəyişdirin Çəki(Qalınlıq) 1px (əgər artıq edilməmişdirsə) və işarəni çıxarın Anti-ləqəb(hamarlayan). Sizdə belə olmalıdır:

Diqqət yetirin ki, mən ayaqlar üçün alt kontur çəkməmişəm. Bu, isteğe bağlıdır, çünki ayaqları vurğulamaq üçün ayaqların o qədər də vacib hissəsi deyil və bu, kətan üzərində bir piksel sətirinə qənaət edəcəkdir.

Rənglərin və kölgələrin tətbiqi

İndi xarakterimizi rəngləməyə hazırsınız. Düzgün rəng seçmək üçün narahat olmayın, onları sonradan dəyişdirmək çox asan olacaq, hər birinin öz "öz rəngi" olduğuna əmin olun. Nişanda standart rənglərdən istifadə edin Nümunə nümunələri(Pəncərə → Swatches).

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

Nəzərə alın ki, mən hələ də paltarın və ya saçın konturlarını çəkməmişəm. Həmişə yadda saxlayın: lazımsız konturlardan mümkün qədər çox piksel qənaət edin!

Hər pikseli rəngləməyə vaxt itirməyə ehtiyac yoxdur. İşinizi sürətləndirmək üçün eyni rəng üçün xətlərdən istifadə edin və ya Boya qabı aləti(Paint Bucket Tool) boşluqları doldurmaq üçün. Yeri gəlmişkən, onu da konfiqurasiya etməli olacaqsınız. seçin Boya qabı aləti alətlər panelində (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 işarəni çıxarın Anti-ləqəb(hamarlayan).

Əgər nə vaxtsa istifadə etmək lazımdırsa Sehrli çubuq aləti(Sehrli Çubuq Aləti) - eyni rəngdə olan bütün pikselləri seçən, sonra onu "Boya Kovası" aləti ilə eyni şəkildə quraşdıran çox faydalı alətdir - dözümlülük və anti-aliasing yoxdur.

Sizdən müəyyən bilik tələb edəcək növbəti addım qaçmaq 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ə bir neçə qısa təlimat verəcəyəm. Əgər onu öyrənməyə vaxtınız və ya meyliniz yoxdursa, bu addımı atlayıb "Palitranızı ədviyyatla" bölməsinə keçə bilərsiniz, çünki sonda siz sadəcə olaraq mənim nümunəmdəki kimi kölgənizi düzəldə bilərsiniz!

Ona istədiyiniz/bacardığınız formaları 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ç çubuqunu, şalvardakı qırışları və s. görə bilərsiniz. Üzərinə bir neçə açıq ləkə də əlavə edə bilərsiniz, daha da gözəl görünəcək:

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

Palitranıza ədviyyat qatın

Bir çox insanlar standart palitra rənglərindən istifadə edir, lakin bir çox insan bu rənglərdən istifadə etdiyi üçün biz onları bir çox oyunda görə bilərik.

Photoshop-un standart palitrasında geniş rəng seçimi var, lakin siz ona çox etibar etməməlisiniz. Öz rənglərinizi düzəltməyin ən yaxşı yolu alətlər panelinin altındakı əsas palitraya klikləməkdir.

Sonra Rəng Seçici pəncərəsində rəng 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 parlaq və ya tutqun) seçmək üçün əsas sahəni gözdə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 'Birişik' qutusunun işarəsini silə bilərsiniz və yeni rənglə boyadığınız zaman eyni fon rənginə malik bütün yeni piksellər də doldurulacaq.

Bu, az sayda rənglə işləməyin və eyni element (köynək, saç, dəbilqə, zireh və s.) üçün həmişə eyni rəngdən 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 çox rəngli olacaq!

İstəsəniz rəngləri dəyişdirin və daha məftunedici xarakter rəngi əldə edin! Siz hətta konturları yenidən rəngləyə bilərsiniz, sadəcə onların fonla yaxşı qarışdığından əmin olun.

Nəhayət, fon rəngi testi edin: xarakterinizin altında yeni bir təbəqə yaradın və onu müxtəlif rənglərlə doldurun. Bu, xarakterinizin açıq, qaranlıq, isti və soyuq fonlarda görünməsini təmin etmək üçü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ürmüşəm. Bunu digər alətlərdə də etməyi unutmayın, məsələn. Elliptik nişangah(Oval marquee) və Kəmənd(Kəmənd).

Bu alətlərlə siz asanlıqla seçilmiş hissələrin ölçüsünü dəyişə və ya hətta onları döndərə bilərsiniz. Bunu etmək üçün hər hansı bir seçim alətindən istifadə edin (və ya M düyməsini basın) ərazini seçin, sağ klikləyin və seçin Pulsuz Transformasiya(Pulsuz Transform) və ya sadəcə Ctrl + T düymələrini basın. Seçilmiş sahənin ölçüsünü dəyişdirmək üçün transformasiya çərçivəsinin perimetri ətrafında yerləşən tutacaqlardan birini dartın. Proporsiyaları qoruyaraq seçimin ölçüsünü dəyişmək üçün Shift düyməsini basıb saxlayın və künc tutacaqlarından birini dartın.

Bununla belə, Photoshop istifadə edərək redaktə edilən hər şeyi avtomatik olaraq hamarlayır Pulsuz Transformasiya buna görə redaktə etməzdən əvvəl gedin Redaktə et → Üstünlüklər → Ümumi(Ctrl + K) və dəyişdirin Şəkil interpolasiyası(Şəkil İnterpolasiyası) aktivdir Ən Yaxın Qonşu(Ən yaxın qonşu). Bir sözlə, nə vaxt Ən Yaxın Qonşu yeni mövqe və ölçü çox təxmini hesablanır, heç bir yeni rəng və ya qeyri-şəffaflıq tətbiq edilmir və seçdiyiniz rənglər saxlanılır.

Pixel Art-ın iPhone Oyunlarına inteqrasiyası

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ə mən yalnız iPhone haqqında düşünürəm? Çünki Unity haqqında bir sıra məqalələr (məsələn: , və ya Unity 2D-də Jetpack Joyride üslubunda Oyun) sayəsində siz artıq Unity-də onlarla necə işləməyi bilirsiniz və Crafty (Brauzer oyunları: Snake) və Impact (Impact-da brauzer oyunları oyunlarının yaradılmasına giriş) siz onları kətana necə daxil etməyi və brauzer oyunları yaratmağı öyrəndiniz.

Əgər siz Cocos2D-də və ya ümumiyyətlə iPhone proqramlarının hazırlanmasında yenisinizsə, sizə Cocos2d və iPhone dərsliklərindən biri ilə başlamağı təklif edirə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 kimi iPhone-u seçin. Yaradılmış piksel təsvirini, məsələn: sprite_final.png 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 ( if((self=)) ( CCSprite * qəhrəman = ; hero.position = ccp(96, 96); hero.flipX = YES; ; ) özünü qaytarın; )

Spriteni ekranın sol tərəfinə yerləşdiririk və onu sağa baxacaq şəkildə fırladırıq. Kompilyasiya edin, işə salın və sonra ekranda spraytınızı görəcəksiniz:

Ancaq unutmayın ki, bu dərslikdə əvvəllər müzakirə etdiyimiz kimi, biz piksellərin miqyasını süni şəkildə artırmaq istəyirdik ki, hər bir piksel digərlərindən nəzərəçarpacaq dərəcədə fərqlənsin. Beləliklə, başlatma metoduna bu yeni sətri əlavə edin:

Hero.scale = 2.0;

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

Bunun səbəbi, standart olaraq Cocos2d miqyasını ölçən zaman onu hamarlaşdırır. Buna ehtiyacımız yoxdur, ona görə də aşağıdakı sətri əlavə edin:

Bu xətt Cocos2d-ni şəkilləri antialiasing etmədən miqyaslandırmaq üçün konfiqurasiya edir, buna görə də bizim oğlan hələ də "pikselləşdirilmiş" görünür.

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 displeyləri üçün ayrıca şəkillər çəkməyə belə ehtiyacımız yoxdur!

Sonra nə var?

Ümid edirəm ki, bu dərslikdə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ə bir neçə məsləhət vermək istəyirəm:

• Həmişə aktivlərinizdə anti-aliasing, gradient və ya çoxlu rənglərdən istifadə etməməyə çalışın. Bu, sizin yaxşılığınız üçündür, xüsusən də siz hələ də başlanğıcsınızsa.
• Əgər HƏQİQƏTƏNDƏ retro görünüşü təqlid etmək istəyirsinizsə, 8-bit və ya 16-bit konsol oyunlarında sənət əsərinə baxın.
• Bəzi üslublar qaranlıq konturlardan istifadə etmir, digərləri işığın və ya kölgənin təsirini nəzərə almır. Hamısı üslubdan asılıdır! Dərsliyimizdə kölgələr çəkmədik, lakin bu o demək deyil ki, siz onlardan istifadə etməməlisiniz.

Yeni başlayanlar üçün Pixel Art öyrənmək üçün ən asan qrafika kimi görünür, lakin əslində bu, göründüyü qədər sadə deyil. Bacarıqlarınızı təkmilləşdirməyin ən yaxşı yolu təcrübə, məşq, məşqdir. Mən işinizi Pixel Art forumlarında yerləşdirməyi çox tövsiyə edirəm ki, digər rəssamlar sizə məsləhət verə bilsinlər - bu, texnikanızı təkmilləşdirmək üçün əla yoldur! 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 (Pixel Art) - ingilis dilindən pixel art kimi tərcümə edilmişdir. Piksel, öz növbəsində, rəqəmsal təsvirin ən kiçik qrafik elementidir.

Beləliklə, Pixel Art sözün əsl mənasında piksellərlə rəsm sənəti deməkdir.

Aydınlıq üçün bu misala baxaq:

Owlboy (piksel sənət oyunu)

Pixel Art stil qrafikası olan oyunlar belə görünür.

Çox tez-tez belə qrafiklər indie oyunlarında istifadə olunur, çünki onlar çox tanınan kompüter oyun tərzinə malikdirlər.

Bununla belə, Pixel Art təkcə qrafika deyil, sprites və oyunlar üçün şəkillər, bu rəqəmsal və qrafik sənətin bütün istiqamətidir.

Pixel art istifadə edərək gözəl şəkillər çəkilə bilər:

Bu retro qrafik üslubu heç nə ilə qarışdırmayacaqsınız.

Bu üslubda olan bəzi rəsmlər masaüstünüzdə yer almağa olduqca layiqdir.


Bu üslubda işləyən çox gözəl sənətkarlar da var.

Bu şəkilə baxın. Burada hər bir piksel ayrıca və əl ilə çəkilmişdir. Bu, əvvəllər etdikləri kimi bir mozaika yığmaq kimidir və indi də bunu edirlər.

Bu şəkli böyütsək, hər şeyin necə edildiyini yaxından görə bilərik:

Piksel sənətinin unikal üslubu ondan ibarətdir ki, kifayət qədər aydın rəng keçidləri var və anti-aliasing yoxdur. Məsələn, kifayət qədər orta səviyyəli rəqəmsal qrafikada başqa bir işi götürək, buna baxın eynəkli bir qızın çəkilməsi(18+) www.econdude.pw bloqunda.

Bu, SAI2.0 proqramında kompüter siçanı ilə çəkilmiş rəsmdir.

Bununla belə, bu şəkli böyütsəniz, anti-aliasingi görə bilərsiniz:

Rənglərin və kölgələrin aydın keçidləri yoxdur, lakin piksel sənətində keçidlər aydındır.

Məsələn, piksel sənətində rənglər arasında keçidləri necə edə bildiyinizə baxın:

Bu təxmini bir şəkildir, əgər ona yüksək qətnamə ilə uzaqdan baxsanız, rəng keçidi kifayət qədər hamar olacaq, lakin üslubun aydınlığı və tutarlılığı burada görünür.

Budur başqa bir nümunə, bu olduqca klassik turşu sənəti üslubunda bir rəsmdir:

http://www.gamer.ru/everything/pixel-art-dlya-nachinayuschih

Yaxınlaşdığınız zaman şəkillər çox da gözəl görünmür, lakin piksel sənətinə uzaqdan daha yüksək ayırdetmə ilə baxsanız, o, gözəl görünə bilər.

Belə sənətkarların gördüyü böyük işləri təsəvvür edə bilərsinizmi?

Bəzən deyirlər ki, Pixel Art daha ucuz olduğu üçün bu şəkildə edilir, deyirlər ki, indie tərtibatçılarının sadəcə olaraq müasir 3D qrafika yaratmaq üçün resursları yoxdur, ona görə də ağlına gələn ən sadə şeydən istifadə edir, əsas dildə rəsm çəkir. qrafik redaktorlar piksel.

Bununla belə, Pixel Art üslubunda hər hansı bir şey çəkmiş hər kəs sizə deyəcək ki, bu, resurslar baxımından (ilk növbədə vaxt) demək olar ki, ən bahalı qrafika üslubudur.

Pixel Art üslubunda animasiya ümumiyyətlə cəhənnəm işidir.

http://www.dinofarmgames.com/a-pixel-artist-renounces-pixel-art/

Buna görə də, Pixel Art-ın "tənbəl bir üslub" olduğunu hələ sübut etmək lazımdır, hətta deyərdim ki, əksinə, ən az tənbəl qrafika üslubu deyil.

Bununla belə, hər kəs Pixel Art üslubunda sadə bir şey çəkməyi öyrənə bilər və heç bir xüsusi proqrama ehtiyacınız yoxdur, sadəcə sadə qrafik redaktoru.

Bu üslubda necə çəkməyi öyrənmək istəyirsinizsə, hər hansı bir vəziyyətdə olduğu kimi, çox təcrübəyə ehtiyacınız var və məsələn, Habré haqqında məqalələrlə başlaya bilərsiniz: Piksel sənət kursu

Orada siz həmçinin piksel sənətinin əsas prinsiplərini tapa bilərsiniz.

Başlanğıc səviyyəsində piksel sənətini (sürətləndirilmiş video - sürətli rəsm) necə çəkməyin bir nümunəsidir, bir həftə ərzində belə çəkməyi öyrənə bilərsiniz;

Pixelart:: kosmik gəminin çəkilməsi

Bəzən bu üslubda həqiqətən dəli rəsmlər çəkirlər, hətta bir insanın çəkdiyinə inana bilmirsən və buna nə qədər vaxt sərf etdiyini bilmək istəyirsən. Misal:

https://www.youtube.com/watch?v=vChMzRnw-Hc

StarCraft-dan Sarah Karriqanın bu şəklinə baxırsınız? Sizcə bu nədir və necə hazırlanır?

Bu adam onu ​​Minecraft oyununda bloklardan qurdu, iş 23 həftə çəkdi.

Yaxından baxdıqda bunların hamısının ayrı bloklar olduğunu görə bilərsiniz.

Formal olaraq, bu, artıq piksel sənəti deyil, hətta "minecraft blok sənəti" dir, lakin üslubun mahiyyəti eyni olaraq qalır və müəllifə görə bu, ən böyük piksel sənəti rəsm və dünya rekordudur.

Əslində, hər hansı bir fotoşəkilə və ya şəkilə diqqətlə baxsanız, onun da ümumiyyətlə hər hansı bir şəkil kimi piksellərdən ibarət olduğu açıq-aydın görünür. Ancaq bütün fərq ondadır ki, piksel sənəti əl ilə, piksel piksellə yaradılır.

Başqa bir nümunə, rəssam və animatorlar Paul Robertson və Ivan Dixon bunu yaratdılar:

SİMPSON PİKSELİ

Bu, böyük bir iş kimi hiss olunur və bəzi əlavə vasitələrdən istifadə etsəniz belə (şəkilləri piksel sənətinə çevirən filtrlər var), bu, çox uzun vaxt aparacaq.

Şəxsən mən hesab edirəm ki, Pixel Art üslubunda olan şəkillər sözün yaxşı mənasında əsl müasir incəsənətdir.

Hər bir Pixel Art şəklinin çox aydın dəyəri var və o, görünür və hiss olunur.

Bunu yaxşı başa düşməyən insan belə bunu qiymətləndirə bilər.

Ancaq təəssüf ki, bu sənət janrı o qədər də populyar deyil və indi köhnəlmiş hesab olunur və ona son illərdə pixel art üslubunda steamdan bir çox oyun şəklində qayıtmaq da insanları narahat etməyə başlayır. Baxmayaraq ki, şəxsən mən hesab edirəm ki, bu retro qrafika üslubu artıq klassikdir və əsl klassik heç vaxt ölməyəcək.

Hələ 20-ci əsrdə kompüter oyunları, xüsusən 90-cı illərdə piksel qrafikası üçün geniş tətbiq sahəsinə çevrildi. 3D qrafikanın inkişafı ilə piksel sənəti tənəzzül etməyə başladı, lakin sonra veb dizaynın inkişafı, mobil telefonların və mobil proqramların meydana gəlməsi sayəsində yenidən canlandı.

Piksel sənəti, rəssamın rastr rəqəmsal təsvirin ən kiçik vahidi - piksel ilə işlədiyi rastr qrafik redaktorlarında yerinə yetirilən rəqəmsal formada şəkillər yaratmaq üçün xüsusi bir texnikadır. Bu görüntü aşağı qətnamə ilə xarakterizə olunur, bu zaman hər piksel aydın görünür. Piksel sənəti rəsmin mürəkkəbliyindən asılı olaraq uzun müddət və əziyyət çəkir - piksel piksel.

Piksel sənətinin əsas qaydaları

Piksel sənətinin ən vacib komponenti sözdə xətt sənətidir - başqa sözlə, onun konturları. Piksel sənəti xətlərdən istifadə etməklə həyata keçirilir - düz və əyri.

Düz xətlər

Piksel sənətində xətlərin qurulması qaydası ondan ibarətdir ki, onlar rəsm irəlilədikcə bir piksel yan tərəfə keçən seqmentlərdən ibarət olmalıdır. Başlanğıc piksel sənəti sənətçilərinin əsas səhvindən çəkinin: piksellər bir-birinə toxunmamalı, düzgün bucaq meydana gətirməlidir.

Düz xətlər vəziyyətində, meylli düz xətlərin tanınmış nümunələrindən birini istifadə edərək vəzifənizi asanlaşdıra bilərsiniz:

Şəkildən göründüyü kimi, üzərində təqdim olunan bütün düz xətlər eyni piksel seqmentlərindən ibarətdir, bir piksel məsafəsi ilə yan tərəfə sürüşdürülür və ən populyarları bir, iki və dörd piksel seqmentləridir. Piksel qrafikasında belə sadə düz xətlər “ideal” adlanır.

Düz xətlər fərqli bir naxışa sahib ola bilər, məsələn, iki pikselin seqmentlərini bir seqmentlə əvəz edə bilərsiniz, lakin bu cür xətlər piksel sənətinin qaydalarını pozmasa da, xüsusən şəkil böyüdüldükdə o qədər də gözəl görünməyəcək. .

Əyri xətlər

Düz xətləri düzəltmək daha asandır, çünki onlar əyilmələrdən qaçırlar, əyri xətlərdə belə deyil. Onların qurulması daha çətindir, lakin əyri xətlər düz xətlərdən daha tez-tez çəkilməlidir.

Piksellərdən düzgün bucaqların formalaşmasına eyni qadağaya əlavə olaraq, əyri xətlər çəkərkən onların yerdəyişmə xarakterini xatırlamaq lazımdır. Piksel seqmentlərinin uzunluğu bərabər şəkildə dəyişməlidir, tədricən - hamar bir şəkildə qalxmalı və eyni şəkildə hamar bir şəkildə düşməlidir. Piksel qrafikası əyilmələrə icazə vermir.

Heç bir qaydanı pozmadan əlinizin bir hərəkəti ilə ideal əyri xətt çəkə bilməyəcəksiniz, buna görə də iki üsula müraciət edə bilərsiniz: bir-birinin ardınca piksel çəkərək xətlər çəkin və ya adi əyri çəkin və sonra onu düzəldin. bitmiş "çərçivədən" əlavə pikselləri silməklə.

Dithering

Piksel sənətində dithering kimi bir şey var. Rəng keçid effekti yaratmaq üçün müxtəlif rəngli pikselləri qarışdırmağın xüsusi üsuludur.

Dithering üçün ən məşhur üsul pikselləri dama taxtası naxışında təşkil etməkdir:

Bu üsul öz görünüşünü rəng palitralarında texniki məhdudiyyətlərə borcludur, çünki məsələn, bənövşəyi rəng əldə etmək üçün qırmızı və mavi pikselləri dama taxtası naxışında çəkmək lazım idi:

Və sonradan şəkillərdə işıq və kölgə vasitəsilə həcmi ötürmək üçün tez-tez dithering istifadə olunurdu:

Dithered piksel sənətinin yaxşı işləməsi üçün rəng qarışdırma sahəsi ən azı iki piksel geniş olmalıdır.

Pixel art üçün proqramlar

Piksel üslubunda sənət yaratmağı mənimsəmək üçün bu cür rəsmləri dəstəkləyən istənilən qrafik redaktordan istifadə edə bilərsiniz. Bütün rəssamlar öz seçimlərinə əsasən müxtəlif proqramlarla işləyirlər.

Bu günə qədər bir çox insanlar Windows əməliyyat sisteminin tanınmış standart proqramında - Microsoft Paint-də piksellərlə çəkməyə üstünlük verirlər. Bu proqramı öyrənmək həqiqətən asandır, lakin bu da onun çatışmazlığıdır - o, kifayət qədər primitivdir, məsələn, təbəqələrlə işləməyi və onların şəffaflığını dəstəkləmir.

Demo versiyasını onlayn olaraq tamamilə pulsuz tapa bilən başqa bir istifadəsi asan piksel sənət proqramı GraphicsGale-dir. Proqramın mənfi tərəfi, bəlkə də, .gif formatında piksel təsvirinin saxlanmasını dəstəkləməməsidir.

Mac kompüterlərinin sahibləri pulsuz Pixen proqramı ilə işləməyə cəhd edə bilərlər. Linux əməliyyat sisteminin istifadəçiləri isə GrafX2 və JDraw proqramlarını özləri üçün sınaqdan keçirməlidirlər.

Və əlbəttə ki, piksel sənəti yaratmaq üçün əla seçim geniş funksionallığa malik, təbəqələrlə işləməyə imkan verən, şəffaflığı dəstəkləyən və palitra ilə asan işləməyi təmin edən Adobe Photoshop proqramıdır. Bu proqramı istifadə edərək, piksel sənətini özünüz necə çəkməyin sadə nümunələrinə baxacağıq.

Photoshop-da Pixel Art necə çəkilir

Ənənəvi təsviri sənətdə olduğu kimi, forma, kölgə və işıq piksel sənətində böyük rol oynayır, buna görə də piksel sənətini necə çəkməyi öyrənməzdən əvvəl rəsm əsasları ilə tanış olmaq üçün vaxt ayırın - kağız üzərində karandaşla rəsm çəkməyi məşq edin.

Rəsm "Balon"

Ən sadə şeydən başlayaq - adi bir şar çəkin. Photoshop-da 72 dpi ekran təsviri ilə yeni fayl yaradın. Şəkil ölçülərini böyük təyin etməyin mənası yoxdur - bu piksel sənətidir. Sərt və qeyri-şəffaf bir fırça seçin, ölçüsü 1 pikselə təyin edin.

Soldan sağa kiçik bir əyri yarım qövs çəkin, onu aşağıdan yuxarıya aparın. Piksel sənətinin qaydalarını xatırlayın: seqmentlərin eyni nisbətlərini saxlayın, əyilmələr və ya düz bucaqlar qoymadan onları bir piksel yan tərəfə keçirin. Sonra topun yuxarı hissəsini çəkərək bu qövsü əks etdirin.

Eyni prinsipdən istifadə edərək, topun aşağı hissəsini və ipi çəkin. Doldurma alətindən istifadə edərək topu qırmızı ilə doldurun. İndi yalnız həcm əlavə etmək qalır - topumuz çox düz görünür. Topun aşağı sağ tərəfində tünd qırmızı zolaq çəkin, sonra ərazini tərəddüd edin. Topun yuxarı sol küncündə ağ piksellərin vurğulanmasını çəkin.

Görün nə qədər sadədir - top hazırdır!

Rəsm "Robot"

İndi ənənəvi şəkildə şəkil çəkməyə çalışaq və yalnız bundan sonra piksel sənəti qaydalarını pozan pikselləri təmizləyəcəyik.

Yeni bir sənəd açın və gələcək robotun təxmini eskizini çəkin:

İndi sizə mane olan hər şeyi təmizləyə və lazım olduqda piksel əlavə edə bilərsiniz:

Eyni şəkildə, robotun bədəninin aşağı hissəsini çəkin. Müvafiq yerlərdə "mükəmməl" düz xətlər çəkmək fürsətini qaçırmayın.

Robotun bədənini təfərrüatlandırın. Bir çox təcrübəli sənətkar işə başlamazdan əvvəl özünüzə bir palitra hazırlamağı məsləhət görür - piksel üslubunda iş yaratarkən istifadə edəcəyiniz rənglər dəsti. Bu, ən böyük görüntü bütövlüyünə imkan verir. Photoshop iş sahəsinin boş yerində bir palitra yaradın - məsələn, kvadratlar və ya rəngli ləkələr şəklində. Sonradan istədiyiniz rəngi seçmək üçün damcı aləti ilə üzərinə klikləyin.

Konturları doldurmağa başlaya bilərsiniz. Robotun gövdəsini əsas rənglə "boya". Rəngimiz lavanda mavisidir.

Konturun rəngini dəyişdirin - tünd mavi ilə doldurun. Rəsminizdə işıq mənbəyinin harada olduğuna qərar verin. Bizim üçün o, robotun qarşısında yuxarıda və sağda bir yerdə yerləşir. Həcmi əlavə edərək xarakterimizin sinəsini çəkək:

Sağ tərəfdə, bədənin konturu boyunca uzanan rəsmdəki ən dərin kölgəni qeyd edin. Bu kölgədən, kənarlardan mərkəzə qədər, işıq mənbəyi ilə işıqlandırılan nəzərdə tutulan yerlərdə yox olan daha açıq bir kölgə çəkin:

İşığı əks etdirməsi gözlənilən bütün sahələrdə robota diqqət çəkən məqamlar əlavə edin:

Kölgə və işıqdan istifadə edərək robotun ayaqlarına silindrik görünüş verin. Eyni şəkildə, robotun sinəsindəki dairələrdən deşiklər düzəldin:

İndi gövdənin kölgə sahələrinə əvvəllər müzakirə olunmuş piksel sənəti elementini - dithering - əlavə edərək şəkli təkmilləşdirək.

Vurğulanan yerlərdə, eləcə də ayaqlarda dithering etmək lazım deyil - onlar artıq çox kiçikdir. Tünd və açıq piksellərdən istifadə edərək robotun başına dişlər yerinə bir sıra pərçimlər çəkin və həmçinin gülməli antena əlavə edin. Bizə elə gəldi ki, robotun əli o qədər də yaxşı çəkilməyib - eyni problemlə qarşılaşsanız, Photoshop-da obyekti kəsin və aşağı hərəkət etdirin.

Hamısı budur - məzəli piksel robotumuz hazırdır!

Və bu videonun köməyi ilə siz Photoshop-da piksel sənəti animasiyasını necə edəcəyinizi öyrənəcəksiniz:

Özünüz üçün götürün və dostlarınıza deyin!

Veb saytımızda da oxuyun:

daha çox göstər

Hazırda Photoshop, Illustrator, Corel kimi proqramlar dizayner və illüstratorun işini asanlaşdırır. Onların köməyi ilə, keçən əsrin sonunda olduğu kimi, piksellərin düzülüşündən yayınmadan tam işləyə bilərsiniz. Bütün lazımi hesablamalar proqram təminatı - qrafik redaktorlar tərəfindən həyata keçirilir. Amma elə insanlar var ki, nəinki fərqli, hətta tamamilə əks istiqamətdə işləyirlər. Məhz, əsərlərində unikal nəticə və atmosfer əldə etmək üçün piksellərin eyni köhnə məktəb tərtibatı ilə məşğul olurlar.

Piksel sənət nümunəsi. Fraqment.

Bu yazıda piksel sənəti ilə məşğul olan insanlar haqqında danışmaq istərdik. Onların ən yaxşı əsərlərinə daha yaxından baxın, yalnız həyata keçirilməsinin mürəkkəbliyinə görə, mübaliğəsiz müasir sənət əsərləri adlandırıla bilər. Baxdığınız zaman nəfəsinizi kəsəcək əsərlər.

Piksel Sənəti. Ən yaxşı əsərlər və illüstratorlar

Şəhər. Müəllif: Zoggles

Nağıl qalası. Müəllif: Tinuleaf

Orta əsr kəndi. Müəllif: Docdoom

Babilin asma bağları. Müəllif: Ay tutulması

Yaşayış sahəsi. Müəllif:

“Piksel qrafikası” termini hamıya tanış deyil, nə də yeraltı jarqon deyil. Vikipediya bunun nə olduğunu öyrənməyə kömək edəcək. Başa düşmək lazım olan əsas şey budur piksel qrafika nəticələrə görə deyil, rəsmin yaradılma üsulu ilə (piksel piksel) müəyyən edilir. Buna görə də, filtrlərdən və ya xüsusi renderlərdən istifadə edərək əldə edilən təsvirlər də ona daxil edilmir. Məqalənin birinci hissəsində, bəlkə də bu sənətə həsr olunmuş silsilə məqalələrdə bəyəndiyim bəzi əsərləri göstərəcəm.

Möhtəşəm illüstrasiyalar, əla kölgə işi. (Polyfonken's Pixel Art).

Mövzu kifayət qədər genişdir. Zarların varyasyonları var.

Rod Hantın illüstrasiyaları çox rəngli və realdır. Rəssam vektor qrafikasını piksel sənəti ilə birləşdirir.

Braziliya-Alman bloggerləri Thiago, Pi, Jojo və Mariana özlərini xoş, gülən pikselli personajlar kimi təqdim edirlər.

Bu rəsm yalnız MS Paint istifadə edərək Juan Manuel Daporta tərəfindən yaradılmışdır! İş 8 ay çəkdi. Təsirli.

Piksellər də kompüter ekranlarından kənarda yaşayır. Pikselli şəkillərin süjetlərinin nə qədər yaxşı başa düşülməsi heyrətamizdir.

Super Robot Wars üslubunda kosmik müharibələr. Piksel qrafikası dünyasında Robersonun özünəməxsus üslubu var.

Dəli kuklalar şəhəri. İllüstrasiya vektorla çəkilsə də, yenə də piksel sənətinə bənzəyir. Maraqlı iş.

Piksel sənətinin bu istiqaməti məni xüsusilə maraqlandırır. Bu rəsmlər ekrana deyil, akril boyalarla kətan üzərinə çəkilib. Bu şah əsər Ashley Anderson tərəfindən hazırlanmışdır.

Piksel şəhərlər ayrı bir böyük mövzudur. Burada adətən çoxlu təfərrüatlar və hekayələr var. Bu şəkildə bir sahil və rəngli toplar və suşi bar və hətta etirazçılar var.