{"id":54617,"date":"2019-12-30T00:00:00","date_gmt":"2019-12-29T21:00:00","guid":{"rendered":"https:\/\/prohoster.info\/blog\/blog_prohoster\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu"},"modified":"2020-02-18T14:02:39","modified_gmt":"2020-02-18T11:02:39","slug":"piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","status":"publish","type":"post","link":"https:\/\/prohoster.info\/az\/blog\/news\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","title":{"rendered":"Yeni ba\u015flayanlar \u00fc\u00e7\u00fcn piksel s\u0259n\u0259ti: t\u0259tbiqetm\u0259 t\u0259limat\u0131","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Yeni
\n
\n\u0130ndie inki\u015faf etdiricil\u0259rin\u0259 tez-tez bir ne\u00e7\u0259 rolu bir araya g\u0259tirm\u0259k laz\u0131m g\u0259lir: oyun dizayneri, proqram\u00e7\u0131, kompozitor, r\u0259ssam. Vizualla\u015fd\u0131rma m\u0259s\u0259l\u0259si g\u0259ldikd\u0259, bir \u00e7oxlar\u0131 piksel-art se\u00e7ir \u2014 ilk bax\u0131\u015fda sad\u0259 g\u00f6r\u00fcn\u00fcr. Amma g\u00f6z\u0259l etm\u0259k \u00fc\u00e7\u00fcn \u00e7ox t\u0259cr\u00fcb\u0259 v\u0259 m\u00fc\u0259yy\u0259n bacar\u0131qlar laz\u0131md\u0131r. Bu \u00fcslubun \u0259sasslar\u0131n\u0131 m\u0259nims\u0259m\u0259y\u0259 yeni ba\u015flayanlar \u00fc\u00e7\u00fcn x\u00fcsusi proqram v\u0259 \u00e7\u0259km\u0259 texnikalar\u0131n\u0131 izah ed\u0259n bir d\u0259rs tapd\u0131m: iki sprite n\u00fcmun\u0259si il\u0259.<\/a><\/noindex><\/p>\n

Fon<\/h2>\n

\nPiksel-art \u2014 piksel s\u0259viyy\u0259sind\u0259 d\u0259yi\u015fiklikl\u0259rin edildiyi r\u0259q\u0259msal inc\u0259s\u0259n\u0259t formas\u0131d\u0131r. \u018fsas\u0259n, 80-ci v\u0259 90-c\u0131 ill\u0259rin video oyunlar\u0131n\u0131n qrafikas\u0131 il\u0259 \u0259laq\u0259l\u0259ndirilir. O zaman r\u0259ssamlar yadda\u015f m\u0259hdudiyy\u0259tl\u0259rini v\u0259 a\u015fa\u011f\u0131 t\u0259svir keyfiyy\u0259tini n\u0259z\u0259r\u0259 alma\u011fa m\u0259cbur idil\u0259r. \u0130ndi piksel-art h\u0259l\u0259 d\u0259 oyunlarda populyard\u0131r v\u0259 \u00fcmumiyy\u0259tl\u0259 bir s\u0259n\u0259t \u00fcslubu kimi, reall\u0131\u011fa yax\u0131n 3D qrafik yarad\u0131lmas\u0131na baxmayaraq. Niy\u0259? Nostalgiyan\u0131 g\u00f6zard\u0131 etm\u0259s\u0259k bel\u0259, bel\u0259 s\u0259rt \u00e7\u0259r\u00e7iv\u0259l\u0259rd\u0259 g\u00f6z\u0259l i\u015f yaratmaq \u2014 xo\u015f v\u0259 d\u0259y\u0259rli bir \u00e7a\u011f\u0131r\u0131\u015fd\u0131r.<\/p>\n

Piksel-artda giri\u015f s\u0259rh\u0259di \u0259n\u0259n\u0259vi s\u0259n\u0259t v\u0259 3D qrafika il\u0259 m\u00fcqayis\u0259d\u0259 nisb\u0259t\u0259n a\u015fa\u011f\u0131d\u0131r, bu da indie inki\u015faf etdiricil\u0259rini c\u0259lb edir. Amma bu, i\u015fin asan olaca\u011f\u0131 dem\u0259k deyil. tamamlay\u0131b<\/b> bu \u00fcslubda bir oyunu haz\u0131rlamaq. M\u0259n bir \u00e7ox indie inki\u015faf etdiricisini crowdfunding platformalar\u0131nda piksel-art metroidvaniaslar\u0131 il\u0259 g\u00f6rd\u00fcm. Onlar h\u0259r \u015feyi bir il \u0259rzind\u0259 ba\u015fa \u00e7atd\u0131racaqlar\u0131n\u0131 d\u00fc\u015f\u00fcnd\u00fcl\u0259r, amma \u0259slind\u0259 alt\u0131 il daha laz\u0131m idi. <\/p>\n

\"Yeni
\nMetal Slug 3 (Arcade). SNK, 2000-ci il<\/i><\/p>\n

Piksel-art\u0131n yaratmaq ist\u0259diyi s\u0259viyy\u0259d\u0259, bu, \u00e7ox vaxt al\u0131r v\u0259 q\u0131sa d\u0259rslikl\u0259r \u00e7ox azd\u0131r. 3D model il\u0259 i\u015fl\u0259dikd\u0259 onu d\u00f6nd\u0259r\u0259, deformasiyaya u\u011frada, ayr\u0131-ayr\u0131 hiss\u0259l\u0259rini h\u0259r\u0259k\u0259t etdir\u0259, bir modeld\u0259n dig\u0259rin\u0259 animasiyalar\u0131 k\u00f6\u00e7\u00fcr\u0259 bilirsiniz v\u0259 s. Y\u00fcks\u0259k s\u0259viyy\u0259li piksel-art dem\u0259k olar ki, h\u0259r \u00e7\u0259r\u00e7iv\u0259d\u0259 piksl\u0259ri diqq\u0259tl\u0259 yerl\u0259\u015fdirm\u0259k \u00fc\u00e7\u00fcn \u00e7ox enerji t\u0259l\u0259b edir.<\/p>\n

\u00dcmumiyy\u0259tl\u0259, x\u0259b\u0259rdar etdim.<\/p>\n

\u0130ndi stilim haqq\u0131nda bir az: \u0259sas\u0259n video oyunlar \u00fc\u00e7\u00fcn piksel s\u0259n\u0259ti \u00e7\u0259kir\u0259m v\u0259 onlardan ilham al\u0131ram. X\u00fcsusil\u0259 Famicom\/NES, 16-bit konsollar\u0131 v\u0259 90-c\u0131 ill\u0259rin arcade oyunlar\u0131na p\u0259r\u0259sti\u015f edir\u0259m. O d\u00f6vr\u00fcn sevdiyim oyunlar\u0131n\u0131n piksel s\u0259n\u0259tini parlaq, \u0259min v\u0259 t\u0259miz (lakin \u00e7ox yox) kimi t\u0259svir ed\u0259 bil\u0259rik, s\u0259rt v\u0259 minimalistik deyil. Bu \u00fcslubda \u00f6z\u00fcm \u00e7al\u0131\u015f\u0131ram, ancaq bu d\u0259rsd\u0259ki fikirl\u0259ri v\u0259 texnikalar\u0131 tamamil\u0259 f\u0259rqli \u015feyl\u0259r yaratmaq \u00fc\u00e7\u00fcn asanl\u0131qla t\u0259tbiq ed\u0259 bil\u0259rsiniz. M\u00fcxt\u0259lif r\u0259ssamlar\u0131n i\u015fl\u0259rini \u00f6yr\u0259n\u0259r\u0259k, siz\u0259 uy\u011fun olan piksel s\u0259n\u0259tini yarad\u0131n!<\/p>\n

Proqram<\/h2>\n

\n\"Yeni
\n
\nPiksel s\u0259n\u0259ti \u00fc\u00e7\u00fcn \u0259sas r\u0259q\u0259msal al\u0259tl\u0259r - Zoom (Zoom) v\u0259 Pencil (Kahve) vasit\u0259sil\u0259 piksel yerl\u0259\u015fdirm\u0259k. H\u0259m\u00e7inin Line (X\u0259tt), Shape (\u015e\u0259kil), Select (Se\u00e7m\u0259k), Move (H\u0259r\u0259k\u0259t) v\u0259 Paint Bucket (Boyal\u0131 Buxar) al\u0259tl\u0259ri d\u0259 i\u015finiz\u0259 yarayar. Bel\u0259 al\u0259tl\u0259r d\u0259stin\u0259 sahib olan bir \u00e7ox pulsuz v\u0259 pullu proqram var. M\u0259n \u0259n populyarlar\u0131n\u0131 v\u0259 \u00f6z\u00fcm\u00fcn istifad\u0259 etdikl\u0259rimi sizinl\u0259 b\u00f6l\u00fc\u015f\u0259c\u0259y\u0259m.<\/p>\n

Paint (pulsuz)<\/h3>\n

\n\u018fg\u0259r Windows-u istifad\u0259 edirsinizs\u0259, sistem\u0259 daxil edilmi\u015f Paint - sad\u0259, lakin piksel s\u0259n\u0259ti \u00fc\u00e7\u00fcn b\u00fct\u00fcn al\u0259tl\u0259ri ver\u0259n bir proqramd\u0131r.<\/p>\n

Piskel<\/a><\/noindex> (pulsuz)<\/h3>\n

\nG\u00f6zl\u0259nilm\u0259z d\u0259r\u0259c\u0259d\u0259 funksional bir piksel redaktoru olan bu proqram brauzer vasit\u0259sil\u0259 i\u015fl\u0259yir. \u0130\u015fl\u0259rinizi PNG v\u0259 ya animasiya GIF kimi ixrac ed\u0259 bil\u0259rsiniz. Ba\u015flayanlar \u00fc\u00e7\u00fcn m\u00fck\u0259mm\u0259l bir se\u00e7imdir.<\/p>\n

GraphicsGale<\/a><\/noindex> (pulsuz)<\/h3>\n

\nGraphicsGale - m\u0259nim e\u015fitdiyim yegan\u0259 redaktordur ki, x\u00fcsusi olaraq piksel s\u0259n\u0259ti \u00fc\u00e7\u00fcn haz\u0131rlanm\u0131\u015fd\u0131r v\u0259 animasiya al\u0259tl\u0259ri d\u0259 daxildir. Bu proqram Yapon \u015firk\u0259ti HUMANBALANCE t\u0259r\u0259find\u0259n haz\u0131rlanm\u0131\u015fd\u0131r. 2017-ci ild\u0259n pulsuz yay\u0131lmaqdad\u0131r v\u0259 Aseprite-in artan populyarl\u0131\u011f\u0131na baxmayaraq h\u0259l\u0259 d\u0259 t\u0259l\u0259bat g\u00f6r\u00fcr. T\u0259\u0259ss\u00fcf ki, yaln\u0131z Windows-da i\u015fl\u0259yir.<\/p>\n

Aseprite<\/a><\/noindex> ($)<\/h3>\n

\nHaz\u0131rda y\u0259qin ki, \u0259n populyar redaktordur. A\u00e7\u0131q m\u0259nb\u0259 kodu<\/a><\/noindex>, bir \u00e7ox imkan, aktiv d\u0259st\u0259k, Windows, Mac v\u0259 Linux versiyalar\u0131. \u018fg\u0259r piksel s\u0259n\u0259ti il\u0259 ciddi \u015f\u0259kild\u0259 m\u0259\u015f\u011fulsunuzsa v\u0259 h\u0259l\u0259 d\u0259 laz\u0131m olan redaktoru tapmam\u0131s\u0131n\u0131zsa, bu, sizin \u00fc\u00e7\u00fcn do\u011fru se\u00e7im ola bil\u0259r.<\/p>\n

GameMaker Studio 2<\/a><\/noindex> ($$+)<\/h3>\n

\nGameMaker Studio 2 - yax\u015f\u0131 bir sprite redaktoru olan m\u00fck\u0259mm\u0259l bir 2D al\u0259tidir. \u00d6z oyunlar\u0131n\u0131z \u00fc\u00e7\u00fcn piksel s\u0259n\u0259ti yarada bilm\u0259k \u00fc\u00e7\u00fcn h\u0259r \u015feyi bir proqramda etm\u0259k \u00e7ox rahatd\u0131r. \u0130ndiki zamanda bu proqram\u0131 UFO 50<\/a><\/noindex>, 50 retro oyunun kolleksiyas\u0131: sprite v\u0259 animasiyalar\u0131 GameMaker-da yarad\u0131r, tile setl\u0259ri is\u0259 Photoshopped\u0259 edir\u0259m.<\/p>\n

Photoshop<\/a><\/noindex> ($$$+)<\/h3>\n

\nPhotoshop \u2014 bahal\u0131 bir proqramd\u0131r, abun\u0259 yolu il\u0259 t\u0259qdim edilir ve piksel inc\u0259s\u0259n\u0259ti \u00fc\u00e7\u00fcn t\u0259sirl\u0259nm\u0259yib. \u018fg\u0259r y\u00fcks\u0259k q\u0259tnam\u0259li ill\u00fcstrasiyalar \u00e7\u0259kmirsinizs\u0259, ya da m\u0259nim kimi m\u00fcr\u0259kk\u0259b \u015f\u0259kil manipulyasiyalar\u0131 etmirsinizs\u0259, alman\u0131z\u0131 t\u00f6vsiy\u0259 etmir\u0259m. Burada statik spritel\u0259r v\u0259 piksel i\u015fl\u0259ri yaratmaq m\u00fcmk\u00fcnd\u00fcr, amma spesial proqramlarla m\u00fcqayis\u0259d\u0259 olduqca \u00e7\u0259tindir (m\u0259s\u0259l\u0259n, GraphicsGale v\u0259 ya Aseprite).<\/p>\n

Dig\u0259r<\/h2>\n

\n\"Yeni
\nPiksel inc\u0259s\u0259n\u0259ti \u00fc\u00e7\u00fcn d\u0259stim. H\u0259r \u015fey qara, indi yaln\u0131z f\u0259rq etdim.<\/i><\/p>\n

Qrafik tablet ($$+)<\/h3>\n

\nDijital ill\u00fcstrasiyalarla i\u015fl\u0259y\u0259rk\u0259n tunel sindromunun qar\u015f\u0131s\u0131n\u0131 almaq \u00fc\u00e7\u00fcn qrafik tablet alman\u0131z\u0131 t\u00f6vsiy\u0259 edir\u0259m. Bunun qar\u015f\u0131s\u0131n\u0131 almaq, m\u00fcalic\u0259 etm\u0259kd\u0259n daha asand\u0131r. Bir d\u0259f\u0259 a\u011fr\u0131 hiss ed\u0259c\u0259ksiniz, bu da yaln\u0131z artacaq \u2014 ba\u015flan\u011f\u0131cda \u00f6z\u00fcn\u00fcz\u00fc qoruyun. Bir zamanlar m\u0259n si\u00e7anla r\u0259sm \u00e7\u0259kdiyim \u00fc\u00e7\u00fcn indi d\u00fcym\u0259l\u0259r\u0259 basma\u011f\u0131 t\u0259l\u0259b ed\u0259n oyunlarda oynamaqda \u00e7\u0259tinlik \u00e7\u0259kir\u0259m. \u0130ndi Wacom Intuos Pro S modelind\u0259n istifad\u0259 edir\u0259m.<\/p>\n

Bil\u0259k d\u0259st\u0259yi ($)<\/h3>\n

\n\u018fg\u0259r tablet ala bilmirsinizs\u0259, \u0259n az\u0131 bil\u0259k d\u0259st\u0259yi al\u0131n. M\u0259nim \u00fc\u00e7\u00fcn \u0259n \u00e7ox b\u0259y\u0259ndiyim Mueller Green Fitted Wrist Brace-dir. Dig\u0259rl\u0259ri ya \u00e7ox s\u0131xd\u0131r, ya da kifay\u0259t q\u0259d\u0259r d\u0259st\u0259k vermir. D\u0259st\u0259kl\u0259ri onlayn asanl\u0131qla sifari\u015f ed\u0259 bil\u0259rsiniz.<\/p>\n

96\u00d796 piksel<\/h2>\n

\n\"Yeni
\nFinal Fight. Capcom, 1989<\/i><\/p>\n

Ba\u015flayaq! 96\u00d796 piksel \u00f6l\u00e7\u00fcs\u00fcnd\u0259 bir xarakter spritini \u00e7\u0259k\u0259r\u0259k ba\u015flay\u0131r\u0131q. N\u00fcmun\u0259 \u00fc\u00e7\u00fcn m\u0259n bir orq \u00e7\u0259kdim v\u0259 onu Final Fight-dan ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u0259 yerl\u0259\u015fdirdim (yuxar\u0131dak\u0131 \u015f\u0259kil), bel\u0259likl\u0259 \u00f6l\u00e7\u00fcn\u00fc ba\u015fa d\u00fc\u015f\u0259siniz. Bu b\u00f6y\u00fck<\/b> retro oyunlar\u0131n \u0259ks\u0259riyy\u0259ti \u00fc\u00e7\u00fcn spritdir, ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fcn \u00f6l\u00e7\u00fcs\u00fc: 384\u00d7224 piksel.<\/p>\n

Bel\u0259 b\u00f6y\u00fck bir spritd\u0259, m\u0259nim izah etm\u0259k ist\u0259diyim texnikalar\u0131 g\u00f6st\u0259rm\u0259k daha asan olacaq. H\u0259m\u00e7inin piksel\u0259 g\u00f6r\u0259 r\u0259sm \u00e7\u0259km\u0259 \u0259n\u0259n\u0259vi inc\u0259s\u0259n\u0259t formalar\u0131na (m\u0259s\u0259l\u0259n, r\u0259sm \u00e7\u0259km\u0259 v\u0259 ya boya) daha \u00e7ox b\u0259nz\u0259yir, buna g\u00f6r\u0259 d\u0259 tan\u0131\u015f ola bil\u0259rsiniz. \u018fsas texnikalar\u0131 \u00f6yr\u0259ndikd\u0259n sonra daha ki\u00e7ik spritl\u0259r\u0259 ke\u00e7\u0259c\u0259yik.<\/p>\n

1. Palitran\u0131 se\u00e7irik<\/h2>\n

\n\"Yeni
\n
\nPiksel, piksel inc\u0259s\u0259n\u0259tind\u0259 dig\u0259r dijital sah\u0259l\u0259rd\u0259 oldu\u011fundan daha d\u0259rin bir anlay\u0131\u015fd\u0131r. Piksel inc\u0259s\u0259n\u0259tinin m\u0259hdudiyy\u0259tl\u0259rini, m\u0259s\u0259l\u0259n, r\u0259ngl\u0259ri il\u0259 m\u00fc\u0259yy\u0259n edilir. Do\u011fru palitray\u0131 se\u00e7m\u0259k vacibdir, bu sizin \u00fcslubunuzu m\u00fc\u0259yy\u0259n etm\u0259y\u0259 k\u00f6m\u0259k ed\u0259c\u0259k. Amma ba\u015flayanda, palitralar bar\u0259d\u0259 d\u00fc\u015f\u00fcnm\u0259m\u0259yi t\u0259klif edir\u0259m v\u0259 m\u00f6vcud olanlardan birini (ya da sad\u0259c\u0259 bir ne\u00e7\u0259 t\u0259sad\u00fcfi r\u0259ng) se\u00e7in \u2014 ist\u0259nil\u0259n m\u0259rh\u0259l\u0259d\u0259 asanl\u0131qla d\u0259yi\u015f\u0259 bil\u0259rsiniz.<\/p>\n

Bu d\u0259rs \u00fc\u00e7\u00fcn 32 r\u0259q\u0259md\u0259n ibar\u0259t palitralardan istifad\u0259 ed\u0259c\u0259y\u0259m ki, onu biz yaratm\u0131\u015f\u0131q UFO 50<\/a><\/noindex>. Piksel s\u0259n\u0259tind\u0259 bunlar ad\u0259t\u0259n 32 v\u0259 ya 16 r\u0259ngd\u0259n ibar\u0259t olur. Bizim palitram\u0131z hayali bir konsol \u00fc\u00e7\u00fcn haz\u0131rlanm\u0131\u015fd\u0131r ki, bu da Famicom v\u0259 PC Engine aras\u0131nda bir yerd\u0259 ola bil\u0259r. Onu g\u00f6t\u00fcr\u0259 bil\u0259rsiniz, ya da ba\u015fqa birini \u2014 d\u0259rs se\u00e7ilmi\u015f palitran\u0131n he\u00e7 birind\u0259n as\u0131l\u0131 deyil.<\/p>\n

2. Qabaqc\u0131l konturlar<\/h2>\n

\n\"Yeni
\n
\n\u0130\u015f\u0259 Q\u0259l\u0259ml\u0259 ba\u015flayan konturlar\u0131n \u00e7\u0259kilm\u0259siyl\u0259 ba\u015flay\u0131r\u0131q. Eskiz \u00e7\u0259kirik, t\u0131pk\u0131 adi q\u0259l\u0259m v\u0259 ka\u011f\u0131zla etdiyimiz kimi. \u018flb\u0259tt\u0259, piksel s\u0259n\u0259ti il\u0259 \u0259n\u0259n\u0259vi inc\u0259s\u0259n\u0259t bir-birini k\u0259sir, x\u00fcsus\u0259n d\u0259 iri sprytlar s\u00f6z m\u00f6vzusudur. M\u0259nim m\u00fc\u015fahid\u0259l\u0259rim g\u00f6st\u0259rir ki, g\u00fccl\u00fc piksel s\u0259n\u0259t\u00e7il\u0259ri \u0259ks\u0259r\u0259n yax\u015f\u0131 \u0259l yaz\u0131r v\u0259 \u0259ksin\u0259. Ona g\u00f6r\u0259 d\u0259, \u00e7\u0259kim bacar\u0131qlar\u0131n\u0131 inki\u015faf etdirm\u0259k h\u0259mi\u015f\u0259 faydal\u0131d\u0131r.<\/p>\n

3. Konturlar\u0131n i\u015fl\u0259nm\u0259si<\/h2>\n

\n\"Yeni
\n
\nKonturlar\u0131 daha da i\u015fl\u0259yirik: \u0259lav\u0259 piksel\u0259ri aradan qald\u0131r\u0131r v\u0259 h\u0259r bir x\u0259tti bir piksel\u0259 q\u0259d\u0259r inc\u0259ldirik. B\u0259s n\u0259yi \u0259lav\u0259 saymaq laz\u0131md\u0131r? Bu sual\u0131 cavabland\u0131rmaq \u00fc\u00e7\u00fcn piksel x\u0259tl\u0259ri v\u0259 qeyri-b\u0259rab\u0259rlikl\u0259r\u0259 ba\u015fa d\u00fc\u015fm\u0259k laz\u0131md\u0131r.<\/p>\n

Qeyri-b\u0259rab\u0259rlikl\u0259r<\/h3>\n

\nPiksel s\u0259n\u0259tind\u0259 iki \u0259sas x\u0259tti \u00e7\u0259km\u0259yi \u00f6yr\u0259nm\u0259k laz\u0131md\u0131r: d\u00fcz v\u0259 \u0259yri. Q\u0259l\u0259ml\u0259 v\u0259 ka\u011f\u0131zla bu, \u0259z\u0259l\u0259 n\u0259zar\u0259tin\u0259 ba\u011fl\u0131d\u0131r, amma biz ki\u00e7ik r\u0259ngli bloklarla i\u015fl\u0259yirik.<\/p>\n

D\u00fczg\u00fcn piksel x\u0259tl\u0259ri \u00e7\u0259km\u0259yin a\u00e7ar\u0131 \u2014 qeyri-b\u0259rab\u0259rlikl\u0259rdir. Bu, x\u0259tl\u0259rin d\u00fczliyini pozan t\u0259k piksel v\u0259 ya ki\u00e7ik seqmentl\u0259rdir. Daha \u0259vv\u0259l d\u0259 dediyim kimi, ayr\u0131 bir piksel piksel s\u0259n\u0259tind\u0259 \u00e7ox \u00f6n\u0259mlidir, buna g\u00f6r\u0259 d\u0259 qeyri-b\u0259rab\u0259rlikl\u0259r b\u00fct\u00fcn estetikay\u0131 pozurlar. Ka\u011f\u0131zda bir d\u00fcz x\u0259tt \u00e7\u0259kdiyinizi t\u0259s\u0259vv\u00fcr edin v\u0259 bird\u0259n kimins\u0259 masan\u0131 sars\u0131td\u0131\u011f\u0131n\u0131 e\u015fidirsiniz: piksel s\u0259n\u0259tind\u0259 qeyri-b\u0259rab\u0259rlikl\u0259r ani bir q\u0131r\u0131\u015f bel\u0259 g\u00f6r\u00fcn\u00fcr.<\/p>\n

N\u00fcmun\u0259l\u0259r:<\/p>\n

\"Yeni
\nD\u00fczl\u0259r<\/i><\/p>\n

\"Yeni
\n\u018fyril\u0259r<\/i><\/p>\n

Qeyri-b\u0259rab\u0259rlikl\u0259r \u0259yril\u0259rd\u0259 g\u00f6r\u00fcn\u00fcr, x\u0259ttin seqmentl\u0259rinin uzunlu\u011fu t\u0259dric\u0259n art\u0131r\u0131lmad\u0131\u011f\u0131 v\u0259 ya azald\u0131lmad\u0131\u011f\u0131 zaman.<\/p>\n

Qeyri-b\u0259rab\u0259rlikl\u0259rd\u0259n tamamil\u0259 qa\u00e7maq m\u00fcmk\u00fcn deyil \u2014 sevdiyiniz retro oyunlar\u0131n ham\u0131s\u0131nda bunlar var (\u0259g\u0259r, \u0259lb\u0259tt\u0259, piksel s\u0259n\u0259ti yaln\u0131z sad\u0259 formalardan ibar\u0259t deyils\u0259). M\u0259qs\u0259d: qeyri-b\u0259rab\u0259rlikl\u0259ri minimuma endirm\u0259k, eyni zamanda laz\u0131m olan h\u0259r \u015feyi g\u00f6st\u0259rm\u0259kdir.<\/p>\n

4. \u0130lk r\u0259ngl\u0259ri t\u0259tbiq edirik<\/h2>\n

\n\"Yeni
\n
\nKarakterinizi dolgu v\u0259 ya dig\u0259r m\u00fcvafiq al\u0259tl\u0259rl\u0259 r\u0259ngl\u0259ndirin. Palitr bu i\u015fi asanla\u015fd\u0131racaq. \u018fg\u0259r proqram palitr istifad\u0259sini d\u0259st\u0259kl\u0259mirs\u0259, onu yuxar\u0131dak\u0131 n\u00fcmun\u0259y\u0259 b\u0259nz\u0259r \u015f\u0259kild\u0259 \u015f\u0259kilin i\u00e7\u0259risin\u0259 yerl\u0259\u015fdir\u0259 bil\u0259rsiniz v\u0259 r\u0259ngl\u0259ri pipetl\u0259 se\u00e7\u0259 bil\u0259rsiniz.<\/p>\n

Solda, a\u015fa\u011f\u0131 k\u00fcncd\u0259, dostumuzu t\u0259svir etdim, tan\u0131\u015f olun, bu - \u015ear. Onunla h\u0259r m\u0259rh\u0259l\u0259d\u0259 n\u0259l\u0259rin ba\u015f verdiyini anlamaq daha asan olacaq.<\/p>\n

5. K\u00f6lg\u0259l\u0259m\u0259<\/h2>\n

\n\"Yeni
\n
\nK\u00f6lg\u0259l\u0259ri g\u00f6st\u0259rm\u0259k vaxt\u0131d\u0131r - sprite daha t\u00fcnd r\u0259ngl\u0259r \u0259lav\u0259 edirik. Bel\u0259likl\u0259, g\u00f6r\u00fcnt\u00fc d\u0259rinlik qazanacaq. G\u0259lin, i\u015f\u0131q m\u0259nb\u0259yimizin \u00fcstd\u0259 orkdan sol t\u0259r\u0259fd\u0259 yerl\u0259\u015fdiyini d\u00fc\u015f\u00fcn\u0259k. Dem\u0259k, q\u0259hr\u0259man\u0131m\u0131z\u0131n \u00fcst\u00fcnd\u0259 v\u0259 \u00f6n\u00fcnd\u0259 olan h\u0259r \u015fey i\u015f\u0131qland\u0131r\u0131lacaq. A\u015fa\u011f\u0131 sa\u011f t\u0259r\u0259fd\u0259 k\u00f6lg\u0259l\u0259ri \u0259lav\u0259 edirik.<\/p>\n

Forma v\u0259 d\u0259rinlik<\/h3>\n

\n\"Yeni
\n
\n\u018fg\u0259r bu m\u0259rh\u0259l\u0259 sizd\u0259 \u00e7\u0259tinlik yarad\u0131rsa, r\u0259sminizi sad\u0259c\u0259 x\u0259tl\u0259rin v\u0259 r\u0259ngl\u0259rin oldu\u011fu bir \u015fey kimi deyil, \u00fc\u00e7\u00f6l\u00e7\u00fcl\u00fc formalarda t\u0259s\u0259vv\u00fcr edin. Formalar \u00fc\u00e7 \u00f6l\u00e7\u00fcl\u00fc m\u0259kanda m\u00f6vcuddur v\u0259 k\u00f6lg\u0259l\u0259rl\u0259 yarad\u0131lan d\u0259rinlikl\u0259ri ola bil\u0259r. Bu, q\u0259hr\u0259man\u0131 detallar\u0131 olmadan vizualla\u015fd\u0131rma\u011fa k\u00f6m\u0259k ed\u0259c\u0259k v\u0259 onu piksel deyil, gilin bir par\u00e7as\u0131 kimi t\u0259s\u0259vv\u00fcr etm\u0259y\u0259 imkan ver\u0259c\u0259k. K\u00f6lg\u0259l\u0259m\u0259 sad\u0259c\u0259 yeni r\u0259ngl\u0259rin \u0259lav\u0259 edilm\u0259si deyil, forman\u0131n formala\u015fma prosesidir. Yax\u015f\u0131 i\u015fl\u0259nmi\u015f bir q\u0259hr\u0259manda detallar \u0259sas formalar\u0131 gizl\u0259tmir: \u0259g\u0259r g\u00f6zl\u0259rinizi q\u0131sarsan\u0131z, bir ne\u00e7\u0259 b\u00f6y\u00fck i\u015f\u0131q v\u0259 k\u00f6lg\u0259 qruplar\u0131n\u0131 g\u00f6r\u0259c\u0259ksiniz. <\/p>\n

Silm\u0259 (anti-aliasing, anti-aliasing)<\/h3>\n

\nH\u0259r d\u0259f\u0259 yeni r\u0259ng istifad\u0259 etdikd\u0259, silm\u0259 (AA) t\u0259tbiq edir\u0259m. Bu, x\u0259tl\u0259rin iki seqmentinin k\u0259si\u015fm\u0259sind\u0259ki bucaqlardak\u0131 aral\u0131q r\u0259ngl\u0259ri \u0259lav\u0259 ed\u0259r\u0259k piksel\u0259ri hamarla\u015fd\u0131rma\u011fa k\u00f6m\u0259k edir.<\/p>\n

\"Yeni
\n
\nBoz piksel \u00abx\u0259tl\u0259rin\u00bb \u00abk\u0259silm\u0259l\u0259rini\u00bb yum\u015fald\u0131r. X\u0259tt seqmenti n\u0259 q\u0259d\u0259r uzun olarsa, AA seqmenti d\u0259 bir o q\u0259d\u0259r uzun olur.<\/p>\n

\"Yeni
\nBel\u0259likl\u0259, AA orkun \u00e7iynind\u0259 bel\u0259 g\u00f6r\u00fcn\u00fcr. O, \u0259z\u0259l\u0259l\u0259rinin konturlar\u0131n\u0131 g\u00f6st\u0259r\u0259n x\u0259tl\u0259ri hamarla\u015fd\u0131rmaq \u00fc\u00e7\u00fcn laz\u0131md\u0131r.<\/i><\/p>\n

Silm\u0259, oyunda v\u0259 ya arxa fonunda istifad\u0259 olunacaq sprytl\u0259rin xaricind\u0259 olmamal\u0131d\u0131r, bu fonun r\u0259ngi m\u0259lum deyil. M\u0259s\u0259l\u0259n, \u0259g\u0259r siz a\u00e7\u0131q fon \u00fc\u00e7\u00fcn AA t\u0259tbiq ets\u0259niz, t\u00fcnd fon \u00fc\u00e7\u00fcn silm\u0259 g\u00f6z\u0259l g\u00f6r\u00fcnm\u0259y\u0259c\u0259k.<\/p>\n

6. Se\u00e7ici kontur<\/h2>\n

\n\"Yeni
\n
\n\u018fvv\u0259ll\u0259r konturlar tamamil\u0259 qara idi, bu da sprytin \u00e7ox cizgi film noktas\u0131nda g\u00f6r\u00fcnm\u0259sin\u0259 s\u0259b\u0259b olurdu. \u015e\u0259kil sanki seqmentl\u0259r\u0259 b\u00f6l\u00fcnm\u00fc\u015fd\u00fc. M\u0259s\u0259l\u0259n, \u00e7iynind\u0259ki qara x\u0259tl\u0259rin \u0259z\u0259lilikl\u0259ri \u00e7ox kontrastl\u0131d\u0131r v\u0259 q\u0259hr\u0259man daha az b\u00fct\u00f6vd\u00fcr.<\/p>\n

Sprite daha t\u0259bii g\u00f6r\u00fcn\u0259rs\u0259 v\u0259 seqmentl\u0259\u015fm\u0259 bu q\u0259d\u0259r ayd\u0131n olmazsa, personaj\u0131n \u0259sas formalar\u0131 daha asan oxunacaq. Bunun \u00fc\u00e7\u00fcn se\u00e7ici konturdan istifad\u0259 etm\u0259k olar \u2014 qara konturu daha a\u00e7\u0131q birisi il\u0259 qism\u0259n \u0259v\u0259z etm\u0259k. Sprite-\u0131n i\u015f\u0131q d\u00fc\u015f\u0259n hiss\u0259sind\u0259 \u0259n a\u00e7\u0131q r\u0259ngl\u0259rd\u0259n istifad\u0259 ed\u0259 bil\u0259rik, ya da sprite-in m\u0259nfi bo\u015fluqla t\u0259mas etdiyi yerl\u0259rd\u0259 konturu tamamil\u0259 aradan qald\u0131ra bil\u0259rik. Qara yerin\u0259 k\u00f6lg\u0259 \u00fc\u00e7\u00fcn se\u00e7ilmi\u015f r\u0259ngd\u0259n istifad\u0259 etm\u0259k laz\u0131md\u0131r \u2014 bel\u0259likl\u0259 seqmentl\u0259\u015fm\u0259 qorunacaq (\u0259z\u0259l\u0259, t\u00fck v\u0259 s. ay\u0131rma \u00fc\u00e7\u00fcn).<\/p>\n

Bu m\u0259rh\u0259l\u0259d\u0259 daha t\u00fcnd k\u00f6lg\u0259l\u0259r d\u0259 \u0259lav\u0259 etdim. Ork d\u0259risind\u0259 \u00fc\u00e7 ya\u015f\u0131l ton al\u0131nd\u0131. \u018fn t\u00fcnd ya\u015f\u0131l r\u0259ng se\u00e7ici kontur v\u0259 AA \u00fc\u00e7\u00fcn istifad\u0259 oluna bil\u0259r.<\/p>\n

7. Son d\u00fcz\u0259li\u015fl\u0259r<\/h2>\n

\n\"Yeni
\n
\nSonda par\u0131lt\u0131lar (sprite-dak\u0131 \u0259n a\u00e7\u0131q l\u0259k\u0259l\u0259r), detallar (sirg\u0259l\u0259r, qalaylar, yara izl\u0259ri) v\u0259 dig\u0259r t\u0259kmill\u0259\u015fdirm\u0259l\u0259r \u0259lav\u0259 etm\u0259k laz\u0131md\u0131r, personaj haz\u0131r olana q\u0259d\u0259r ya da n\u00f6vb\u0259ti m\u0259rh\u0259l\u0259y\u0259 ke\u00e7m\u0259k laz\u0131m g\u0259l\u0259n\u0259 q\u0259d\u0259r.<\/p>\n

Bu m\u0259rh\u0259l\u0259d\u0259 t\u0259tbiq oluna bil\u0259c\u0259k bir ne\u00e7\u0259 faydal\u0131 texnika var. \u015e\u0259kli \u00fcf\u00fcqi \u00e7evirm\u0259k, tez-tez nisb\u0259t v\u0259 k\u00f6lg\u0259 x\u0259talar\u0131n\u0131 a\u015fkar etm\u0259y\u0259 k\u00f6m\u0259k edir. H\u0259m\u00e7inin r\u0259ngi \u00e7\u0131xar\u0131b \u2014 doygunluqlar\u0131 s\u0131f\u0131ra qoymaqla hans\u0131 k\u00f6lg\u0259l\u0259ri d\u0259yi\u015fm\u0259k laz\u0131m oldu\u011funu anlamaq m\u00fcmk\u00fcnd\u00fcr.<\/p>\n

S\u0259s yaratmaq (dithering)<\/h3>\n

\nH\u0259l\u0259 ki, \u0259sas\u0259n iri, b\u00fct\u00f6v k\u00f6lg\u0259 sah\u0259l\u0259rini t\u0259tbiq etmi\u015fik. Amma ba\u015fqa bir texnika da var \u2014 dithering, bu, bir r\u0259ngd\u0259n dig\u0259rin\u0259 ke\u00e7m\u0259y\u0259 imkan tan\u0131y\u0131r, \u00fc\u00e7\u00fcnc\u00fc bir r\u0259ng \u0259lav\u0259 etm\u0259d\u0259n. A\u015fa\u011f\u0131dak\u0131 n\u00fcmun\u0259y\u0259 bax\u0131n.<\/p>\n

\"Yeni
\n
\n\u00dcst gradient t\u00fcndd\u0259n a\u00e7\u0131\u011fa do\u011fru y\u00fczl\u0259rl\u0259 f\u0259rqli mavi ton istifad\u0259 edir. <\/p>\n

Orta gradient sad\u0259c\u0259 doqquz r\u0259ngd\u0259n istifad\u0259 edir, amma h\u0259l\u0259 d\u0259 eyni r\u0259ngin \u00e7ox tonudur. Bel\u0259likl\u0259, beld\u0259ki (banding) meydana g\u0259lir, bu da bir-birin\u0259 biti\u015fik r\u0259ngl\u0259rin qal\u0131n, homojen zolaqlar\u0131 say\u0259sind\u0259 g\u00f6z\u00fcn bu r\u0259ngl\u0259rin t\u0259mas n\u00f6qt\u0259l\u0259rin\u0259 fokuslanmas\u0131na s\u0259b\u0259b olur.<\/p>\n

A\u015fa\u011f\u0131 gradientd\u0259 banding-i qar\u015f\u0131s\u0131n\u0131 alma\u011fa imkan tan\u0131yan dithering t\u0259tbiq olunub v\u0259 yaln\u0131z iki r\u0259ng istifad\u0259 edilir. Biz r\u0259ngin tonlamas\u0131n\u0131 t\u0259qlid etm\u0259k \u00fc\u00e7\u00fcn m\u00fcxt\u0259lif intensivlikd\u0259 s\u0259s yarad\u0131r\u0131q. Bu texnika \u00e7apda istifad\u0259 olunan halftone il\u0259; el\u0259c\u0259 d\u0259 ill\u00fcstrasiyalarda v\u0259 komiksl\u0259rd\u0259 kullan\u0131lan stippling-\u0259 \u00e7ox ox\u015fard\u0131r.<\/p>\n

Orkda, tekstur \u00f6t\u00fcrm\u0259k \u00fc\u00e7\u00fcn diserinqi bir az t\u0259tbiq etdim. B\u0259zi piksel artistl\u0259ri bunu istifad\u0259 etmir, dig\u0259rl\u0259ri is\u0259 \u0259ksin\u0259, buna \u00e7ox ustal\u0131qla yana\u015f\u0131rlar. M\u0259nc\u0259, diserinq \u0259n yax\u015f\u0131 \u015f\u0259kild\u0259 bir r\u0259ngl\u0259 \u00f6rt\u00fclm\u00fc\u015f geni\u015f sah\u0259l\u0259rd\u0259 g\u00f6r\u00fcn\u00fcr (yuxar\u0131da Metal Slug ekran g\u00f6r\u00fcnt\u00fcs\u00fcnd\u0259ki g\u00f6y\u0259 diqq\u0259t edin) v\u0259 ya kobud v\u0259 b\u0259rab\u0259rsizlik g\u00f6r\u00fcnm\u0259si laz\u0131m olan sah\u0259l\u0259rd\u0259 (m\u0259s\u0259l\u0259n, pal\u00e7\u0131q). \u0130stifad\u0259 yolunu \u00f6z\u00fcn\u00fcz se\u00e7in.<\/p>\n

M\u00fcxt\u0259lif v\u0259 keyfiyy\u0259tli diserinq n\u00fcmun\u0259si g\u00f6rm\u0259k ist\u0259s\u0259niz, 80-ci ill\u0259rin britaniyal\u0131 studiyas\u0131 The Bitmap Brothers-in oyunlar\u0131na v\u0259 ya PC-98 komp\u00fcterind\u0259ki oyunlara bax\u0131n. Ancaq unutmamal\u0131s\u0131n\u0131z ki, onlar\u0131n ham\u0131s\u0131 - NSFW.<\/p>\n

\"Yeni
\nKakyusei (PC-98). Elf, 1996-c\u0131 il
\nBu g\u00f6r\u00fcnt\u00fcd\u0259 yaln\u0131z 16 r\u0259ng var!<\/i><\/p>\n

8. Son bax\u0131\u015f<\/h2>\n

\n\"Yeni
\n
\nPiksel inc\u0259s\u0259n\u0259tinin t\u0259hl\u00fck\u0259l\u0259rind\u0259n biri odur ki, o, asan v\u0259 sad\u0259 g\u00f6r\u00fcn\u00fcr (strukturuna v\u0259 \u00fcslubunun m\u0259hdudiyy\u0259tl\u0259rin\u0259 g\u00f6r\u0259). Amma sonunda spritl\u0259rinizi d\u00fcz\u0259ltm\u0259k \u00fc\u00e7\u00fcn \u00e7ox vaxt s\u0259rf edirsiniz. Bu, h\u0259ll etm\u0259li oldu\u011funuz bir bulmacaya b\u0259nz\u0259yir \u2014 buna g\u00f6r\u0259 piksel inc\u0259s\u0259n\u0259ti m\u00fck\u0259mm\u0259l\u00e7ill\u0259ri c\u0259lb edir. Unutmay\u0131n ki, bir sprit \u00e7ox vaxt aparmamal\u0131d\u0131r \u2014 bu, son d\u0259r\u0259c\u0259 m\u00fcr\u0259kk\u0259b bir par\u00e7a kolleksiyas\u0131n\u0131n yaln\u0131z ki\u00e7ik bir hiss\u0259sidir. \u00dcmumi m\u0259nz\u0259r\u0259ni itirm\u0259m\u0259k vacibdir.<\/p>\n

Sizin piksel inc\u0259s\u0259n\u0259tiniz oyunlar \u00fc\u00e7\u00fcn olmasa bel\u0259, b\u0259z\u0259n \u00f6z\u00fcn\u00fcz\u0259 dem\u0259k faydal\u0131d\u0131r: \"H\u0259r \u015fey art\u0131q kifay\u0259t q\u0259d\u0259r yax\u015f\u0131d\u0131r!\" v\u0259 ir\u0259lil\u0259m\u0259k. Bacar\u0131qlar\u0131n\u0131z\u0131 inki\u015faf etdirm\u0259k \u00fc\u00e7\u00fcn \u0259n yax\u015f\u0131 yol, m\u00fcmk\u00fcn q\u0259d\u0259r \u00e7ox d\u0259f\u0259 b\u00fct\u00fcn prosesi ba\u015fdan sona ke\u00e7m\u0259kdir, m\u00fcmk\u00fcn q\u0259d\u0259r \u00e7ox m\u00f6vzuda. <\/p>\n

B\u0259z\u0259n spriti bir m\u00fcdd\u0259t\u0259 unudub sonra ona t\u0259z\u0259 bir bax\u0131\u015fla baxmaq faydal\u0131d\u0131r. <\/p>\n

32\u00d732 piksel<\/h2>\n

\n\"Yeni
\n
\n\u0130lk olaraq 96\u00d796 piksel \u00f6l\u00e7\u00fcs\u00fcnd\u0259 b\u00f6y\u00fck bir sprit yaratd\u0131q, \u00e7\u00fcnki bu \u00f6l\u00e7\u00fc daha \u00e7ox r\u0259sml\u0259m\u0259 v\u0259 ya r\u0259sm\u0259 b\u0259nz\u0259yir, amma yaln\u0131z piksel formas\u0131nda. Sprit daha ki\u00e7ik olduqca, g\u00f6st\u0259rm\u0259li oldu\u011fu \u015feyd\u0259n daha az b\u0259nz\u0259r olur v\u0259 h\u0259r pikselin \u0259h\u0259miyy\u0259ti art\u0131r.<\/p>\n

\"Yeni
\n
\nSuper Mario Bros.-da Mario-nun g\u00f6z\u00fc yaln\u0131z \u00fcst-\u00fcst\u0259 yerl\u0259\u015f\u0259n iki pikselidir. Eyni \u015f\u0259kild\u0259, qula\u011f\u0131 da bel\u0259d\u0131r. Xarakterin yarad\u0131c\u0131s\u0131 Sigeru Miyamoto, b\u0131\u011flar\u0131n burnu v\u0259 dig\u0259r sima hiss\u0259l\u0259rini ay\u0131rmaq \u00fc\u00e7\u00fcn laz\u0131m oldu\u011funu s\u00f6yl\u0259di. Bu s\u0259b\u0259bd\u0259n Mario-nun simas\u0131n\u0131n \u0259sas x\u00fcsusiyy\u0259tl\u0259rind\u0259n biri yaln\u0131z xarakter dizayn\u0131 deyil, h\u0259m d\u0259 praktik bir hiyl\u0259dir. Bu, q\u0259dim deyimi t\u0259sdiql\u0259yir \u2014 \"ehtiyac ixtiran\u0131n anas\u0131d\u0131r.\"<\/p>\n

32\u00d732 piksel \u00f6l\u00e7\u00fcs\u00fcnd\u0259 sprite yaratma\u011f\u0131n \u0259sas m\u0259rh\u0259l\u0259l\u0259ri art\u0131q biz\u0259 tan\u0131\u015fd\u0131r: eskiz, r\u0259ng, k\u00f6lg\u0259l\u0259r, daha sonra i\u015fin yekunla\u015fd\u0131r\u0131lmas\u0131. Ancaq bu c\u00fcr \u015f\u0259raitd\u0259 ba\u015flan\u011f\u0131c eskizi \u00fc\u00e7\u00fcn kontur \u00e7\u0259kili\u015find\u0259n daha \u00e7ox r\u0259ngli fiqurlar se\u00e7ir\u0259m, \u00e7\u00fcnki \u00f6l\u00e7\u00fc \u00e7ox ki\u00e7ikdir. R\u0259ng, personaj\u0131n m\u00fc\u0259yy\u0259n edilm\u0259sind\u0259 konturlardan daha m\u00fch\u00fcm rol oynay\u0131r. Mario'ya bir daha bax\u0131n, onun he\u00e7 bir konturu yoxdur. Di\u015fl\u0259rd\u0259n ba\u015fqa, onun b\u00fcrcl\u0259ri qulaqlar\u0131n formas\u0131n\u0131 m\u00fc\u0259yy\u0259n edir, \u0259t\u0259kl\u0259r \u0259ll\u0259ri g\u00f6st\u0259rir, \u00fcmumi forma is\u0259 b\u0259d\u0259nini nisb\u0259t\u0259n d\u0259qiq \u0259ks etdirir.<\/p>\n

Ki\u00e7ik sprite'lar\u0131n yarad\u0131lmas\u0131 daim kompromisl\u0259r t\u0259l\u0259b edir. \u018fg\u0259r kontur \u0259lav\u0259 ets\u0259niz, k\u00f6lg\u0259 \u00fc\u00e7\u00fcn yer itir\u0259 bil\u0259rsiniz. \u018fg\u0259r personaj\u0131n\u0131z\u0131n \u0259ll\u0259ri v\u0259 ayaqlar\u0131 ayd\u0131n \u015f\u0259kild\u0259 t\u0259svir olunubsa, ba\u015f ad\u0259t\u0259n \u00e7ox b\u00f6y\u00fck olmamal\u0131d\u0131r. R\u0259ngi s\u0259m\u0259r\u0259li istifad\u0259 ets\u0259niz, se\u00e7ilmi\u015f kontur v\u0259 yum\u015fald\u0131lma il\u0259 \u00e7\u0259kilmi\u015f obyekt ger\u00e7\u0259kd\u0259n oldu\u011fundan daha b\u00f6y\u00fck g\u00f6r\u00fcn\u0259 bil\u0259r.<\/p>\n

Ki\u00e7ik sprite'lar \u00fc\u00e7\u00fcn tibbi \u00fcslubu sevir\u0259m: personajlar \u00e7ox \u015firin g\u00f6r\u00fcn\u00fcr, onlar\u0131n b\u00f6y\u00fck ba\u015flar\u0131 v\u0259 g\u00f6zl\u0259ri var. M\u0259hdud m\u0259kanda parlaq bir q\u0259hr\u0259man yaratma\u011f\u0131n \u0259la bir yolu, h\u0259m d\u0259 \u00fcmumilikd\u0259 \u00e7ox g\u00f6z\u0259l bir \u00fcslub. Ancaq b\u0259lk\u0259 d\u0259 siz personaj\u0131n \u00e7evikli\u011fini v\u0259 ya g\u00fcc\u00fcn\u00fc g\u00f6st\u0259rm\u0259k ist\u0259yirsinizs\u0259, ba\u015f \u00fc\u00e7\u00fcn daha az yer ay\u0131ra bil\u0259rsiniz ki, b\u0259d\u0259n daha g\u00fccl\u00fc g\u00f6r\u00fcns\u00fcn. H\u0259r \u015fey sizin z\u00f6vq\u00fcn\u00fczd\u0259n v\u0259 m\u0259qs\u0259dl\u0259rinizd\u0259n as\u0131l\u0131d\u0131r.<\/p>\n

\"Yeni
\nB\u00fct\u00fcn komanda bir aradad\u0131r!<\/i><\/p>\n

Fayl formatlar\u0131<\/h2>\n

\n\"Yeni
\nBel\u0259 bir n\u0259tic\u0259 h\u0259r hans\u0131 bir piksel s\u0259n\u0259t\u00e7isini narahat ed\u0259 bil\u0259r<\/i><\/p>\n

G\u00f6rd\u00fcy\u00fcn\u00fcz \u015f\u0259kil, r\u0259smin JPG format\u0131nda saxlanmas\u0131n\u0131n n\u0259tic\u0259sidir. Fayl\u0131n s\u0131x\u0131lma alqoritml\u0259ri s\u0259b\u0259bind\u0259n b\u0259zi m\u0259lumatlar itirilib. Keyfiyy\u0259tli piksel-art n\u0259tic\u0259d\u0259 pis g\u00f6r\u00fcn\u0259c\u0259k, onun ba\u015flan\u011f\u0131c palitras\u0131n\u0131 b\u0259rpa etm\u0259k \u00e7\u0259tin olacaq.<\/p>\n

Statik \u015f\u0259kil keyfiyy\u0259tini itirm\u0259d\u0259n saxlan\u0131lmas\u0131 \u00fc\u00e7\u00fcn PNG format\u0131n\u0131 istifad\u0259 edin. Animasiya \u00fc\u00e7\u00fcn is\u0259 GIF.<\/p>\n

Piksel-art\u0131 d\u00fczg\u00fcn payla\u015fman\u0131n yollar\u0131<\/h2>\n

\nPiksel-art\u0131 sosial \u015f\u0259b\u0259k\u0259l\u0259rd\u0259 payla\u015fmaq, geribildirim almaq v\u0259 eyni \u00fcslubda i\u015fl\u0259y\u0259n dig\u0259r artistl\u0259rl\u0259 tan\u0131\u015f olmaq \u00fc\u00e7\u00fcn \u0259la bir \u00fcsuldur. #pixelart hashtag\u0131n\u0131 qoyma\u011f\u0131 unutmay\u0131n. T\u0259\u0259ss\u00fcf ki, sosial \u015f\u0259b\u0259k\u0259l\u0259r tez-tez PNG format\u0131n\u0131 icaz\u0259siz JPG'ye \u00e7evir\u0259r\u0259k i\u015finizi pisl\u0259\u015fdirir. Niy\u0259 \u015f\u0259kilinizin \u00e7evrildiyi b\u0259z\u0259n ayd\u0131n olmur.<\/p>\n

M\u00fcxt\u0259lif sosial \u015f\u0259b\u0259k\u0259l\u0259r \u00fc\u00e7\u00fcn piksel-art\u0131n laz\u0131mi keyfiyy\u0259td\u0259 saxlanmas\u0131na dair bir ne\u00e7\u0259 m\u0259sl\u0259h\u0259t var.<\/p>\n

Twitter<\/h3>\n

\nPNG fayl\u0131n\u0131n Twitter'da d\u0259yi\u015fm\u0259m\u0259si \u00fc\u00e7\u00fcn 256 r\u0259ngd\u0259n az istifad\u0259 edin v\u0259 \u0259min olun<\/a><\/noindex>, fayl\u0131n\u0131z\u0131n uzun t\u0259r\u0259fi 900 pikseld\u0259n az olmamal\u0131d\u0131r. M\u0259n fayl\u0131n \u00f6l\u00e7\u00fcs\u00fcn\u00fc \u0259n az\u0131 512\u00d7512 piksel\u0259 q\u0259d\u0259r art\u0131rard\u0131m. H\u0259m\u00e7inin, \u00f6l\u00e7m\u0259nin 100-\u0259 tam b\u00f6l\u00fcnm\u0259si (200%, 250% yox) v\u0259 k\u0259skin k\u00fcncl\u0259rin qorunmas\u0131 (Photoshop'da Nearest Neighbor) vacibdir.<\/p>\n

Twitter-d\u0259ki postlar \u00fc\u00e7\u00fcn animasiyal\u0131 GIF fayllar\u0131 bilm\u0259li oldu\u011funuz bir sual se\u00e7irsiniz.<\/a><\/noindex> 15 MB-dan art\u0131q olmamal\u0131d\u0131r. \u015e\u0259kil \u0259n az\u0131 800\u00d7800 piksel olmal\u0131d\u0131r, d\u00f6vr\u00fc animasiya \u00fc\u00e7 d\u0259f\u0259d\u0259n az olmamal\u0131d\u0131r, son kadr\u0131n zaman\u0131 is\u0259 dig\u0259r b\u00fct\u00fcn kadrlar\u0131n vaxt\u0131ndan yar\u0131dan az olmal\u0131d\u0131r \u2014 bu, \u0259n m\u0259\u015fhur n\u0259z\u0259riyy\u0259dir. Ancaq Twitter-in \u015f\u0259kil n\u00fcmayi\u015fi alqoritml\u0259rini davaml\u0131 d\u0259yi\u015fdirdiyini n\u0259z\u0259r\u0259 alaraq, bu t\u0259l\u0259bl\u0259ri n\u0259 q\u0259d\u0259r yerin\u0259 yetirm\u0259nin laz\u0131m oldu\u011fu qeyri-m\u00fc\u0259yy\u0259ndir.<\/p>\n

\u00dcmid edir\u0259m ki, bu \u00f6lk\u0259 haqq\u0131nda d\u00fc\u015f\u00fcnc\u0259l\u0259rimi v\u0259 hekay\u0259l\u0259rimi oxumaq siz\u0259 maraql\u0131 oldu. Yen\u0259 d\u0259,<\/h3>\n

\nBildiyim q\u0259d\u0259r, Instagram-da \u015f\u0259kil payla\u015fmaq keyfiyy\u0259t itkisi olmadan m\u00fcmk\u00fcn deyil. Ancaq onu \u0259n az\u0131 512\u00d7512 piksel\u0259 q\u0259d\u0259r art\u0131rmaqla daha yax\u015f\u0131 g\u00f6r\u00fcn\u0259c\u0259k.
\n
M\u0259nb\u0259: habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"

\u0418\u043d\u0434\u0438-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043d\u0435\u0440\u0435\u0434\u043a\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0441\u043e\u0432\u043c\u0435\u0449\u0430\u0442\u044c \u0441\u0440\u0430\u0437\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u043e\u043b\u0435\u0439: \u0433\u0435\u0439\u043c\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430, \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430, \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0430, \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a\u0430. \u0418, \u043a\u043e\u0433\u0434\u0430 \u0434\u0435\u043b\u043e \u0434\u043e\u0445\u043e\u0434\u0438\u0442 \u0434\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u0430, \u043c\u043d\u043e\u0433\u0438\u0435 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442 \u2014 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043e\u043d \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u044b\u043c. \u041d\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u043e, \u043d\u0443\u0436\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u043e\u043f\u044b\u0442\u0430 \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u0430\u0432\u044b\u043a\u0438. \u041d\u0430\u0448\u0435\u043b \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0430\u043b \u043f\u043e\u0441\u0442\u0438\u0433\u0430\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u044b \u044d\u0442\u043e\u0433\u043e \u0441\u0442\u0438\u043b\u044f: \u0441 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u0444\u0442\u0430 \u0438 \u0442\u0435\u0445\u043d\u0438\u043a \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-54617","post","type-post","status-publish","format-standard","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Ba\u015flayanlar \u00fc\u00e7\u00fcn piksel-s\u0259n\u0259ti: istifad\u0259 t\u0259limat\u0131 | ProHoster","description":"\u0130ndi m\u0259n\u0259 laz\u0131m olan\u0131 indie inki\u015faf\u00e7\u0131lar\u0131n\u0131n ba\u015f\u0131na g\u0259lir.","canonical_url":"https:\/\/prohoster.info\/az\/blog\/news\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"az_AZ","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u041f\u0438\u043a\u0441\u0435\u043b\u044c-\u0430\u0440\u0442 \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445: \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e | ProHoster","og:description":"\u0418\u043d\u0434\u0438-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043d\u0435\u0440\u0435\u0434\u043a\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f.","og:url":"https:\/\/prohoster.info\/az\/blog\/news\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-12-29T21:00:00+00:00","article:modified_time":"2020-02-18T11:02:39+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"54617","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-24 12:06:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 20:01:33","updated":"2026-01-24 12:06:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/az\/wp-json\/wp\/v2\/posts\/54617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/az\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/az\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/az\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/az\/wp-json\/wp\/v2\/comments?post=54617"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/az\/wp-json\/wp\/v2\/posts\/54617\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/az\/wp-json\/wp\/v2\/media?parent=54617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/az\/wp-json\/wp\/v2\/categories?post=54617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/az\/wp-json\/wp\/v2\/tags?post=54617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}