{"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\/sq\/blog\/news\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","title":{"rendered":"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/00d172ccd0d834f54c3fa1ffe2f03481.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nIndie zhvilluesit shpeshher\u00eb duhet t\u00eb mbajn\u00eb disa role nj\u00ebkoh\u00ebsisht: dizajneri i loj\u00ebs, programuesi, kompozitori, artisti. Dhe, kur vjen puna te vizualet, shum\u00eb zgjedhin pixel-art \u2014 n\u00eb pamje t\u00eb par\u00eb duket i thjesht\u00eb. Por p\u00ebr ta b\u00ebr\u00eb at\u00eb t\u00eb bukur, k\u00ebrkohen shum\u00eb p\u00ebrvoj\u00eb dhe aft\u00ebsi t\u00eb ve\u00e7anta. Gjeta nj\u00eb manual p\u00ebr ata q\u00eb sapo kan\u00eb filluar t\u00eb m\u00ebsojn\u00eb bazat e k\u00ebtij stili: me p\u00ebrshkrimin e softuer\u00ebve t\u00eb ve\u00e7ant\u00eb dhe teknikave t\u00eb pikturimit n\u00eb baz\u00eb t\u00eb dy sprite-ve.<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<h2>Sfondi<\/h2>\n<p>\nPixel-art \u00ebsht\u00eb nj\u00eb form\u00eb arti digjital, n\u00eb t\u00eb cil\u00ebn ndryshimet b\u00ebhen n\u00eb nivelin e piksel\u00ebve. Kryesisht lidhet me grafik\u00ebn e videoloj\u00ebrave t\u00eb viteve '80 dhe '90. At\u00ebher\u00eb, artist\u00ebt duhet t\u00eb merrnin parasysh kufizimet e memories dhe rezolut\u00ebs s\u00eb ul\u00ebt. Sot, pixel-art ende \u00ebsht\u00eb popullor n\u00eb loj\u00ebra dhe si stil artistik n\u00eb p\u00ebrgjith\u00ebsi, pavar\u00ebsisht mund\u00ebsis\u00eb p\u00ebr t\u00eb krijuar grafik\u00eb 3D realiste. Pse? Edhe n\u00ebse nuk e marrim parasysh nostalgjin\u00eb, krijimi i nj\u00eb vepre t\u00eb mrekullueshme n\u00eb k\u00ebto kufij t\u00eb ashp\u00ebr \u00ebsht\u00eb nj\u00eb sfid\u00eb e k\u00ebndshme dhe e vlefshme.<\/p>\n<p>Haugu i hyrjes n\u00eb artin piksel \u00ebsht\u00eb relativisht i ul\u00ebt n\u00eb krahasim me artin tradicional dhe grafik\u00ebn 3D, \u00e7ka t\u00ebrheq zhvilluesit indie. Por kjo nuk do t\u00eb thot\u00eb se do t\u00eb jet\u00eb e leht\u00eb <b>t\u00eb p\u00ebrfundohet<\/b> nj\u00eb loj\u00eb n\u00eb k\u00ebt\u00eb stil. Kam par\u00eb shum\u00eb zhvillues indie me metroidvanias n\u00eb artin piksel n\u00eb platforma grumbullimi. Ata mendonin se do ta p\u00ebrfundonin gjith\u00e7ka brenda nj\u00eb viti, por n\u00eb t\u00eb v\u00ebrtet\u00eb u duhej edhe p\u00ebr gjasht\u00eb vjet t\u00eb tjera. <\/p>\n<p><img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/67c754a18d7483e700e801beec5f2ebc.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<i>Metal Slug 3 (Arcade). SNK, viti 2000<\/i><\/p>\n<p>Arti piksel n\u00eb nivelin n\u00eb t\u00eb cilin shumica d\u00ebshiron ta krijoj\u00eb k\u00ebrkon shum\u00eb koh\u00eb, dhe ka pak udh\u00ebzues t\u00eb shkurt\u00ebr. Kur punoni me nj\u00eb model 3D, mund ta rrotulloni, ta deformoni, t\u00eb l\u00ebvizni pjes\u00eb t\u00eb ve\u00e7anta, t\u00eb kopjoni animacione nga nj\u00eb model n\u00eb tjetrin, e k\u00ebshtu me radh\u00eb. Arti piksel i nivelit t\u00eb lart\u00eb pothuajse gjithmon\u00eb k\u00ebrkon nj\u00eb shum\u00eb energjie p\u00ebr vendosjen e sakt\u00eb t\u00eb pikseve n\u00eb \u00e7do korniz\u00eb.<\/p>\n<p>N\u00eb p\u00ebrgjith\u00ebsi, e paralajm\u00ebrova.<\/p>\n<p>Tani tani p\u00ebr stilin tim: kryesisht pikturoj art pikseli p\u00ebr video loj\u00ebra dhe prej tyre gjej frym\u00ebzim. Sidomos jam nj\u00eb fan i Famicom\/NES, konsolave 16-bit dhe arka-dave t\u00eb viteve '90. Art pikseli i loj\u00ebrave t\u00eb mia t\u00eb preferuara nga ajo koh\u00eb mund t\u00eb p\u00ebrshkruhet si i ndritsh\u00ebm, i sigurt dhe i past\u00ebr (por jo shum\u00eb), nuk mund t\u00eb quhet as i ngurt\u00eb as minimalistik. N\u00eb k\u00ebt\u00eb stil punoj vet\u00eb, por ju leht\u00ebsisht mund t\u00eb p\u00ebrdorni idet\u00eb dhe teknikat nga ky tutorial p\u00ebr t\u00eb krijuar gj\u00ebra krejt\u00ebsisht t\u00eb ndryshme. Studioni punimet e artist\u00ebve t\u00eb ndrysh\u00ebm dhe krijoni art pikseli q\u00eb ju p\u00eblqen!<\/p>\n<h2>Softi<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/5dc5fa7ebabd2a31b1375cdfc9437b66.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nInstrumentet baz\u00eb digjitale p\u00ebr artin piksel jan\u00eb Zoom dhe Pencil p\u00ebr t\u00eb vendosur piksel\u00ebt. Gjithashtu, do t'ju nevojiten Line, Shape, Select, Move dhe Paint Bucket. Ka shum\u00eb software falas dhe me pages\u00eb me k\u00ebt\u00eb grup instrumentesh. Do t\u00eb flas p\u00ebr ato m\u00eb popullore dhe ato q\u00eb p\u00ebrdor vet\u00eb.<\/p>\n<h3>Paint (falas)<\/h3>\n<p>\nN\u00ebse keni Windows, Paint i nd\u00ebrtuar n\u00eb t\u00eb \u00ebsht\u00eb nj\u00eb program primitiv, por ka t\u00eb gjitha instrumentet p\u00ebr artin piksel.<\/p>\n<h3><noindex><a rel=\"nofollow\" href=\"https:\/\/www.piskelapp.com\/\">Piskel<\/a><\/noindex> (falas)<\/h3>\n<p>\nNj\u00eb redaktues befasues funksional i artit me piksele, q\u00eb ekzekutohet p\u00ebrmes shfletuesit. Mund t\u00eb eksportohet puna n\u00eb PNG ose GIF t\u00eb animuar. Nj\u00eb mund\u00ebsi e shk\u00eblqyer p\u00ebr fillestar\u00ebt.<\/p>\n<h3><noindex><a rel=\"nofollow\" href=\"https:\/\/graphicsgale.com\/us\/\">GraphigsGale<\/a><\/noindex> (falas)<\/h3>\n<p>\nGraphicsGale \u00ebsht\u00eb i vetmi redaktues q\u00eb kam d\u00ebgjuar p\u00ebr t\u00eb, i krijuar pik\u00ebrisht p\u00ebr artin me piksele dhe duke p\u00ebrfshir\u00eb vegla p\u00ebr animacion. Ai \u00ebsht\u00eb krijuar nga kompania japoneze HUMANBALANCE. Q\u00eb nga viti 2017, ai \u00ebsht\u00eb shp\u00ebrndar\u00eb falas dhe ende \u00ebsht\u00eb i popullarizuar, megjith\u00ebse fama e Aseprite ka rritur. Fatkeq\u00ebsisht, funksionon vet\u00ebm n\u00eb Windows.<\/p>\n<h3><noindex><a rel=\"nofollow\" href=\"https:\/\/www.aseprite.org\/\">Aseprite<\/a><\/noindex> ($)<\/h3>\n<p>\nMund\u00ebsisht, redaktuesi m\u00eb i njohur deri tani. <noindex><a rel=\"nofollow\" href=\"https:\/\/www.aseprite.org\/faq\/#if-aseprite-source-code-is-available-how-is-that-you-are-selling-it\">Kodi i hapur<\/a><\/noindex>, nj\u00eb mori mund\u00ebsish, mb\u00ebshtetje aktive, versione p\u00ebr Windows, Mac dhe Linux. N\u00ebse jeni duke e marr\u00eb seriozisht artin me piksele dhe ende nuk keni gjetur redaktuesin e duhur, ndoshta ky \u00ebsht\u00eb ai q\u00eb iu nevojitet.<\/p>\n<h3><noindex><a rel=\"nofollow\" href=\"https:\/\/www.yoyogames.com\/get\">GameMaker Studio 2<\/a><\/noindex> ($$+)<\/h3>\n<p>\nGameMaker Studio 2 \u00ebsht\u00eb nj\u00eb mjet i shk\u00eblqyer 2D me nj\u00eb redaktues t\u00eb mir\u00eb t\u00eb spriteve (Sprite Editor). N\u00ebse d\u00ebshironi t\u00eb krijoni art me piksele p\u00ebr loj\u00ebrat tuaja, \u00ebsht\u00eb shum\u00eb e p\u00ebrshtatshme t\u00eb b\u00ebni gjith\u00e7ka n\u00eb nj\u00eb program. Tani po e p\u00ebrdor k\u00ebt\u00eb soft n\u00eb pun\u00ebn time p\u00ebr <noindex><a rel=\"nofollow\" href=\"https:\/\/50games.fun\/\">UFO 50<\/a><\/noindex>, nj\u00eb koleksion prej 50 loj\u00ebrash retro: sprite dhe animacione i krijoj n\u00eb GameMaker, nd\u00ebrsa tileset i b\u00ebj n\u00eb Photoshop.<\/p>\n<h3><noindex><a rel=\"nofollow\" href=\"https:\/\/www.photoshop.com\/\">Photoshop<\/a><\/noindex> ($$$+)<\/h3>\n<p>\nPhotoshop \u2014 soft i shtrenjt\u00eb, q\u00eb shp\u00ebrndahet p\u00ebrmes nj\u00eb abonimi, dhe nuk \u00ebsht\u00eb i optimizuar p\u00ebr artin me piksel. Nuk e rekomandoj ta blini, n\u00ebse nuk merret me vizatimin e iluztracioneve me rezolucion t\u00eb lart\u00eb, ose n\u00ebse nuk keni nevoj\u00eb p\u00ebr manipulime komplekse me imazhet, si\u00e7 b\u00ebj un\u00eb. N\u00eb t\u00eb mund t\u00eb krijoni sprites statik\u00eb dhe veprat e artit me piksel, por \u00ebsht\u00eb mjaft e komplikuar krahasuar me softin e specializuar (Si GraphicsGale ose Aseprite).<\/p>\n<h2>T\u00eb tjera<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/e810f041b931c304b6b65f9895a9f325.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<i>Grupi im p\u00ebr artin me piksel. E gjith\u00eb e zez\u00eb, tani e vura re.<\/i><\/p>\n<h3>Tableta grafike ($$+)<\/h3>\n<p>\nRekomandoj tabletat grafike p\u00ebr cilindo pun\u00eb me iluztracione digjitale, p\u00ebr t\u00eb shmangur sindrom\u00ebn e tunelit n\u00eb ky\u00e7in e dor\u00ebs. \u00cbsht\u00eb shum\u00eb m\u00eb e leht\u00eb ta parandalosh se sa ta trajtosh. Nj\u00ebher\u00eb do ta ndjeni dhimbjen, dhe ajo do t\u00eb rritet vet\u00ebm \u2014 kujdesuni p\u00ebr veten nga fillimi. P\u00ebr shkak se dikur kam vizatuar me miun, tani m\u00eb v\u00ebshtir\u00ebsohet t\u00eb luaj n\u00eb loj\u00ebra ku duhet t\u00eb shtyp\u00ebsh butona. Tani p\u00ebrdor Wacom Intuos Pro S.<\/p>\n<h3>Mb\u00ebshtetje p\u00ebr ky\u00e7in e dor\u00ebs ($)<\/h3>\n<p>\nN\u00ebse nuk mund t\u00eb blini nj\u00eb tablet, blini t\u00eb pakt\u00ebn nj\u00eb mb\u00ebshtetje p\u00ebr wrist. M\u00eb p\u00eblqen m\u00eb s\u00eb shumti Mueller Green Fitted Wrist Brace. T\u00eb tjerat jan\u00eb ose shum\u00eb t\u00eb ngushta, ose ofrojn\u00eb mb\u00ebshtetje t\u00eb pamjaftueshme. Mb\u00ebshtet\u00ebsit mund t\u00eb porositen pa probleme online.<\/p>\n<h2>96\u00d796 piksel\u00eb<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/f8bfaf46d9b833c623bbe1573d40ae64.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<i>Final Fight. Capcom, viti 1989<\/i><\/p>\n<p>Le t\u00eb fillojm\u00eb! T\u00eb fillojm\u00eb me sprite-in e karakterit 96\u00d796 piksel\u00eb. P\u00ebr shembull, kam vizatuar nj\u00eb ork dhe e kam vendosur at\u00eb n\u00eb nj\u00eb screenshot nga Final Fight (imazhi m\u00eb sip\u00ebr), q\u00eb t\u00eb kuptoni shkall\u00ebn. Kjo <b>\u00ebsht\u00eb e madhe<\/b> sprite p\u00ebr shumic\u00ebn e loj\u00ebrave retro, madh\u00ebsia e screenshot-it: 384\u00d7224 piksel\u00eb.<\/p>\n<p>N\u00eb nj\u00eb sprite kaq t\u00eb madh do t\u00eb jet\u00eb m\u00eb e leht\u00eb t\u00eb tregoni teknik\u00ebn p\u00ebr t\u00eb cil\u00ebn dua t\u00eb flas. Po ashtu, vizatimi pixel p\u00ebr pixel \u00ebsht\u00eb m\u00eb i ngjash\u00ebm me format tradicionale t\u00eb artit (p.sh., piktura ose vizatimi), me t\u00eb cilat jeni ndoshta m\u00eb mir\u00eb t\u00eb njohur. Pas zot\u00ebrimit t\u00eb teknikave baz\u00eb, do t\u00eb kalojm\u00eb n\u00eb sprite m\u00eb t\u00eb vogla.<\/p>\n<h2>1. Zgjidhni palet\u00ebn<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/f99208134b3f107fcdf3f14b8c2216b8.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nPikseli \u00ebsht\u00eb nj\u00eb koncept shum\u00eb m\u00eb i thell\u00eb n\u00eb artin e pikselit sesa n\u00eb fushat e tjera t\u00eb digjitales. Artin e pikselit e p\u00ebrcaktojn\u00eb kufijt\u00eb e tij, si\u00e7 jan\u00eb ngjyrat. \u00cbsht\u00eb e r\u00ebnd\u00ebsishme t\u00eb zgjidhni sakt\u00eb palet\u00ebn, pasi ajo ndihmon n\u00eb p\u00ebrcaktimin e stilit tuaj. Por n\u00eb fillim, sugjeroj t\u00eb mos mendoni p\u00ebr paletat dhe t\u00eb zgjidhni nj\u00eb nga ato ekzistuese (ose thjesht disa ngjyra t\u00eb rast\u00ebsishme) - mund ta ndryshoni leht\u00ebsisht n\u00eb \u00e7do faz\u00eb.<\/p>\n<p>P\u00ebr k\u00ebt\u00eb tutor p\u00ebr do t\u00eb p\u00ebrdor nj\u00eb palet\u00eb me 32 ngjyra, t\u00eb cil\u00ebn e krijuam p\u00ebr <noindex><a rel=\"nofollow\" href=\"https:\/\/50games.fun\/\">UFO 50<\/a><\/noindex>. P\u00ebr artin e pikselit, ato shpesh mblidhen nga 32 ose 16 ngjyra. E jon\u00eb \u00ebsht\u00eb zhvilluar p\u00ebr nj\u00eb konsol\u00eb imagjinare, q\u00eb mund t\u00eb ket\u00eb dal\u00eb diku mes Famicom dhe PC Engine. Mund ta merrni at\u00eb ose ndonj\u00eb tjet\u00ebr - tutoriali nuk varet aspak nga paleta q\u00eb zgjidhni.<\/p>\n<h2>2. Konturet e thjeshta<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/e8ead988dfafeae4b220ff3dc39093e6.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nT\u00eb fillojm\u00eb vizatimin me ndihm\u00ebn e instrumentit Laps. Do t\u00eb vizatojm\u00eb nj\u00eb skic\u00eb ashtu si\u00e7 e b\u00ebjm\u00eb me nj\u00eb laps dhe let\u00ebr t\u00eb zakonshme. Sigurisht, arti i piksel\u00ebve dhe arti tradicional kan\u00eb lidhje, sidomos kur flitet p\u00ebr sprite t\u00eb m\u00ebdha. V\u00ebzhgimet e mia tregojn\u00eb se artist\u00ebt e shk\u00eblqyer t\u00eb piksel\u00ebve, t\u00eb pakt\u00ebn, dijn\u00eb t\u00eb vizatojn\u00eb mir\u00eb me dor\u00eb dhe anasjelltas. K\u00ebshtu q\u00eb \u00ebsht\u00eb gjithmon\u00eb e dobishme t\u00eb zhvillosh aft\u00ebsit\u00eb e vizatimit.<\/p>\n<h2>3. Punimi i kontureve<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/738dde231295a317d5461b4055e2be61.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nLe t\u00eb punojm\u00eb mbi konturet: t\u00eb heqim piksel\u00ebt e tep\u00ebrta dhe t\u00eb zvog\u00eblojm\u00eb trash\u00ebsin\u00eb e \u00e7do linje n\u00eb nj\u00eb piksel. Por \u00e7far\u00eb pik\u00ebrisht mund t\u00eb quhet e tepruar? P\u00ebr t\u00eb p\u00ebrgjigjur n\u00eb k\u00ebt\u00eb pyetje, duhet t\u00eb kuptojm\u00eb linjat e piksel\u00ebve dhe paqart\u00ebsit\u00eb.<\/p>\n<h3>Paqart\u00ebsit\u00eb<\/h3>\n<p>\nDuhet t\u00eb m\u00ebsojm\u00eb t\u00eb vizatojm\u00eb dy linja baz\u00eb n\u00eb artin e piksel\u00ebve: t\u00eb drejta dhe t\u00eb pjerrta. Me laps dhe let\u00ebr, gjith\u00e7ka \u00ebsht\u00eb nj\u00eb kontroll muskulor, por ne punojm\u00eb me blloqe t\u00eb vogla ngjyrash.<\/p>\n<p>\u00c7el\u00ebsi p\u00ebr t\u00eb vizatuar linjat e sakta me piksel \u00ebsht\u00eb pap\u00ebrsosshm\u00ebria. K\u00ebto jan\u00eb pika t\u00eb vetme ose segmente t\u00eb vogla q\u00eb prishin but\u00ebsin\u00eb e linj\u00ebs. Si\u00e7 e tham\u00eb m\u00eb par\u00eb, nj\u00eb piksel i vet\u00ebm ka r\u00ebnd\u00ebsi t\u00eb madhe n\u00eb artin me piksel, k\u00ebshtu q\u00eb pap\u00ebrsosshm\u00ebrit\u00eb mund t\u00eb prishin t\u00eb gjith\u00eb estetik\u00ebn. Imagjino q\u00eb po t\u00ebrhiqni nj\u00eb linj\u00eb t\u00eb drejtp\u00ebrdrejt\u00eb n\u00eb let\u00ebr, dhe papritur dikush godet tavolin\u00ebn: pap\u00ebrsosshm\u00ebrit\u00eb n\u00eb artin me piksel duken po ashtu si nj\u00eb shenj\u00eb e rast\u00ebsishme.<\/p>\n<p>Shembuj:<\/p>\n<p><img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/8d873c547fa1fc638d524877599d1788.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<i>T\u00eb drejtat<\/i><\/p>\n<p><img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/0516dfef0ffc74335de791e16708b90f.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<i>Kurvat<\/i><\/p>\n<p>Pap\u00ebrsosshm\u00ebrit\u00eb shfaqen n\u00eb kurva kur gjat\u00ebsia e segmenteve t\u00eb linj\u00ebs rritet ose zvog\u00eblohet pa nj\u00eb t\u00eb kualifikuar gradual.<\/p>\n<p>\u00cbsht\u00eb e pamundur t\u00eb shmangen krejt\u00ebsisht pap\u00ebrsosshm\u00ebrit\u00eb - ato ekzistojn\u00eb n\u00eb t\u00eb gjitha loj\u00ebrat retro t\u00eb preferuara (p\u00ebrve\u00e7 n\u00ebse arti me piksel nuk p\u00ebrb\u00ebhet t\u00ebr\u00ebsisht nga forma t\u00eb thjeshta). Q\u00ebllimi: t\u00eb kufizoni pap\u00ebrsosshm\u00ebrit\u00eb n\u00eb minimum, nd\u00ebrkoh\u00eb q\u00eb tregoni gjith\u00e7ka t\u00eb nevojshme.<\/p>\n<h2>4. Zbatojm\u00eb ngjyrat e para<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/b8b937d95667cff41f1060a77e715acb.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nNgjyrosni karakterin tuaj duke p\u00ebrdorur mbushjen ose nj\u00eb mjet tjet\u00ebr t\u00eb p\u00ebrshtatsh\u00ebm. Paleta do ta leht\u00ebsoj\u00eb k\u00ebt\u00eb pjes\u00eb t\u00eb pun\u00ebs. N\u00ebse programi nuk ofron p\u00ebrdorimin e paletave, mund ta vendosni at\u00eb drejtp\u00ebrdrejt n\u00eb imazh, si n\u00eb shembullin e m\u00ebsip\u00ebrm, dhe t\u00eb zgjidhni ngjyrat me ndihm\u00ebn e pipet\u00ebs.<\/p>\n<p>N\u00eb k\u00ebndin e posht\u00ebm t\u00eb majt\u00eb kam vizatuar shokun ton\u00eb, njohuni, ky \u00ebsht\u00eb \u2014 Shar. Me t\u00eb do t\u00eb jet\u00eb m\u00eb e leht\u00eb t\u00eb kuptosh se \u00e7far\u00eb ndodh n\u00eb \u00e7do faz\u00eb.<\/p>\n<h2>5. Hijezimi<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/2e0793f9ded395337e4da9ede215b9d8.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n\u00cbsht\u00eb koha t\u00eb paraqesim hijet \u2014 thjesht shtojm\u00eb ngjyra m\u00eb t\u00eb err\u00ebta n\u00eb sprite. K\u00ebshtu, pamja do t\u00eb duket m\u00eb voluminoze. Le t\u00eb supozojm\u00eb se kemi nj\u00eb burim drit\u00eb, i vendosur mbi ork\u00ebn nga ana e majt\u00eb. K\u00ebshtu, gjith\u00e7ka q\u00eb ndodhet lart dhe p\u00ebrpara personazhit ton\u00eb do t\u00eb jet\u00eb e ndri\u00e7uar. Shtojm\u00eb hijet nga posht\u00eb djathtas.<\/p>\n<h3>Forma dhe volum<\/h3>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/1994fcb30789e1601bcae8ce1a50d5e7.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nN\u00ebse kjo faz\u00eb ju shkakton v\u00ebshtir\u00ebsi, imagjinoni vizatimin tuaj si forma voluminoze, jo thjesht si vij\u00eb dhe ngjyr\u00eb. Format ekzistojn\u00eb n\u00eb hap\u00ebsir\u00ebn tre-dimensionale dhe mund t\u00eb ken\u00eb volum, t\u00eb cilin e ndihmojm\u00eb ta krijojm\u00eb me an\u00eb t\u00eb hijesh. Kjo do t\u00eb ndihmoj\u00eb n\u00eb vizualizimin e personazhit pa detaje dhe t\u00eb paraqes\u00eb se ai \u00ebsht\u00eb b\u00ebr\u00eb nga balta, jo nga pikselat. Hijezimi \u2014 nuk \u00ebsht\u00eb thjesht shtimi i ngjyrave t\u00eb reja, por nj\u00eb proces nd\u00ebrtimi t\u00eb form\u00ebs. N\u00eb nj\u00eb personazh t\u00eb punuar mir\u00eb, detajet nuk fshehin format baz\u00eb: n\u00ebse d\u00ebgjoni me syt\u00eb, do t\u00eb shihni disa grupe t\u00eb m\u00ebdha drit\u00ebs dhe hijesh. <\/p>\n<h3>Zbutja (anti-aliasing, anti-aliasing)<\/h3>\n<p>\nKrijo nj\u00eb ngjyr\u00eb t\u00eb re \u00e7do her\u00eb, un\u00eb aplikoj anti-aliasing (AA). Ai ndihmon n\u00eb zbutjen e piksel\u00ebve duke shtuar ngjyra nd\u00ebrmjet\u00ebse n\u00eb qoshet, n\u00eb vendin e kontaktit t\u00eb dy segmenteve t\u00eb vij\u00ebs:<\/p>\n<p><img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/9fc0ab09f076b1de252038c899ada201.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nPiksel\u00ebt gri zbutin \"\u00e7arjet\" n\u00eb vij\u00eb. Sa m\u00eb i gjat\u00eb t\u00eb jet\u00eb segmenti i vij\u00ebs, aq m\u00eb i gjat\u00eb do t\u00eb jet\u00eb segmenti AA.<\/p>\n<p><img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/262533d7923415430375d84f58a9d7fa.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<i>K\u00ebshtu duket AA n\u00eb supe t\u00eb ork\u00ebs. Ai \u00ebsht\u00eb i nevojsh\u00ebm p\u00ebr t\u00eb zbutur vijat q\u00eb tregojn\u00eb p\u00ebrkuljen e muskujve t\u00eb tij.<\/i><\/p>\n<p>Zbutja nuk duhet t\u00eb kaloj\u00eb p\u00ebrtej sprite-it q\u00eb do t\u00eb p\u00ebrdoret n\u00eb loj\u00eb ose n\u00eb nj\u00eb sfond, ngjyra e t\u00eb cilit \u00ebsht\u00eb e panjohur. P\u00ebr shembull, n\u00ebse e aplikoni AA p\u00ebr nj\u00eb sfond t\u00eb ndri\u00e7uar, n\u00eb nj\u00eb sfond t\u00eb err\u00ebt zbutja do t\u00eb duket e sh\u00ebmtuar.<\/p>\n<h2>6. Kontur i p\u00ebrzgjedhur<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/32574a815ea81137a948f0a18217c8db.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nM\u00eb par\u00eb, konturat ishin plot\u00ebsisht t\u00eb zez\u00eb, duke e b\u00ebr\u00eb sprite-in t\u00eb duket shum\u00eb si kartun. Imazhi dukej si i ndar\u00eb n\u00eb segmente. P\u00ebr shembull, linjat e zeza n\u00eb dor\u00eb kan\u00eb nj\u00eb kontrast shum\u00eb t\u00eb lart\u00eb me muskulatur\u00ebn, dhe personazhi duket m\u00eb pak i plot\u00eb.<\/p>\n<p>N\u00ebse sprite-i b\u00ebhet m\u00eb natyral dhe segmentimi nuk \u00ebsht\u00eb aq i duksh\u00ebm, format baz\u00eb t\u00eb karakterit do t\u00eb jen\u00eb m\u00eb t\u00eb lehta p\u00ebr t'u lexuar. P\u00ebr k\u00ebt\u00eb, mund t\u00eb p\u00ebrdorim nj\u00eb kontur selektiv - t\u00eb z\u00ebvend\u00ebsojm\u00eb pjes\u00ebrisht kontur\u00ebn e zez\u00eb me nj\u00eb m\u00eb t\u00eb ndritshme. N\u00eb pjes\u00ebn e ndri\u00e7uar t\u00eb sprite-it mund t\u00eb p\u00ebrdoren ngjyrat m\u00eb t\u00eb ndritshme ose, aty ku sprite-i prek hap\u00ebsir\u00ebn negative, mund t\u00eb hoqet t\u00ebr\u00ebsisht konturi. N\u00eb vend t\u00eb ziut duhet t\u00eb p\u00ebrdoret ngjyra q\u00eb u zgjodh p\u00ebr hijen - k\u00ebshtu do t\u00eb ruhet segmentimi (p\u00ebr ndarjen e muskujve, leshit etj.).<\/p>\n<p>Po ashtu, n\u00eb k\u00ebt\u00eb faz\u00eb kam shtuar hije m\u00eb t\u00eb err\u00ebta. U krijuan tri grada t\u00eb gjelbra n\u00eb l\u00ebkur\u00ebn e ork\u00ebs. Ngjyra m\u00eb e err\u00ebt e gjelb\u00ebr mund t\u00eb p\u00ebrdoret p\u00ebr konturin selektiv dhe AA.<\/p>\n<h2>7. Prej njollave p\u00ebrfundimtare<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/196f80b3ed3928d4c1ac7b9b99782fa1.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nN\u00eb fund, ia vlen t\u00eb shtohen reflektimet (pikat m\u00eb t\u00eb ndritshme n\u00eb sprite), detaje (veshje, capsa, plag\u00eb) dhe p\u00ebrmir\u00ebsime t\u00eb tjera, derisa karakteri t\u00eb jet\u00eb gati ose derisa t\u00eb kalojm\u00eb n\u00eb t\u00eb ardhmen.<\/p>\n<p>Ka jan\u00eb disa teknika t\u00eb dobishme q\u00eb mund t\u00eb aplikoni n\u00eb k\u00ebt\u00eb faz\u00eb. Rrotulloni vizatimin horizontalisht, kjo shpesh ndihmon n\u00eb zbuluar gabime n\u00eb proporcione dhe hijeshim. Po ashtu, mund t\u00eb hiqni ngjyr\u00ebn \u2014 vendosni ngopjen n\u00eb zero p\u00ebr t\u00eb kuptuar se ku duhet t\u00eb ndryshoni hije.<\/p>\n<h3>Krijimi i zhurmave (dithering, dizerim)<\/h3>\n<p>\nDeritani, kryesisht kemi aplikuar zona t\u00eb m\u00ebdha dhe t\u00eb plota hijesh. Por \u00ebsht\u00eb edhe nj\u00eb teknik\u00eb tjet\u00ebr \u2014 dizerimi, e cila lejon kalimin nga nj\u00eb ngjyr\u00eb n\u00eb tjetr\u00ebn pa shtuar nj\u00eb t\u00eb tret\u00eb. Shikoni shembullin m\u00eb posht\u00eb.<\/p>\n<p><img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/85c2482ab6f83e0eb972d31d50ff0a2e.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nGradienti i sip\u00ebrm nga e err\u00ebta n\u00eb t\u00eb qart\u00eb p\u00ebrdor qindra nuanca t\u00eb ndryshme t\u00eb blus\u00eb. <\/p>\n<p>Gradienti n\u00eb mes p\u00ebrdor vet\u00ebm n\u00ebnt\u00eb ngjyra, por ende ka shum\u00eb nuanca t\u00eb nj\u00eb ngjyre. Kjo shkakton at\u00eb q\u00eb quhet banding, ku p\u00ebr shkak t\u00eb bands t\u00eb trasha homogjene, syri fokusohet n\u00eb pikat e kontaktit t\u00eb ngjyrave, n\u00eb vend t\u00eb ngjyrave vet\u00eb.<\/p>\n<p>N\u00eb gradientin e posht\u00ebm kemi aplikuar dither, q\u00eb ndihmon n\u00eb shmangien e banding dhe p\u00ebrdor vet\u00ebm dy ngjyra. Ne krijojm\u00eb zhurm\u00eb me intensitet t\u00eb ndrysh\u00ebm p\u00ebr t\u00eb imituar gradimin e ngjyr\u00ebs. Kjo teknik\u00eb \u00ebsht\u00eb shum\u00eb e ngjashme me halftone, e p\u00ebrdorur n\u00eb printim; gjithashtu me stippling - nj\u00eb teknik\u00eb e p\u00ebrdorur n\u00eb ilustrime dhe komikse.<\/p>\n<p>Tek orku kam aplikuar pak dither p\u00ebr t\u00eb transmetuar tekstur\u00ebn. Disa artist\u00eb pixel e p\u00ebrdorin aspak, nd\u00ebrsa t\u00eb tjer\u00ebt nuk hezitojn\u00eb ta b\u00ebjn\u00eb at\u00eb shum\u00eb mjesht\u00ebrisht. Mendoj se dither duket m\u00eb s\u00eb miri n\u00eb pjes\u00eb t\u00eb m\u00ebdha q\u00eb jan\u00eb mbushur me nj\u00eb ngjyr\u00eb (shikoni qellimin n\u00eb screenshot-in e Metal Slug, q\u00eb ishte m\u00eb lart) ose n\u00eb ato pjes\u00eb q\u00eb duhet t\u00eb duken t\u00eb ashpra dhe t\u00eb pasakta (p\u00ebr shembull, dheu). Vendosni vet\u00eb si ta p\u00ebrdorni.<\/p>\n<p>N\u00ebse d\u00ebshironi t\u00eb shihni nj\u00eb shembull me dither masiv dhe cil\u00ebsor, studioni loj\u00ebrat e The Bitmap Brothers, nj\u00eb studio britanike nga vitet '80, ose loj\u00ebrat n\u00eb kompjuterin PC-98. Ve\u00e7oni se t\u00eb gjitha ato jan\u00eb NSFW.<\/p>\n<p><img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/25efcc37096d23b0da636b7f04b17e40.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<i>Kakyusei (PC-98). Elf, viti 1996<br \/>\nN\u00eb k\u00ebt\u00eb imazh ka vet\u00ebm 16 ngjyra!<\/i><\/p>\n<h2>8. Shikimi i fundit<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/e1cccd845e1bffa32b26fccc011b6560.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nNj\u00eb nga rreziqet e artit n\u00eb piksel \u00ebsht\u00eb se ai duket i leht\u00eb dhe i thjesht\u00eb (p\u00ebr shkak t\u00eb struktur\u00ebs dhe kufizimeve t\u00eb stilit t\u00eb tij). Por n\u00eb fund do t\u00eb humbni nj\u00eb sasi t\u00eb madhe kohe duke punuar n\u00eb p\u00ebrmir\u00ebsimin e sprite-ve tuaj. Kjo \u00ebsht\u00eb si nj\u00eb enigm\u00eb q\u00eb duhet zgjidhur \u2014 kjo \u00ebsht\u00eb arsyeja pse arti n\u00eb piksel t\u00ebrheq perfekcionist\u00ebt. Mbani mend se nj\u00eb sprite nuk duhet t\u00eb marr\u00eb shum\u00eb koh\u00eb \u2014 \u00ebsht\u00eb vet\u00ebm nj\u00eb cop\u00eb e vog\u00ebl nga nj\u00eb grumbull shum\u00eb kompleks copash. \u00cbsht\u00eb e r\u00ebnd\u00ebsishme t\u00eb mos humbni pamjen e skem\u00ebs s\u00eb p\u00ebrgjithshme.<\/p>\n<p>Edhe n\u00ebse arti juaj n\u00eb piksel nuk \u00ebsht\u00eb p\u00ebr loj\u00ebra, ndonj\u00ebher\u00eb \u00ebsht\u00eb mir\u00eb t'i thoni vetes: \"T\u00eb gjitha jan\u00eb mjaft t\u00eb mira!\" dhe t\u00eb kaloni p\u00ebrpara. M\u00ebnyra m\u00eb e mir\u00eb p\u00ebr t\u00eb zhvilluar aft\u00ebsit\u00eb \u00ebsht\u00eb t\u00eb kaloni sa m\u00eb shum\u00eb her\u00eb t\u00eb gjith\u00eb procesin nga fillimi deri n\u00eb fund, duke p\u00ebrdorur sa m\u00eb shum\u00eb tema. <\/p>\n<p>Dhe ndonj\u00ebher\u00eb \u00ebsht\u00eb e dobishme t\u00eb lini p\u00ebr nj\u00eb moment sprite-in, p\u00ebr ta par\u00eb m\u00eb von\u00eb me nj\u00eb sy t\u00eb fresk\u00ebt. <\/p>\n<h2>32\u00d732 piksel\u00eb<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/6a4441d7b2cfa580454f6d6b64b7644b.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nNe krijuam nj\u00eb sprite t\u00eb madh 96\u00d796 piksel\u00eb si t\u00eb parin, sepse n\u00eb k\u00ebt\u00eb madh\u00ebsi, ai m\u00eb shum\u00eb i ngjan piktur\u00ebs ose piktur\u00ebs, por vet\u00ebm me piksel\u00eb. Sa m\u00eb i vog\u00ebl t\u00eb jet\u00eb sprite-i, aq m\u00eb pak duket si ajo q\u00eb duhet t\u00eb p\u00ebrfaq\u00ebsoj\u00eb dhe aq m\u00eb e r\u00ebnd\u00ebsishme \u00ebsht\u00eb \u00e7do piksel.<\/p>\n<p><img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/ac13676b156c0e357e690e90d4a9bc5d.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nN\u00eb Super Mario Bros, syri i Mario-s \u00ebsht\u00eb vet\u00ebm dy piksel\u00eb, t\u00eb vendosur nj\u00eb mbi tjetrin. Edhe veshi i tij \u00ebsht\u00eb i till\u00eb. Krijuesi i personazhit, Shigeru Miyamoto, tha se mjekra ishte e nevojshme p\u00ebr t\u00eb ndar\u00eb hund\u00ebn nga pjesa tjet\u00ebr e fytyr\u00ebs. Pra, nj\u00eb nga ve\u00e7orit\u00eb kryesore t\u00eb fytyr\u00ebs s\u00eb Mario-s nuk \u00ebsht\u00eb vet\u00ebm dizajni i personazhit, por nj\u00eb mashtrim pragmatik. Kjo konfirmon th\u00ebnien e vjet\u00ebr se \"nevoja \u00ebsht\u00eb n\u00ebn\u00ebs e shpikjes\".<\/p>\n<p>Hapat kryesor\u00eb p\u00ebr krijimin e nj\u00eb sprit 32\u00d732 piksel\u00eb tashm\u00eb jan\u00eb t\u00eb njohur p\u00ebr ne: skica, ngjyra, hije, p\u00ebrmir\u00ebsim i m\u00ebtejsh\u00ebm. Por, n\u00eb k\u00ebto kushte, si skic\u00eb fillestare, un\u00eb zgjedh figura ngjyrash n\u00eb vend q\u00eb t\u00eb vizatoj konturet p\u00ebr shkak t\u00eb madh\u00ebsis\u00eb s\u00eb vog\u00ebl. Ngjyra luan nj\u00eb rol m\u00eb t\u00eb r\u00ebnd\u00ebsish\u00ebm n\u00eb p\u00ebrcaktimin e personazhit sesa konturet. Shikoni p\u00ebrs\u00ebri Mario-n, ai n\u00eb t\u00eb v\u00ebrtet\u00eb nuk ka konture. Nuk jan\u00eb vet\u00ebm mjekra interesante. Mjekra e tij p\u00ebrcakton form\u00ebn e vesh\u00ebve, m\u00ebng\u00ebt tregojn\u00eb duar dhe forma e p\u00ebrgjithshme p\u00ebraf\u00ebrsisht tregon t\u00eb gjith\u00eb trupin e tij.<\/p>\n<p>Krijimi i sprite-ve t\u00eb vegj\u00ebl \u00ebsht\u00eb gjithmon\u00eb kompromise. N\u00ebse shtoni kontur, mund t\u00eb humbni hap\u00ebsir\u00eb p\u00ebr hijen. N\u00ebse duar dhe k\u00ebmb\u00eb t\u00eb karakterit tuaj jan\u00eb t\u00eb qarta, koka ndoshta duhet t\u00eb jet\u00eb e vog\u00ebl. N\u00ebse p\u00ebrdorni efikasitet ngjyr\u00ebn, kontur selektiv dhe suavizim, objekti i vizatuar do t\u00eb duket m\u00eb i madh sesa \u00ebsht\u00eb n\u00eb t\u00eb v\u00ebrtet\u00eb.<\/p>\n<p>P\u00ebr sprite-t e vegj\u00ebl, m\u00eb p\u00eblqen stili chibi: personazhet duken shum\u00eb t\u00eb \u00ebmb\u00ebl, kan\u00eb k\u00ebrc\u00ebll t\u00eb m\u00ebdhenj dhe sy t\u00eb m\u00ebdhenj. Nj\u00eb m\u00ebnyr\u00eb e shk\u00eblqyer p\u00ebr t\u00eb krijuar nj\u00eb hero t\u00eb shndritsh\u00ebm n\u00eb nj\u00eb hap\u00ebsir\u00eb t\u00eb kufizuar, gjithashtu nj\u00eb stil shum\u00eb t\u00eb k\u00ebndsh\u00ebm. Por, ndoshta duhet t\u00eb tregoni mobilitetin ose forc\u00ebn e karakterit, at\u00ebher\u00eb mund t\u00eb jepni m\u00eb pak hap\u00ebsir\u00eb p\u00ebr kok\u00ebn, n\u00eb m\u00ebnyr\u00eb q\u00eb trupi t\u00eb duket m\u00eb i fuqish\u00ebm. E gjitha varet nga preferencat dhe q\u00ebllimet tuaja.<\/p>\n<p><img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/5c32b47afc803e698c9523e183086b9c.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<i>E gjith\u00eb ekipi \u00ebsht\u00eb n\u00eb mbledhje!<\/i><\/p>\n<h2>Formate skedesh<\/h2>\n<p>\n<img decoding=\"async\" alt=\"Pixel-art p\u00ebr fillestar\u00ebt: udh\u00ebzimi p\u00ebr p\u00ebrdorim\" src=\"\/wp-content\/uploads\/2019\/12\/c636145341db38f18a33b8c9708c36bf.jpg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<i>Nj\u00eb rezultat i till\u00eb mund ta b\u00ebj\u00eb k\u00ebdo artist pixel t\u00eb ndjehet i shqet\u00ebsuar<\/i><\/p>\n<p>Imazhi q\u00eb po shihni \u00ebsht\u00eb rezultati i ruajtjes s\u00eb nj\u00eb skice n\u00eb formatin JPG. Pjesa e t\u00eb dh\u00ebnave \u00ebsht\u00eb humbur p\u00ebr shkak t\u00eb algoritmeve t\u00eb kompresimit t\u00eb skedar\u00ebve. Artet e pixelit cil\u00ebsor p\u00ebrfundimisht do t\u00eb duken keq, dhe rikthimi i palet\u00ebs s\u00eb saj origjinale do t\u00eb jet\u00eb i v\u00ebshtir\u00eb.<\/p>\n<p>P\u00ebr t\u00eb ruajtur nj\u00eb imazh statik pa humbje cil\u00ebsie, p\u00ebrdorni formatin PNG. P\u00ebr animacione \u2014 GIF.<\/p>\n<h2>Si t\u00eb ndani sakt\u00ebsisht artin e pixelit<\/h2>\n<p>\nNdaja e artit t\u00eb pixelit n\u00eb rrjetet sociale \u00ebsht\u00eb nj\u00eb m\u00ebnyr\u00eb e shk\u00eblqyer p\u00ebr t\u00eb marr\u00ebFeedback dhe p\u00ebr t'u takuar me artist\u00eb t\u00eb tjer\u00eb q\u00eb punojn\u00eb n\u00eb t\u00eb nj\u00ebjtin stil. Mos harroni t\u00eb vendosni hashtags #pixelart. Fatkeq\u00ebsisht, rrjetet sociale shpesh konvertojn\u00eb PNG n\u00eb JPG pa leje, duke e p\u00ebrkeq\u00ebsuar pun\u00ebn tuaj. Dhe jo gjithmon\u00eb \u00ebsht\u00eb e qart\u00eb se p\u00ebrse imazhi juaj u konvertua.<\/p>\n<p>Ka disa k\u00ebshilla se si t\u00eb ruani artin e pixelit n\u00eb cil\u00ebsin\u00eb e duhur p\u00ebr rrjetet sociale t\u00eb ndryshme.<\/p>\n<h3>Twitter<\/h3>\n<p>\nP\u00ebr t\u00eb shmangur ndryshimin e skedarit PNG n\u00eb Twitter, p\u00ebrdorni m\u00eb pak se 256 ngjyra ose <noindex><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/NolanOBrien\/status\/1199037916019716096\">sigurohuni<\/a><\/noindex>, q\u00eb skedari juaj t\u00eb jet\u00eb m\u00eb pak se 900 piksel n\u00eb an\u00ebn m\u00eb t\u00eb gjat\u00eb. Un\u00eb do t\u00eb rrisja madh\u00ebsin\u00eb e skedarit t\u00eb pakt\u00ebn n\u00eb 512\u00d7512 piksel. Dhe kjo duhet b\u00ebr\u00eb n\u00eb m\u00ebnyr\u00eb q\u00eb mir\u00ebmbajtja t\u00eb jet\u00eb nj\u00eb shum\u00ebfish i 100 (200%, jo 250%) dhe t\u00eb ruaj\u00eb skajet e mprehta (Nearest Neighbor n\u00eb Photoshop).<\/p>\n<p>GIF t\u00eb animuara p\u00ebr postime n\u00eb Twitter <noindex><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/cyangmou\/status\/989149918534275072?lang=en\">duhet<\/a><\/noindex> nuk duhet t\u00eb ken\u00eb m\u00eb shum\u00eb se 15 MB. Imazhi duhet t\u00eb jet\u00eb t\u00eb pakt\u00ebn 800\u00d7800 piksel, animacioni ciklik duhet t\u00eb p\u00ebrs\u00ebritet tri her\u00eb, dhe kadri i fundit duhet t\u00eb jet\u00eb gjysm\u00eb m\u00eb i shkurt\u00ebr n\u00eb koh\u00eb se t\u00eb tjer\u00ebt \u2014 kjo \u00ebsht\u00eb teoria m\u00eb e njohur. Megjithat\u00eb, nuk \u00ebsht\u00eb e qart\u00eb se sa nevojiten k\u00ebto k\u00ebrkesa, duke marr\u00eb parasysh se Twitter vazhdon t\u00eb ndryshoj\u00eb algoritmet e tij p\u00ebr shfaqjen e imazheve.<\/p>\n<h3>Instagram<\/h3>\n<p>\nSa di un\u00eb, \u00ebsht\u00eb e pamundur t\u00eb publikosh nj\u00eb imazh n\u00eb Instagram pa humbur cil\u00ebsin\u00eb. Por padyshim q\u00eb do t\u00eb duket m\u00eb mir\u00eb n\u00ebse e rritni at\u00eb t\u00eb pakt\u00ebn n\u00eb 512x512 piksel.<br \/>\n<br \/>Burimi: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/playgendary\/blog\/482536\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\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 [&hellip;]<\/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<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"\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.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/sq\/blog\/news\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"sq_AL\" \/>\n\t\t<meta property=\"og:site_name\" content=\"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\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\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\" \/>\n\t\t<meta property=\"og:description\" content=\"\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.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/sq\/blog\/news\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-12-29T21:00:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-02-18T11:02:39+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Art pikseli p\u00ebr fillestar\u00ebt: udh\u00ebzues p\u00ebr p\u00ebrdorim | ProHoster","description":"P\u00ebr zhvilluesit e pavarur shpesh \u00ebsht\u00eb e nevojshme.","canonical_url":"https:\/\/prohoster.info\/sq\/blog\/news\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"sq_AL","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\/sq\/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\/sq\/wp-json\/wp\/v2\/posts\/54617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/comments?post=54617"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/posts\/54617\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/media?parent=54617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/categories?post=54617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/tags?post=54617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}