{"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\/et\/blog\/news\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","title":{"rendered":"Algajatele m\u00f5eldud pikselkunst: kasutamisjuhend","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Algajatele
\n
\nIndie-arendajatele tuleb sageli m\u00e4ngida mitut rolli: m\u00e4ngudisainer, programmeerija, helilooja, kunstnik. Ja kui asi j\u00f5uab visuaalideni, valivad paljud pikselkunst \u2014 esmapilgul tundub see lihtne. Kuid ilusate tulemuste saavutamiseks on vaja palju kogemusi ja teatud oskusi. Leidsin tasuta \u00f5petuse neile, kes alles alustavad selle stiili p\u00f5hialuste \u00f5ppimist: koos erilise tarkvara ja joonistamistehnikate kirjeldusega, kasutades kahe sprite n\u00e4idet.<\/a><\/noindex><\/p>\n

Taust<\/h2>\n

\nPikselkunst on digitaalne kunstivorm, kus muudatused tehakse pikselite tasandil. Peamiselt seostatakse seda 80ndate ja 90ndate videom\u00e4ngude graafikaga. Sel ajal pidid kunstnikud arvestama m\u00e4lu piirangute ja madala resolutsiooniga. T\u00e4na on pikselkunst endiselt populaarne m\u00e4ngudes ja kunstistiilina \u00fcldiselt, hoolimata v\u00f5imalusest luua realistlikku 3D-graafikat. Miks? Isegi kui nostalgiale ei m\u00f5tle, on \u00e4geda t\u00f6\u00f6 loodamine nii rangetes raamides meeldiv ja v\u00e4\u00e4rt v\u00e4ljakutse.<\/p>\n

Pikselkunsti sisenemisbarj\u00e4\u00e4r on v\u00f5rreldes traditsioonilise kunsti ja 3D-graafikaga suhteliselt madal, mis t\u00f5mbab indie-arendajaid. Kuid see ei t\u00e4henda, et see oleks lihtne valmis teha<\/b> m\u00e4ng sellises stiilis. Olen n\u00e4inud palju indie-arendajaid, kellel on pikselkunstiga metroiidvania m\u00e4ngud rahastusplatvormidel. Nad arvasid, et saavad k\u00f5ik valmis aastaga, kuid tegelikult vajasid nad veel kuut aastat. <\/p>\n

\"Algajatele
\nMetal Slug 3 (Arcade). SNK, 2000. aasta<\/i><\/p>\n

Pikselkunst tasemel, kus enamik tahab seda luua, v\u00f5tab palju aega ja l\u00fchikesi \u00f5petusi on v\u00e4ga v\u00e4he. 3D-mudeli t\u00f6\u00f6tlemisel saate seda p\u00f6\u00f6rata, deformeerida, eraldi osi liigutada, kopeerida animatsioone \u00fchelt mudelilt teisele ja nii edasi. K\u00f5rgtaseme pikselkunst n\u00f5uab peaaegu alati palju vaeva pixelside hoolikalt paigutamiseks igas raamis.<\/p>\n

\u00dcldiselt olen ma ette vaadanud.<\/p>\n

Ja n\u00fc\u00fcd natuke minu stiilist: peamiselt joonistan ma videom\u00e4ngude jaoks pikselkunsti ja saan sellest inspiratsiooni. Eelk\u00f5ige olen Famicomi\/NES, 16-bitiste konsoolide ja 90ndate m\u00e4nge f\u00e4nn. Minu lemmikm\u00e4ngude pikselkunst seda aega iseloomustab erksus, enesekindlus ja puhtus (kuid mitte liiga), seda ei saa pidada j\u00e4igaks ja minimalistikuks. Selles stiilis t\u00f6\u00f6tan ma ise, kuid saate selle \u00f5petuse ideid ja tehnikaid h\u00f5lpsasti rakendada t\u00e4iesti erinevate asjade loomisel. Uurige erinevate kunstnike teoseid ja looge pikselkunsti, mis teile meeldib!<\/p>\n

Push-teated<\/h2>\n

\n\"Algajatele
\n
\nP\u00f5hijoonistusvahendid pikselkunstiks \u2014 Suum (Zoom) ja Pliiats (Pencil), et paigutada pikslit. Samuti on kasulikud Joon (Line), Kuju (Shape), Valida (Select), Liikuda (Move) ja T\u00e4itmine (Paint Bucket). On palju tasuta ja tasulisi tarkvarasid, mis sisaldavad selliseid vahendeid. R\u00e4\u00e4gin k\u00f5ige populaarsematest ja neist, mida ise kasutan.<\/p>\n

Paint (tasuta)<\/h3>\n

\nKui teil on Windows, siis sisseehitatud Paint on primitiivne programm, kuid selles on k\u00f5ik t\u00f6\u00f6riistad pikselkunstiks.<\/p>\n

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

\n\u00dcllatavalt funktsionaalne pikselkunsti redaktor, mis t\u00f6\u00f6tab brauseris. T\u00f6\u00f6 saab eksportida PNG v\u00f5i animatsioonina GIF. Suurep\u00e4rane variant algajatele.<\/p>\n

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

\nGraphicsGale on ainus redaktor, millest olen kuulnud, mis on v\u00e4lja t\u00f6\u00f6tatud spetsiaalselt pikselkunstiks ja h\u00f5lmab animatsioonivahendeid. Selle l\u00f5i Jaapani ettev\u00f5te HUMANBALANCE. Alates 2017. aastast on see tasuta levitatav ja on endiselt n\u00f5utud, hoolimata Aseprite'i populaarsuse kasvust. Kahjuks on see saadaval ainult Windowsile.<\/p>\n

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

\nV\u00f5ib-olla on see hetkel k\u00f5ige populaarsem redaktor. Avatud l\u00e4htekood<\/a><\/noindex>, palju v\u00f5imalusi, aktiivne tugi, versioonid Windowsile, Macile ja Linuxile. Kui olete t\u00f5siselt pikselkunsti kallal ning ei ole veel leidnud sobivat redaktorit, on see ehk just vajalik.<\/p>\n

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

\nGameMaker Studio 2 on suurep\u00e4rane 2D-t\u00f6\u00f6riist hea sprite-redaktoriga. Kui soovite luua pikselkunsti oma m\u00e4ngude jaoks, on k\u00f5ik mugav teha \u00fches programmis. Praegu kasutan seda tarkvara t\u00f6\u00f6tamiseks UFO 50<\/a><\/noindex>, kogumisega 50 retro m\u00e4ngu: spritid ja animatsioonid loon GameMakeris, tilesetid aga Photoshopis.<\/p>\n

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

\nPhotoshop on kallis tarkvara, mida levitatakse tellimuse alusel ja mis ei sobi pikselkunsti jaoks. Ma ei soovita seda osta, kui te ei tegele k\u00f5rge eraldusv\u00f5imega joonistamisega v\u00f5i kui teil ei ole vaja teostada keerulisi manupulatsioone pildiga, nagu minul. Sellega on v\u00f5imalik luua staatilisi sprite'e ja pikselit\u00f6id, kuid see on m\u00e4rkimisv\u00e4\u00e4rselt keerulisem v\u00f5rreldes spetsialiseeritud tarkvaraga (n\u00e4iteks GraphicsGale v\u00f5i Aseprite).<\/p>\n

Muud<\/h2>\n

\n\"Algajatele
\nMinu pikselkunsti komplekt. K\u00f5ik musta, just n\u00fc\u00fcd m\u00e4rkasin.<\/i><\/p>\n

Graafikapliiats ($$+)<\/h3>\n

\nSoovitan graafikapliiatseid igasugusteks digitaalsete joonistuste t\u00f6\u00f6deks, et v\u00e4ltida randme tunnelis\u00fcndroomi. Selle ennetamine on kordades lihtsam kui ravimine. \u00dckskord tunnete valu, ja see hakkab ainult s\u00fcvenema - hoolitsege enda eest alguses. Kuna ma kunagi joonistasin hiirega, on mul n\u00fc\u00fcd raske m\u00e4ngida m\u00e4nge, mis n\u00f5uavad klahvide vajutamist. Praegu kasutan Wacom Intuos Pro S.<\/p>\n

Randme toestus ($)<\/h3>\n

\nKui te ei saa osta tahvlit, ostke v\u00e4hemalt randme toestus. Mulle meeldib k\u00f5ige rohkem Mueller Green Fitted Wrist Brace. Teised on kas liiga pingul v\u00f5i pakuvad ebapiisavat tuge. Toestusi saab probleemideta veebist tellida.<\/p>\n

96\u00d796 pikslit<\/h2>\n

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

Alustame! Hakkan looma 96\u00d796 pikslise tegelase sprite'i. N\u00e4iteks joonistasin orki ja panin selle Final Fight'i ekraanipildile (\u00fcleval olev pilt), et m\u00f5istaksite m\u00f5\u00f5tkava. See on suur<\/b> sprite enamikule retro-m\u00e4ngudest, ekraanipildi suurus: 384\u00d7224 pikslit.<\/p>\n

Nii suurel sprite'il on lihtsam demonstreerida tehnikat, millest ma tahan r\u00e4\u00e4kida. Samuti sarnaneb pikselip\u00f5hine joonistus rohkem traditsiooniliste kunsti vormidega (n\u00e4iteks joonistamine v\u00f5i maalimine), millega olete v\u00f5ib-olla paremini tuttav. P\u00f5hitehnikate omandamisel liigume edasi v\u00e4iksemate sprite'ide juurde.<\/p>\n

1. Valime v\u00e4rvipaletti<\/h2>\n

\n\"Algajatele
\n
\nPiksel on pikselkunstis palju s\u00fcgavam m\u00f5iste kui igas teises digitaalses valdkonnas. Pikselkunsti m\u00e4\u00e4ratlevad selle piirangud, n\u00e4iteks v\u00e4rvid. On oluline \u00f5ige palette valida, see aitab m\u00e4\u00e4ratleda teie stiili. Kuid alguses soovitan mitte muretseda palette \u00fcle ja valida \u00fcks olemasolevatest (v\u00f5i lihtsalt m\u00f5ned juhuslikud v\u00e4rvid) - saate seda igal etapil h\u00f5lpsasti muuta.<\/p>\n

Selles \u00f5petuses kasutan 32 v\u00e4rvi palet, mille me l\u00f5ime UFO 50<\/a><\/noindex>. Pikselkunstiks kogutakse neid sageli 32 v\u00f5i 16 v\u00e4rvist. Meie on loodud kujuteldavale konsoolile, mis v\u00f5iks ilmuda kuskil Famicomi ja PC Engine'i vahel. V\u00f5ite kasutada seda v\u00f5i m\u00f5nda muud \u2014 \u00f5petus ei s\u00f5ltu valitud paletist.<\/p>\n

2. Joonte joonistamine<\/h2>\n

\n\"Algajatele
\n
\nAlustame joonistamist pliiatsi t\u00f6\u00f6riista abil. Joonistame sket\u0161i nii nagu teeme seda tavalise pliiatsi ja paberi abil. Loomulikult kattuvad pikselkunst ja traditsiooniline kunst, eriti kui r\u00e4\u00e4kida suurematest sprite'idest. Minu t\u00e4helepanekud n\u00e4itavad, et tugevad pikselkunstnikud joonistavad v\u00e4hemalt \u00fcsna h\u00e4sti k\u00e4sitsi ja vastupidi. Seega on joonistamisoskuste arendamine alati kasulik.<\/p>\n

3. Joonte t\u00e4psustamine<\/h2>\n

\n\"Algajatele
\n
\nT\u00e4iendame jooni: eemaldame liigsed pikslid ja v\u00e4hendame iga joone paksuse \u00fche pikslini. Aga mida t\u00e4pselt pidada liigseks? Sellele k\u00fcsimusele vastamiseks tuleb aru saada pikseljoontest ja eba\u00fchtlustest.<\/p>\n

Eba\u00fchtlused<\/h3>\n

\nTuleb \u00f5ppida joonistama kahte p\u00f5hilist joont pikselkunstis: sirgeid ja k\u00f5veraid. Pliiatsi ja paberi puhul k\u00f5ik s\u00f5ltub lihasj\u00f5ust, kuid meie t\u00f6\u00f6tame pisikeste v\u00e4rviliste plokkidega.<\/p>\n

\u00d5ige pikseljoone joonistamise v\u00f5ti on eba\u00fchtlused. Need on \u00fcksikud pikslid v\u00f5i v\u00e4ikesed segmendid, mis rikuvad joone sujuvust. Nagu ma juba \u00fctlesin, on eraldi piksel pikselkunstis tohutu t\u00e4htsusega, seega v\u00f5ivad eba\u00fchtlused rikkuda kogu esteetika. Kujutage ette, et joonistate sirget joont paberile, ja ootamatult keegi l\u00f6\u00f6b lauda: eba\u00fchtlused pikselkunstis n\u00e4evad v\u00e4lja nagu juhuslik kribale.<\/p>\n

N\u00e4ited:<\/p>\n

\"Algajatele
\nSirged<\/i><\/p>\n

\"Algajatele
\nK\u00f5verad<\/i><\/p>\n

Eba\u00fchtlused ilmuvad k\u00f5veratel, kui joone segmentide pikkus suureneb v\u00f5i v\u00e4heneb j\u00e4rk-j\u00e4rgult.<\/p>\n

T\u00e4ielikult eba\u00fchtlusi v\u00e4ltida ei saa \u2014 k\u00f5igis teie lemmik retro m\u00e4ngudes on need olemas (kui pikselkunst ei koosne ainult lihtsatest kujunditest). Eesm\u00e4rk: v\u00e4hendada eba\u00fchtlusi miinimumini, n\u00e4idates samas k\u00f5ike vajalikku.<\/p>\n

4. Rakendame esimesed v\u00e4rvid<\/h2>\n

\n\"Algajatele
\n
\nV\u00e4rvige oma tegelast t\u00e4itmise v\u00f5i muu sobiva t\u00f6\u00f6riista abil. V\u00e4rvipalett lihtsustab seda osa t\u00f6\u00f6st. Kui tarkvara ei toeta palettide kasutamist, v\u00f5ib selle otse pildile asetada, nagu eespool n\u00e4idatud, ja valida v\u00e4rve pipeti abil.<\/p>\n

Vasakus alanurgas olen joonistanud meie s\u00f5bra, tutvuge, see on - \u0160ar. Temaga on lihtsam m\u00f5ista, mis iga etapi k\u00e4igus toimub.<\/p>\n

5. Varjutamine<\/h2>\n

\n\"Algajatele
\n
\nOn aeg kujutada varju - lihtsalt lisame sprite'ile tumedamaid v\u00e4rve. Nii n\u00e4eb pilt v\u00e4lja kolmem\u00f5\u00f5tmelisena. Oletame, et meil on \u00fcks valgusallikas, mis asub \u00fcle orkide veidi vasakul. Seega on valgustatud k\u00f5ik, mis asub meie tegelase kohal ja ees. Lisame varjud alt paremale.<\/p>\n

Kuju ja maht<\/h3>\n

\n\"Algajatele
\n
\nKui see etapp tekitab teile raskusi, kujutage oma joonist nagu ruumilisi vorme, mitte lihtsalt jooni ja v\u00e4rve. Vormid eksisteerivad kolmem\u00f5\u00f5tmelises ruumis ja v\u00f5ivad omada mahtu, mida me ehitame varjude abil. See aitab visualiseerida tegelast ilma detailideta ja kujutada, et see on valmistatud savist, mitte pikslitest. Varjutamine ei t\u00e4henda ainult uute v\u00e4rvide lisamist, see on vormi ehitamise protsess. H\u00e4sti tehtud tegelasel ei varja detailid p\u00f5hivorme: kui sirutate silmad, n\u00e4ete mitmeid suuri valguse ja varju klastreid. <\/p>\n

Sileda serv<\/h3>\n

\nIga kord, kui kasutan uut v\u00e4rvi, rakendan siledat serva (AA). See aitab pehmendada piksleid, lisades vahepealseid v\u00e4rve kahe segmendi joone kokkupuutepunktidesse:<\/p>\n

\"Algajatele
\n
\nHallid pikslid pehmendavad joone \u201ekatkestusi\u201c. Mida pikem on line segment, seda pikem on AA-segment.<\/p>\n

\"Algajatele
\nNii n\u00e4eb AA v\u00e4lja orki \u00f5lal. See on vajalik, et siluda lihaste painutusi kujutavad jooned.<\/i><\/p>\n

Siledus ei tohi ulatuda sprite'ist v\u00e4lja, mida kasutatakse m\u00e4ngus v\u00f5i taustal, mille v\u00e4rv on teadmata. N\u00e4iteks, kui rakendate AA heledale taustale, siis tumedal taustal n\u00e4eb pehmendus kohmakas v\u00e4lja.<\/p>\n

6. Valikuline kontuur<\/h2>\n

\n\"Algajatele
\n
\nVarem olid kontuurid t\u00e4iesti mustad, mist\u00f5ttu sprite n\u00e4gi v\u00e4lja v\u00e4ga mult\u0161itud. Pilt oli justkui jagatud segmentideks. N\u00e4iteks mustad jooned k\u00e4el t\u00f5stavad liiga kontrastselt lihaseid esile, muutes tegelase v\u00e4hem terviklikuks.<\/p>\n

Kui spritist saab loomulikum ja segmenteerimine pole enam nii selge, siis on tegelase p\u00f5hivormid kergemini loetavad. Selleks v\u00f5ib kasutada valikulist kontuuri \u2014 osaliselt asendada must kontuur heledama tooniga. Valgustatud osa spritist v\u00f5ib kasutada k\u00f5ige heledamaid v\u00e4rve v\u00f5i, seal kus sprit puudutab negatiivset ruumi, v\u00f5ib kontuuri t\u00e4ielikult eemaldada. Musta asemel tuleks kasutada v\u00e4rvi, mis on valitud varju jaoks \u2014 see s\u00e4ilitab segmenteerimise (lihaste, karvade jne eristamiseks).<\/p>\n

Samuti lisasin sellel etapil tumedamad varjud. Saime kolme erineva rohelise tooni orkide nahale. Tumeroheline v\u00e4rv sobib valikuliseks kontuuriks ja AA-ks.<\/p>\n

7. L\u00f5plikud puudutused<\/h2>\n

\n\"Algajatele
\n
\nL\u00f5puks tasub lisada s\u00e4delevaid kohti (k\u00f5ige heledamad laigud spritil), detaile (k\u00f5rvar\u00f5ngad, asjad, armid) ja muid t\u00e4iustusi, kuni tegelane on valmis v\u00f5i kuni on aeg minna j\u00e4rgmisele.<\/p>\n

On m\u00f5ned kasulikud nipid, mida sellel etapil rakendada. P\u00f6\u00f6rake joonist horisontaalselt, see aitab sageli tuvastada proportsioonide ja varjutamise vigu. Samuti v\u00f5ite eemaldada v\u00e4rvi \u2014 seades k\u00fcllastuse nulli, et m\u00f5ista, kus varjudes tuleb muudatusi teha.<\/p>\n

M\u00fcra loomine (dithering, diserimine)<\/h3>\n

\nPraegu oleme peamiselt kasutanud suuri, \u00fchtseid varjukohte. Kuid on ka teine tehnika \u2014 diserimine, mis v\u00f5imaldab \u00fchel v\u00e4rvil \u00fcleminekuks teise v\u00e4rviga ilma kolmanda lisamiseta. Vaadake allolevat n\u00e4idet.<\/p>\n

\"Algajatele
\n
\n\u00dclemine gradient tumedast heledani kasutab sadu erinevaid siniseid toone. <\/p>\n

Keskmine gradient kasutab vaid \u00fcheksat v\u00e4rvi, kuid selles on endiselt liiga palju sama v\u00e4rvi toone. Tekib nn b\u00e4nding (ingl. k. band \u2014 riba), kus paksud \u00fchtlastest ribadest p\u00f5hjustavad, et silmad fookustavad v\u00e4rvide kokkupuutepunkte, mitte v\u00e4rvidele endile.<\/p>\n

Alumises gradientis kasutasime diserimist, mis aitab v\u00e4ltida b\u00e4ndingut ja kasutab vaid kahte v\u00e4rvi. Loome erineva intensiivsusega m\u00fcra, et imiteerida v\u00e4rvide \u00fcleminekut. See tehnika on v\u00e4ga sarnane halftone'ile (halftone \u2014 pooltooniline pilt), mida kasutatakse tr\u00fckises; samuti stipple'ing'ile (stippling \u2014 teraline pilt) \u2014 illustreerimises ja koomiksites.<\/p>\n

Orki peal kasutasin diserimist tekstuuri edastamiseks \u00fcsna v\u00e4he. M\u00f5ned pikselikunstnikud ei kasuta seda \u00fcldse, teised aga ei pelga ja teevad seda v\u00e4ga osavalt. Minu arvates n\u00e4eb diserimine k\u00f5ige paremini v\u00e4lja suurtes \u00fches v\u00e4rvitoonis aladel (vaadake n\u00e4iteks Metal Slugi ekraanipilti, mis oli \u00fcleval) v\u00f5i kohtades, mis peavad v\u00e4lja n\u00e4gema kare ja ebatasane (nt muda). Otsustage ise, kuidas seda kasutada.<\/p>\n

Kui soovite n\u00e4ha n\u00e4idet ulatuslikust ja kvaliteetsest diserimisest, uurige The Bitmap Brothersi m\u00e4nge, 80ndate aastate Briti stuudiot, v\u00f5i PC-98 arvutim\u00e4nge. Olge ainult ettevaatlik, k\u00f5ik need on NSFW.<\/p>\n

\"Algajatele
\nKakyusei (PC-98). Elf, 1996. aasta
\nSelles pildis on kokku vaid 16 v\u00e4rvi!<\/i><\/p>\n

8. Viimane pilk<\/h2>\n

\n\"Algajatele
\n
\n\u00dcks pikselikunsti oht on see, et see tundub kerge ja lihtne (oma struktuuri ja stiili piirangute t\u00f5ttu). Kuid l\u00f5puks kulutate tohutult aega oma spritide viimistlemiseks. See on nagu m\u00f5istatus, mida tuleb lahendada \u2013 just seet\u00f5ttu meelitab pikselikunst perfektsioniste. Pidage meeles, et \u00fcks sprit ei tohiks v\u00f5tta liiga palju aega \u2013 see on vaid tilluke osa \u00e4\u00e4rmiselt keerulisest t\u00fckkide kogumist. Oluline on mitte kaotada \u00fclevaadet \u00fcldisest pildist.<\/p>\n

I isegi kui teie pikselikunst ei ole m\u00e4ngudeks, m\u00f5nikord tasub endale \u00f6elda: \u201eK\u00f5ik on juba piisavalt hea!\u201c Ja liikuda edasi. Parim viis oskuste arendamiseks on l\u00e4bida kogu protsess algusest l\u00f5puni nii palju kordi kui v\u00f5imalik, kasutades v\u00f5imalikult erinevaid teemasid. <\/p>\n

Ja m\u00f5nikord on kasulik spriti natukeseks k\u00f5rvale panna, et hiljem v\u00e4rske pilguga sellele vaadata. <\/p>\n

32\u00d732 pikslit<\/h2>\n

\n\"Algajatele
\n
\nTegime suure spriti 96\u00d796 pikslit esimesena, sest sellise suurusega sarnaneb see pigem joonistamisele v\u00f5i maalimisele, aga siiski ainult pikslitega. Mida v\u00e4iksem on sprit, seda v\u00e4hem sarnaneb see sellega, mida ta peaks kujutama, ja seda enam on iga piksel oluline.<\/p>\n

\"Algajatele
\n
\nSuper Mario Brosis on Mario silm vaid kaks pikslit, mis on \u00fcksteise peale asetatud. Ja sama kehtib ka tema k\u00f5rvade kohta. Iseloomu looja Shigeru Miyamoto \u00fctles, et vuntsid olid vajalikud, et eristada nina \u00fclej\u00e4\u00e4nud n\u00e4ost. Seega on \u00fcks Mario n\u00e4o peamine joon mitte ainult tegelaskuju disain, vaid ka praktiline nipp. Mis kinnitab vana tarkust \u2013 \"vajadus on leiutamise ema.\"<\/p>\n

Peamised sammud 32\u00d732 piksli sprite loomisel on meile juba tuttavad: joonistus, v\u00e4rv, varjud, edasine t\u00f6\u00f6tlus. Kuid sellistes tingimustes, algsena joonistamisel kasutan v\u00e4rvilisi kujundeid joonte asemel v\u00e4ikese suuruse t\u00f5ttu. V\u00e4rv m\u00e4ngib iseloomu m\u00e4\u00e4ratlemisel olulisemat rolli kui kontuurid. Vaadake Mario't veel kord, tal pole \u00fcldse kontuure. Huvitavad pole ainult vurrud. Tema vuntsid m\u00e4\u00e4ravad k\u00f5rvade kuju, varrukad n\u00e4itavad k\u00e4si, ning \u00fcldine kuju peegeldab enam-v\u00e4hem selgelt kogu tema keha.<\/p>\n

V\u00e4ikeste sprite'ide loomine t\u00e4hendab pidevaid kompromisse. Kui lisate \u00e4\u00e4rise, v\u00f5ite kaotada varju jaoks ruumi. Kui teie tegelasel on selgelt n\u00e4htavad k\u00e4ed ja jalad, peab pea t\u00f5en\u00e4oliselt olema mitte v\u00e4ga suur. Kui kasutada v\u00e4rvi, valikulisi \u00e4\u00e4riseid ja sujuvust t\u00f5husalt, siis joonistatud objekt n\u00e4ib olevat suurem, kui ta tegelikult on.<\/p>\n

V\u00e4ikeste sprite'ide jaoks meeldib mulle chibi stiil: tegelased n\u00e4evad v\u00e4ga armsad v\u00e4lja, neil on suured pead ja silmad. Suurep\u00e4rane viis luua elav kangelane piiratud ruumis, ja \u00fcldiselt on see v\u00e4ga meeldiv stiil. Kuid v\u00f5ib-olla peate n\u00e4itama karakteri liikuvust v\u00f5i j\u00f5udu, siis v\u00f5ite anda v\u00e4hem ruumi pead, et keha n\u00e4eks v\u00e4lja j\u00f5ulisem. K\u00f5ik s\u00f5ltub teie eelistustest ja eesm\u00e4rkidest.<\/p>\n

\"Algajatele
\nKogu meeskond on koos!<\/i><\/p>\n

Failivormingud<\/h2>\n

\n\"Algajatele
\nSelline tulemus v\u00f5ib iga pixeli-artistit n\u00e4rvi ajada<\/i><\/p>\n

Pilt, mida n\u00e4ete, on tulemuseks joonistuse salvestamisest JPG formaadis. Osa andmeid kadus faili kokkusurutuse algoritmide t\u00f5ttu. Kvaliteetne pixel-art n\u00e4eb l\u00f5puks v\u00e4lja halb, ja selle algse paleti tagasisaamine ei ole lihtne.<\/p>\n

Kvaliteedi kaotamata staatilise pildi salvestamiseks kasutage PNG formaati. Animatsioonide jaoks \u2014 GIF.<\/p>\n

Kuidas \u00f5igesti jagada pixel-art'i<\/h2>\n

\nPixel-art'i jagamine sotsiaalmeedias on suurep\u00e4rane viis tagasiside saamiseks ja tuttavaks saamiseks teiste samas stiilis kunstnikega. \u00c4rge unustage lisada #pixelart sildit. Kahjuks konverteerivad sotsiaalmeedia sageli PNG formaadi JPG-daks ilma n\u00f5usolekuta, halvendades teie t\u00f6\u00f6d. Samuti ei ole alati selge, miks teie pilt konverteeriti.<\/p>\n

On m\u00f5ned n\u00f5uanded, kuidas s\u00e4ilitada pixel-art'i vajaliku kvaliteediga erinevates sotsiaalmeedias.<\/p>\n

Twitteris<\/h3>\n

\nKuidas v\u00e4ltida PNG-faili muutumist Twitteris, kasutage v\u00e4hem kui 256 v\u00e4rvi v\u00f5i veenduge<\/a><\/noindex>, et teie fail oleks v\u00e4hem kui 900 pikslit pikemas servas. Soovitaksin suurendada faili v\u00e4hemalt 512\u00d7512 pikselini, nii et suurendamine oleks 100% m\u00f5\u00f5tmetega (200%, mitte 250%) ja servad j\u00e4\u00e4ksid teravad (Nearest Neighbor Photoshopis).<\/p>\n

Animatsiooniga GIF-failid Twitteri postituste jaoks peate<\/a><\/noindex> peavad olema alla 15 MB. Pilt peab olema v\u00e4hemalt 800\u00d7800 pikslit, ts\u00fckliline animatsioon peab korduma kolm korda ning viimane kaader peab olema ajaliselt poolteist korda l\u00fchem kui k\u00f5ik teised \u2013 see on k\u00f5ige levinum teooria. Kuidas need n\u00f5uded t\u00e4pselt paika panna, on aga arusaamatu, arvestades, et Twitter muudab pidevalt oma pildivaate algoritme.<\/p>\n

Instagram<\/h3>\n

\nNii palju kui ma tean, ei ole Instagramis pildi avaldamine kvaliteedi kaotamata v\u00f5imalik. Kuid see n\u00e4eb kindlasti parem v\u00e4lja, kui suurendate selle v\u00e4hemalt 512x512 pikslini.
\n
Allikas: 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\udd47Pikselkunst algajatele: kasutusjuhend | ProHoster","description":"Indie-arendajatel tuleb sageli.","canonical_url":"https:\/\/prohoster.info\/et\/blog\/news\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"et_EE","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\/et\/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\/et\/wp-json\/wp\/v2\/posts\/54617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/comments?post=54617"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/posts\/54617\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/media?parent=54617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/categories?post=54617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/tags?post=54617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}