{"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\/novosti-interneta\/piksel-art-dlya-nachinayushhih-instruktsiya-po-primeneniyu","title":{"rendered":"Pikselikunst algajatele: rakenduse juhend","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Pikselikunst
\n
\nIndie arendajatel tuleb sageli t\u00e4ita mitmeid rolle: m\u00e4ngudisainer, programmeerija, helilooja, kunstnik. Ja kui asi puudutab visuaali, valivad paljud pikselikunsti \u2014 esmapilgul n\u00e4ib see lihtne. Kuid kaunilt tegemiseks on vaja palju kogemust ja teatud oskusi. Siin on tutvustus neile, kes alles alustavad selle stiili aluste \u00f5ppimist: spetsiaalse tarkvara ja joonistusmeetodite kirjeldus kahe sprite n\u00e4itel.<\/a><\/noindex><\/p>\n

Taust<\/h2>\n

\nPikselikunst on digitaalne kunstivorm, kus muudatused tehakse pikslitasandil. Peamiselt seostatakse seda 80ndate ja 90ndate videom\u00e4ngude graafikaga. Siis pidid kunstnikud arvestama m\u00e4lupiirangute ja madala eraldusv\u00f5imega. T\u00e4na on pikselikunst endiselt populaarne m\u00e4ngudes ja kunstistiilina \u00fcldiselt, hoolimata realistliku 3D-graafika v\u00f5imalustest. Miks? Isegi kui nostalgia k\u00f5rvale j\u00e4tta, on k\u00fclma piiride raames laheda t\u00f6\u00f6 loomine meeldiv ja v\u00e4\u00e4rt v\u00e4ljakutse.<\/p>\n

Sisenemine piksli-maailma on v\u00f5rreldes traditsioonilise kunsti ja 3D-graafikaga suhteliselt madal, mis meelitab indie-arendajaid. Kuid see ei t\u00e4henda, et selle stiili j\u00e4rgi m\u00e4ngu tegemine oleks lihtne. t\u00e4iendama<\/b> m\u00e4ngu sel viisil. Olen n\u00e4inud palju indie-arendajaid piksli-artelementidega metroidvania m\u00e4nge rahastusplatvormidel. Nad arvasid, et saavad k\u00f5ik aasta jooksul valmis, kuid tegelikult kulus neil veel kuus aastat. <\/p>\n

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

Pikslikunst, mille tasemele enamus soovib j\u00f5uda, v\u00f5tab palju aega ning l\u00fchikesi \u00f5petusi on \u00e4\u00e4rmiselt v\u00e4he. 3D mudeliga t\u00f6\u00f6tades saad seda p\u00f6\u00f6rata, deformeerida, liikuda eraldi osadega, kopeerida animatsioone \u00fchelt mudelilt teisele ja nii edasi. K\u00f5rge kvaliteediga piksli-kunst v\u00f5tab enamasti tohutult palju energiat igas kaadris pikslite t\u00e4psete kohtade m\u00e4\u00e4ramiseks.<\/p>\n

\u00dches\u00f5naga, ma hoiatasin.<\/p>\n

Ja n\u00fc\u00fcd veidi minu stiilist: peamiselt joonustan ma videom\u00e4ngude jaoks pikslikunsti ja seekaudu leian inspiratsiooni. Olen eelk\u00f5ige Famicom\/NES, 16-bitiste konsoolide ja 90ndate arcade m\u00e4ngude f\u00e4nn. Minu lemmikute m\u00e4ngude pikslikunsti v\u00f5ib kirjeldada kui erksat, enesekindlat ja puhtast (aga mitte liiga), seda ei saa nimetada karjuvaks ja minimalistlikuks. Selles stiilis t\u00f6\u00f6tan ma ise, kuid saate kergesti rakendada selle \u00f5petuse ideid ja tehnikat, et luua t\u00e4iesti erinevaid asju. Uurige erinevate kunstnike loomingut ja looge pikslikunst, mis teile meeldib!<\/p>\n

Tarkvara<\/h2>\n

\n\"Pikselikunst
\n
\nPikslikunsti p\u00f5hiteemad on Suum (Zoom) ja Pliiats (Pencil), et paigutada pikslid. Teile tulevad kasuks ka Joon (Line), Kujund (Shape), Valige (Select), Liiku (Move) ja T\u00e4itmine (Paint Bucket). On palju tasuta ja tasulisi tarkvarasid sellise t\u00f6\u00f6riistade komplekti jaoks. R\u00e4\u00e4gin populaarseimatest 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 pikslikunsti jaoks vajalikud t\u00f6\u00f6riistad.<\/p>\n

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

\n\u00dcllatavalt funktsionaalne pikslikunsti redaktor, mida k\u00e4itatakse l\u00e4bi brauseri. T\u00f6\u00f6tlust saab eksportida PNG v\u00f5i animeeritud GIF formaati. Suurep\u00e4rane valik algajatele.<\/p>\n

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

\nGraphicsGale on ainus redaktor, millest olen kuulnud, mis on loodud spetsiaalselt pikslikunsti jaoks ja sisaldab animatsiooni t\u00f6\u00f6riistu. Selle l\u00f5i Jaapani ettev\u00f5te HUMANBALANCE. Alates 2017. aastast jagatakse seda tasuta ja see on endiselt populaarne, hoolimata Aseprite'i kasvavast populaarsusest. Kahjuks t\u00f6\u00f6tab see ainult Windowsi s\u00fcsteemidel.<\/p>\n

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

\nT\u00f5en\u00e4oliselt on see praeguseks k\u00f5ige populaarsem redaktor. Avaallikas<\/a><\/noindex>, palju funktsioone, aktiivne toetus, versioonid Windowsi, Maci ja Linuxi jaoks. Kui soovite t\u00f5siselt tegeleda pikslikunstiga ja pole veel sobivat redaktorit leidnud, on see ilmselt \u00f5ige valik.<\/p>\n

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

\nGameMaker Studio 2 on suurep\u00e4rane 2D t\u00f6\u00f6riist hea spritiredaktoriga (Sprite Editor). Kui soovite luua pikslikunsti oma m\u00e4ngude jaoks, on k\u00f5ik \u00fches programmis tegemine v\u00e4ga mugav. Praegu kasutan seda tarkvara oma projekti \" UFO 50<\/a><\/noindex>, 50 retro m\u00e4ngu kollektsiooni: spritid ja animatsioonid loon GameMakeris, samas kui tile-setid valmistan Photoshopis.<\/p>\n

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

\nPhotoshop \u2014 kallis tarkvara, mille levitamine toimub tellimuse alusel, ei sobi pikselkunsti loomiseks. Ei soovita seda osta, kui te ei tegele illustratsioonide joonistamisega k\u00f5rge eraldusv\u00f5imega v\u00f5i kui teil ei ole vaja teostada keerukaid pildimanipulatsioone, nagu mul. Seal on v\u00f5imalik luua staatilisi sprite ja pikselt\u00f6id, kuid see on \u00fcsna keeruline v\u00f5rreldes spetsialiseeritud tarkvaraga (n\u00e4iteks GraphicsGale v\u00f5i Aseprite).<\/p>\n

Muud<\/h2>\n

\n\"Pikselikunst
\nMinu pikselkunsti komplekt. K\u00f5ik must, m\u00e4rkasin seda alles n\u00fc\u00fcd.<\/i><\/p>\n

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

\nSoovitan graafikaplaate igasuguste digitaalsete illustratsioonide jaoks, et v\u00e4ltida randme tunneli s\u00fcndroomi. Seda on palju lihtsam ennetada kui ravida. \u00dckskord tunnete valu ja see ainult s\u00fcveneb \u2014 hoolitsege enda eest algusest peale. Kuna ma kunagi joonistasin hiirega, on mul n\u00fc\u00fcd keeruline m\u00e4ngida m\u00e4nge, kus tuleb klahve vajutada. Praegu kasutan Wacom Intuos Pro S.<\/p>\n

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

\nKui te ei saa tabletti osta, siis ostke v\u00e4hemalt randme tugitald. Mulle meeldib k\u00f5ige rohkem Mueller Green Fitted Wrist Brace. Teised on kas liiga pingul v\u00f5i pakuvad ebapiisavat tuge. Tugijalad on mureta online tellitavad.<\/p>\n

96\u00d796 pikslit<\/h2>\n

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

Alustame! Hakkame liikuma 96\u00d796 piksliste isiku sprite'iga. N\u00e4iteks joonistasin orki ja panin selle Final Fight'i ekraanipiltide (\u00fclemine pilt) peale, et te m\u00f5istaksite m\u00f5\u00f5tmeid. See on suur<\/b> sprite enamiku retro-m\u00e4ngude jaoks, ekraanipildi suurus: 384\u00d7224 pikslit.<\/p>\n

Nii suures sprite'is on kergem n\u00e4idata tehnikat, millest ma soovin r\u00e4\u00e4kida. Samuti n\u00e4eb pikselivaba joonistamine rohkem v\u00e4lja nagu traditsioonilised kunstivormid (nt joonistamine v\u00f5i maalimine), millega olete v\u00f5ib-olla paremini tuttav. Kui oleme omandanud p\u00f5hitehnikad, liigume v\u00e4iksemate sprite'ide juurde.<\/p>\n

1. Valime paleti<\/h2>\n

\n\"Pikselikunst
\n
\nPiksel on palju s\u00fcgavam m\u00f5iste pikselikunstis kui paljudes teistes digitaalsf\u00e4\u00e4rites. Pikselikunsti m\u00e4\u00e4ravad selle piirangud, n\u00e4iteks v\u00e4rvid. Oluline on \u00f5igesti valida v\u00e4rvipalett, see aitab m\u00e4\u00e4ratleda teie stiili. Kuid alguses soovitan mitte m\u00f5elda palettele ja valida \u00fcks olemasolev (v\u00f5i lihtsalt m\u00f5ned juhuslikud v\u00e4rvid) \u2014 saate seda igal hetkel h\u00f5lpsasti muuta.<\/p>\n

Selles \u00f5petuses kasutan 32 v\u00e4rvi paletti, mille me l\u00f5ime UFO 50<\/a><\/noindex>. Pikselikunstiks koostatakse neid sageli 32 v\u00f5i 16 v\u00e4rvist. Meie palett on v\u00e4lja t\u00f6\u00f6tatud v\u00e4ljam\u00f5eldud konsoolile, mis v\u00f5iks ilmneda 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. Jooned<\/h2>\n

\n\"Pikselikunst
\n
\nAlustame joonistamist Keringiga. Joonistame sket\u0161i just nii, nagu me seda teeme tavalise pliiatsi ja paberiga. Loomulikult on pikselkunst ja traditsiooniline kunst omavahel seotud, eriti kui r\u00e4\u00e4kida suurematest sprite'idest. Minu t\u00e4helepanekud n\u00e4itavad, et tugevatel pikselkunstnikele on k\u00e4eline joonistus oskus v\u00e4hemalt korralik ja vastupidi. Seega on joonistusoskuste arendamine alati kasulik.<\/p>\n

3. Kontuuride t\u00f6\u00f6tlemine<\/h2>\n

\n\"Pikselikunst
\n
\nT\u00f6\u00f6tleme kontuure: eemaldame liigsed pikslid ja v\u00e4hendame iga joone paksuse \u00fche piksli peale. Aga mida t\u00e4pselt pidada liigseks? Sellele k\u00fcsimusele vastamiseks tuleb aru saada pikslijoonte ja ebatasasuste olemusest.<\/p>\n

Ebatisasused<\/h3>\n

\nPeame \u00f5ppima joonistama kahte p\u00f5hijoonte t\u00fc\u00fcpi pikselkunstis: sirged ja k\u00e4\u00e4nulised. Plesti ja paberiga on k\u00f5ik seotud lihaskontrolliga, kuid meie t\u00f6\u00f6tame ju pisikeste v\u00e4rviliste plokkidega.<\/p>\n

\u00d5ige pikslijoonte joonistamise v\u00f5ti on ebatasasused. Need on \u00fche piksliga v\u00f5i v\u00e4ikeste segmentidega, mis rikuvad joone sujuvust. Nagu ma juba mainisin, on iga eraldi piksel pikselkunstis \u00e4\u00e4retult oluline, seega v\u00f5ivad ebatasasused rikkuda kogu esteetika. Kujutage ette, et t\u00f5mbate sirget joont paberile ja \u00e4kki keegi l\u00f6\u00f6b lauda: ebatasasused pikselkunstist n\u00e4evad v\u00e4lja just nagu juhuslikud jooned.<\/p>\n

N\u00e4ited:<\/p>\n

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

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

Ebatasasused ilmuvad k\u00f5verates, kui joonte segmentide pikkus suureneb v\u00f5i v\u00e4heneb j\u00e4rsult.<\/p>\n

Ebatasasusi on t\u00e4iesti v\u00f5imatu v\u00e4ltida \u2014 k\u00f5ikides teie lemmik retro-m\u00e4ngudes on need olemas (kui pikselkunst ei koosne ainult lihtsatest vormidest). Eesm\u00e4rk: v\u00e4hendada ebatasasusi minimaalselt, samas n\u00e4idates k\u00f5ike vajalikku.<\/p>\n

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

\n\"Pikselikunst
\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 panna, nagu \u00fclaltoodud n\u00e4ites, ja valida v\u00e4rve pipeti abil.<\/p>\n

Vasaku alumises nurgas olen joonistanud meie s\u00f5bra, tutvuge, see on \u2014 \u0160aar. Temaga on lihtsam m\u00f5ista, mis igas etapis toimub.<\/p>\n

5. H\u00e4marus<\/h2>\n

\n\"Pikselikunst
\n
\nOn aeg kujutada varju \u2014 lihtsalt lisame sprite'ile tumedamaid toone. Nii n\u00e4eb pilt v\u00e4lja kolmem\u00f5\u00f5tmelisena. Kujutame ette, et meil on \u00fcks valgusallikas, mis asub orki kohal tema vasakul k\u00fcljel. Seega on valgustatud k\u00f5ik, mis on meie tegelasest \u00fcleval ja ees. Lisame varjud all paremal.<\/p>\n

Kujund ja vorm<\/h3>\n

\n\"Pikselikunst
\n
\nKui see etapp tekitab teile raskusi, kujutage oma joonist nagu kolmem\u00f5\u00f5tmelisi kujundeid, mitte lihtsalt jooni ja v\u00e4rve. Kujundid eksisteerivad kolmem\u00f5\u00f5tmelises ruumis ja v\u00f5ivad omada mahtu, mida loome varjudega. See aitab visualiseerida tegelast ilma detailideta ja kujutada, et ta on tehtud savist, mitte pikseldest. H\u00e4marus ei ole lihtsalt uute v\u00e4rvide lisamine, see on vormi loomise protsess. H\u00e4sti kujundatud tegelasel ei peida detailid p\u00f5hivorme: kui pigistate silmi, n\u00e4ete mitmeid suuri valguse ja varju klastreid. <\/p>\n

Suumimine (anti-aliasing, anti-aliaseerimine)<\/h3>\n

\nIgal korral, kui kasutan uut v\u00e4rvi, rakendan anti-aliasing (AA). See aitab sujuvamaks muuta pikslid, lisades nurkadesse vahepealseid v\u00e4rve, kohtades, kus kaks joone segmenti kokku puutuvad:<\/p>\n

\"Pikselikunst
\n
\nHallid pikslid pehmendavad joonte \u00abkatkestusi\u00bb. Mida pikem on joone segment, seda pikem on AA-segment.<\/p>\n

\"Pikselikunst
\nNii n\u00e4eb AA v\u00e4lja orkide \u00f5lal. See on vajalik, et sujuvamalt kujutada jooni, mis n\u00e4itavad tema lihaste k\u00f5verusi.<\/i><\/p>\n

Suhkru tasandamine ei tohi ulatuda sprite'ist v\u00e4lja, mida kasutatakse m\u00e4ngus v\u00f5i taustal, mille v\u00e4rv on teadmata. N\u00e4iteks, kui rakendate AA heleda tausta jaoks, n\u00e4eb see tumedal taustal kole v\u00e4lja.<\/p>\n

6. Valikuline kontuur<\/h2>\n

\n\"Pikselikunst
\n
\nVarem olid kontuurid t\u00e4ielikult mustad, mist\u00f5ttu sprite n\u00e4gi v\u00e4lja v\u00e4ga multikaalne. Pilt oli nagu jagatud segmentideks. N\u00e4iteks mustad jooned k\u00e4el kontrastivad liiga palju lihasstruktuuri, ja tegelane n\u00e4eb v\u00e4hem \u00fchtne v\u00e4lja.<\/p>\n

Kui spriit muutub loomulikumaks ja segmentatsioon mitte nii selgeks, siis on p\u00f5hikujud kergemini loetavad. Selleks v\u00f5ib kasutada valikulist kontuuri \u2014 osaliselt asendada must kontuur heledama v\u00e4rviga. Valgustatud osa spriiti v\u00f5ib kasutada k\u00f5ige heledamaid v\u00e4rve v\u00f5i seal, kus spriit puutub kokku negatiivse ruumiga, v\u00f5ib kontuuri t\u00e4ielikult eemaldada. Musta asemel tuleks kasutada v\u00e4rvi, mis on valitud varjuks \u2014 nii s\u00e4ilib segmentatsioon (lihase, karvade ja nii edasi eristamiseks).<\/p>\n

Samuti lisasin sel etapil tumedamaid varjusid. \u00d5lale on saadud kolm rohelise tooni kihi. Tumedamat roheline v\u00e4rvi v\u00f5ib kasutada valikulise kontuuri ja AA jaoks.<\/p>\n

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

\n\"Pikselikunst
\n
\nL\u00f5pus tasub lisada s\u00e4delemised (k\u00f5ige heledamad laigud spriidir), detailid (k\u00f5rvar\u00f5ngad, klambrid, armid) ja muud t\u00e4iustused, kuni isik on valmis v\u00f5i kuni on vaja minna j\u00e4rgmisele.<\/p>\n

Sellel etapil on mitmeid kasulikke n\u00e4pun\u00e4iteid, mida rakendada. P\u00f6\u00f6rake joonist horisontaalselt, see aitab sageli tuvastada proportsioonide ja varjundiga seotud vigu. Samuti on v\u00f5imalik eemaldada v\u00e4rv \u2014 seada k\u00fcllastus nulli, et m\u00f5ista, kus varjundeid muuta.<\/p>\n

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

\nSenimaani oleme peamiselt kasutanud suuri, \u00fchtlaseid varjualasid. Kuid on olemas ka teine tehnika \u2014 dizering, mis v\u00f5imaldab liikuda \u00fchelt v\u00e4rvilt teisele, lisamata kolmandat. Vaadake allolevat n\u00e4idet.<\/p>\n

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

Keskne gradient kasutab vaid \u00fcheksat v\u00e4rvi, kuid selles on endiselt liiga palju \u00fche v\u00e4rvi toone. Nii tekib nn bandid (inglise keeles band \u2014 triip), kus paksude \u00fchtlaste triipude t\u00f5ttu keskendub silm v\u00e4rvide kokkupuutepunktidele, mitte v\u00e4rvidele endile.<\/p>\n

Alumise gradienti all rakendasime diserimist, mis aitab v\u00e4ltida b\u00e4ndimist ja kasutab vaid kahte v\u00e4rvi. Loome erineva intensiivsusega m\u00fcra, et j\u00e4ljendada v\u00e4rvi gradatsiooni. See tehnika sarnaneb v\u00e4ga halftone'iga, mida kasutatakse tr\u00fckiste puhul; samuti sarnaneb see stipple'iga, mida kasutatakse illustreerimisel ja koomiksites.<\/p>\n

Orkil rakendasin diserimist vaid veidi, et edastada tekstuuri. M\u00f5ned pikselkunstnikud kasutavad seda peaaegu \u00fcldse, teised ei h\u00e4bene ja saavad sellega h\u00e4sti hakkama. Minu arvates n\u00e4eb diserimine k\u00f5ige paremini v\u00e4lja suurtes \u00fchtlaselt v\u00e4rvitud alades (vaadake taevast Metal Slug'i ekraanipildil, mis oli \u00fclalpool) v\u00f5i kohtades, mis peaksid n\u00e4gema karedate ja eba\u00fchtlastena (n\u00e4iteks muda). Otsustage ise, kuidas seda kasutada.<\/p>\n

Kui soovite n\u00e4ha n\u00e4idet laiaulatusliku ja kvaliteetse diserimisega, uurige The Bitmap Brothers'i m\u00e4nge, 80ndate Briti stuudiot, v\u00f5i PC-98 arvutim\u00e4nge. Arvestage, et k\u00f5ik need on NSFW.<\/p>\n

\"Pikselikunst
\nKakyusei (PC-98). Elf, 1996.
\nSellel pildil on vaid 16 v\u00e4rvi!<\/i><\/p>\n

8. Viimane pilk<\/h2>\n

\n\"Pikselikunst
\n
\n\u00dcks oht, mis on seotud pikselkunsti loomisega, on see, et see tundub kerge ja lihtne (t\u00e4nu oma struktuurile ja stiili piirangutele). Kuid l\u00f5puks kulutate selle t\u00e4iendamiseks tohutult aega. See sarnaneb m\u00f5istatusega, mille pead lahendama \u2014 seet\u00f5ttu t\u00f5mbab pikselkunst perfektsioniste. Pea meeles, et \u00fcks sprait ei peaks v\u00f5tma liiga palju aega \u2014 see on vaid tilluke osa \u00e4\u00e4rmiselt keerulisest t\u00fckkide kogumist. Oluline on mitte kaotada suuremat pilti silme eest.<\/p>\n

Isegi kui teie pikselkunst ei ole m\u00e4ngudeks, on vahel m\u00f5istlik endale \u00f6elda: \"K\u00f5ik on juba piisavalt hea!\" Ja liikuda edasi. Parim viis oskuste arendamiseks on minna kogu protsess l\u00e4bi nii palju kordi kui v\u00f5imalik, kasutades v\u00f5imalikult palju teemasid. <\/p>\n

Ja m\u00f5nikord on kasulik sprait hetkeks v\u00e4lja j\u00e4tta, et hiljem sellele v\u00e4rskelt vaadata. <\/p>\n

32\u00d732 pikslit<\/h2>\n

\n\"Pikselikunst
\n
\nLoomiseks alustasime suure spraidiga 96\u00d796 pikslit, kuna see suurus sarnaneb rohkem maalimisega v\u00f5i joonistamisega, kuid ainult pikslitega. Mida v\u00e4iksem on sprait, seda v\u00e4hem ta meenutab seda, mida ta peaks kujutama, ja seet\u00f5ttu muutub iga piksel t\u00e4htsamaks.<\/p>\n

\"Pikselikunst
\n
\nSuper Mario Bros. m\u00e4ngus on Mario silm vaid kaks pikslit, mis asuvad \u00fcksteise peal. Samuti on tema k\u00f5rv. Iseloomu looja Shigeru Miyamoto \u00fctles, et vuntsid olid vajalikud nina eristamiseks n\u00e4ost. Niisiis, \u00fcks Mario n\u00e4o peamisi jooni ei ole mitte ainult tegelaskuju disain, vaid ka pragmaatiline nipp. See kinnitab vanas\u00f5na \u2014 \"vajadus on leiutise ema.\"<\/p>\n

Sprite loomise peamised etapid 32\u00d732 pikslis on meile juba tuttavad: visand, v\u00e4rv, varjud ja edasine t\u00f6\u00f6tlemine. Kuid nendes tingimustes valin ma esialgse visandi jaoks v\u00e4rvilised kujundid, mitte kontuuride joonistamise, kuna suurus on nii v\u00e4ike. V\u00e4rvil on tegelase m\u00e4\u00e4ratlemisel olulisem roll kui kontuuridel. Vaadake Mario't veel kord; tal pole ega olegi kontuure. Huvid ei ole ainult vuntsides. Tema p\u00f5skhaned m\u00e4\u00e4ravad k\u00f5rvade kuju, varrukad n\u00e4itavad k\u00e4si, ja \u00fcldine kuju peegeldab enam-v\u00e4hem selgelt kogu tema keha.<\/p>\n

V\u00e4ikeste sprite'ide loomine on pidev kompromiss. Kui lisate \u00e4\u00e4rise, v\u00f5ite kaotada ruumi varju jaoks. Kui teie tegelasel on selgelt kuvatud k\u00e4ed ja jalad, peaks pea t\u00f5en\u00e4oliselt olema mitte liiga suur. Kui kasutada efektiivselt v\u00e4rve, valikulisi \u00e4\u00e4riseid ja pehmendamist, n\u00e4eb joonistatud objekt v\u00e4lja suurem, kui ta tegelikult on.<\/p>\n

V\u00e4ikeste sprite'ide puhul meeldib mulle chibi stiil: tegelased n\u00e4evad v\u00e4ga armsad v\u00e4lja, neil on suured pead ja silmad. Suurep\u00e4rane viis luua erksat kangelast piiratud ruumis, ja \u00fchtlasi on see v\u00e4ga meeldiv stiil. Ent kui peate v\u00f5ib-olla n\u00e4itama tegelase liikumatust v\u00f5i j\u00f5udu, siis v\u00f5ite pea jaoks v\u00e4hem ruumi j\u00e4tta, et keha n\u00e4eks v\u00e4lja tugevam. K\u00f5ik s\u00f5ltub teie eelistustest ja eesm\u00e4rkidest.<\/p>\n

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

Failiformaadid<\/h2>\n

\n\"Pikselikunst
\nSelline tulemus v\u00f5ib panna n\u00e4rvile iga pikslikunstniku.<\/i><\/p>\n

Kujutis, mida n\u00e4ete, on saadud joonise salvestamise teel JPG formaati. Osa andmeid kadus faili kokkusurutud algoritmide t\u00f5ttu. Kvaliteetne pikselkunstid l\u00f5puks ei n\u00e4e head v\u00e4lja ja selle algse paleti taastamine on keeruline.<\/p>\n

Kvaliteetsete staatiliste piltide s\u00e4ilitamiseks kasutage PNG formaati. Animatsioonide jaoks valige GIF.<\/p>\n

Kuidas \u00f5igesti jagada pikselkunsti<\/h2>\n

\nPikselkunsti jagamine sotsiaalmeedias on suurep\u00e4rane viis tagasiside saamiseks ja teiste samas stiilis kunstnikega tutvumiseks. \u00c4rge unustage lisada sildile #pixelart. Kahjuks konverteerivad sotsiaalmeedia platvormid tihti PNG-d JPG-ks ilma teie n\u00f5usolekuta, halvendades teie t\u00f6\u00f6d. Samuti ei ole alati selge, miks teie pilt on konverteeritud.<\/p>\n

Siin on m\u00f5ned n\u00e4pun\u00e4ited, kuidas hoida pikselkunsti soovitud kvaliteedis erinevates sotsiaalmeediates.<\/p>\n

Twitter<\/h3>\n

\nKuna PNG-fail ei muutu Twitteris, kasutage v\u00e4hem kui 256 v\u00e4rvi v\u00f5i veenduge<\/a><\/noindex>, et teie fail on v\u00e4hem kui 900 pikslit pikemas k\u00fcljes. Soovitan suurendada faili v\u00e4hemalt 512\u00d7512 pikslini. Ja veenduge, et suurendamine oleks kordne 100 (200%, mitte 250%) ning teravad servad j\u00e4\u00e4vad alles (Nearest Neighbor Photoshopis).<\/p>\n

Animatsioonifailid Twitteri postitustele peavad<\/a><\/noindex> kandma mitte rohkem kui 15 MB. Pilt peab olema v\u00e4hemalt 800\u00d7800 pikslit, ts\u00fckliline animatsioon peab korduma kolm korda ja viimane kaader peab olema poole l\u00fchem ajaliselt kui k\u00f5ik \u00fclej\u00e4\u00e4nud \u2014 see on k\u00f5ige levinum teooria. Siiski pole selge, kui t\u00e4pselt on nende n\u00f5uete j\u00e4rgimine vajalik, kuna Twitter muudab pidevalt oma piltide kuvamise algoritme.<\/p>\n

Instagram<\/h3>\n

\nKuidas mina tean, on Instagramis pildi postitamine kvaliteedikaotusega paratamatu. Kuid pilt n\u00e4eb kindlasti parem v\u00e4lja, kui suurendate selle v\u00e4hemalt 512\u00d7512 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-novosti-interneta"],"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\udd47Algajatele m\u00f5eldud piksli kunst: kasutusjuhend | ProHoster","description":"Indie-arendajad peavad sageli t\u00e4itma mitmeid rolle: m\u00e4ngudisainer, programmeerija, helilooja, kunstnik. Ja kui visuaal on k\u00e4sil, valivad paljud pikslikunsti \u2014 esmapilgul v\u00f5ib see tunduda lihtne. Kuid ilusa teostamiseks on vaja palju kogemusi ja teatud oskusi. Leidsin siin juhendi neile, kes alles alustavad selle stiili p\u00f5hit\u00f5dede \u00f5ppimist: spetsiaalse tarkvara ja joonistamistehnikate kirjeldamisega.","canonical_url":"https:\/\/prohoster.info\/et\/blog\/novosti-interneta\/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 \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","og:url":"https:\/\/prohoster.info\/et\/blog\/novosti-interneta\/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"},"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}]}}