Large pixel art. Pikseligrafiikka (pikselitaide): parhaat teokset ja kuvittajat. Valmistautuminen työhön

Nykyään ohjelmat, kuten Photoshop, Illustrator, Corel, helpottavat suunnittelijan ja kuvittajan työtä. Niiden avulla voit työskennellä täysin ilman, että pikselien järjestely häiritsee sinua, kuten viime vuosisadan lopulla. Kaikki tarvittavat laskelmat suorittavat ohjelmistot - graafiset editorit. Mutta on ihmisiä, jotka työskentelevät eri suuntaan, ei vain eri, vaan jopa täysin päinvastoin. He nimittäin harjoittavat samaa vanhan koulukunnan pikselijärjestelyä saadakseen teoksiinsa ainutlaatuisen tuloksen ja tunnelman.

Esimerkki pikselitaiteesta. Fragmentti.

Tässä artikkelissa haluamme puhua ihmisistä, jotka tekevät pikselitaidetta. Tutustu tarkemmin heidän parhaisiin teoksiinsa, joita voidaan jo pelkästään toteutuksensa monimutkaisuuden vuoksi kutsua liioittelematta modernin taiteen teoksiksi. Teoksia, jotka salpaavat henkeäsi katsellessa.

Pixel Art. Parhaat teokset ja kuvittajat


Kaupunki. Kirjailija: Zoggles


Satulinna. Kirjailija: Tinuleaf


Keskiaikainen kylä. Kirjailija: Docdoom


Babylonin riippuvat puutarhat. Kirjailija: Lunar Eclipse


Asuinalue. Tekijä:

Pikselitaide(kirjoitettu ilman tavuviivaa) tai pikseligrafiikka- digitaalisen taiteen suunta, johon kuuluu kuvien luominen pikselitasolla (eli kuvan muodostava looginen vähimmäisyksikkö). Kaikki rasterikuvat eivät ole pikselitaidetta, vaikka ne kaikki koostuvat pikseleistä. Miksi? Koska loppujen lopuksi pikselitaiteen käsite ei kata niinkään tulosta kuin kuvituksen luomisprosessia. Pikseli pikseliltä, ​​ja siinä se. Jos otat digitaalisen valokuvan, pienennät sitä huomattavasti (jotta pikselit tulevat näkyviin) ja väität piirtäneensä sen tyhjästä, tämä on todellinen väärennös. Vaikka luultavasti löytyy naiiveja yksinkertaisia, jotka ylistävät sinua huolellisesta työstäsi.

Tällä hetkellä ei tiedetä, milloin tämä tekniikka syntyi, juuret ovat kadonneet jonnekin 1970-luvun alussa. Pienistä elementeistä kuvien sommittelutekniikka juontaa kuitenkin paljon muinaisempia taiteen muotoja, kuten mosaiikkeja, ristipistoja, maton kudontaa ja helmiä. Juuri ilmaisua "pikselitaide" pikselitaiteen määritelmänä käytettiin ensimmäisen kerran Adele Goldbergin ja Robert Flegalin artikkelissa Communications of the ACM -lehdessä (joulukuu 1982).

Pikselitaiteen laajin sovellus oli tietokonepeleissä, mikä ei ole yllättävää - se mahdollisti kuvien luomisen, jotka eivät vaatineet resursseja ja näyttivät todella kauniilta (samaan aikaan ne veivät taiteilijalta paljon aikaa ja vaativat tiettyjä taidot ja vaativat siksi hyvää palkkaa). Kukistusaikaa, kehityksen korkeinta kohtaa, kutsutaan virallisesti videopeleiksi toisen ja kolmannen sukupolven konsoleissa (1990-luvun alku). Jatkokehitys tekniikassa, ensimmäisten 8-bittisten värien ilmaantuminen ja sitten True Color, kolmiulotteisen grafiikan kehitys - kaikki tämä ajan myötä työnsi pikselitaiteen taustalle ja kolmannelle sijalle, ja sitten alkoi tuntua, että pikselitaide oli tullut loppuun.

Kummallista kyllä, Mr. Scientific and Technological Progress työnsi pikseligrafiikan viimeisille paikoille 90-luvun puolivälissä ja palautti sen myöhemmin peliin – esitteli mobiililaitteita maailmalle matkapuhelimien ja PDA-laitteiden muodossa. Loppujen lopuksi, olipa uusi laite kuinka hyödyllinen tahansa, sinä ja minä tiedämme, että jos et voi ainakaan pelata pasianssia sillä, se on arvoton. No, missä on matalaresoluutioinen näyttö, siellä on pikselitaidetta. Kuten he sanovat, tervetuloa takaisin.

Tietenkin erilaiset retrogradiset elementit näyttelivät rooliaan pikseligrafiikan paluussa, ja he halusivat olla nostalgisia vanhoista hyvistä lapsuuden peleistä sanoen: "Eh, he eivät tee sitä enää"; esteetit, jotka osaavat arvostaa pikselitaiteen kauneutta, ja indie-kehittäjät, jotka eivät huomaa moderneja graafisia kauneuksia (ja joskus, vaikka harvoin, eivät yksinkertaisesti osaa toteuttaa niitä omissa projekteissaan), siksi he veistävät pikselitaidetta. Mutta älkäämme silti alentako puhtaasti kaupallisia projekteja - sovelluksia mobiililaitteisiin, mainontaan ja verkkosuunnitteluun. Joten nyt pikselitaide, kuten sanotaan, on laajalle levinnyt kapeissa piireissä ja on ansainnut itselleen eräänlaisen taiteen "ei kaikille". Ja tämä huolimatta siitä, että se on erittäin helppokäyttöinen tavallisille ihmisille, koska tällä tekniikalla työskentelemiseen riittää, että sinulla on tietokone ja yksinkertainen grafiikkaeditori käsillä! (taito piirtää ei muuten haittaa myöskään) Sanoja riittää, mennään asiaan!

2. Työkalut.

Mitä tarvitset pikselitaiteen luomiseen? Kuten edellä sanoin, tietokone ja mikä tahansa pikselitasolla toimiva grafiikkaeditori riittää. Voit piirtää missä tahansa, jopa Game Boyssa, jopa Nintendo DS:ssä, jopa Microsoft Paintissa (toinen asia on, että piirtäminen jälkimmäisellä on erittäin hankalaa). Rasterieditoreja on laaja valikoima, monet niistä ovat ilmaisia ​​ja varsin toimivia, joten jokainen voi päättää ohjelmistosta itse.

Piirrän Adobe Photoshopilla, koska se on kätevää ja koska olen tehnyt sitä pitkään. En valehtele ja kerron hammasproteesiani mutisten, että "Muistan, että Photoshop oli vielä hyvin pieni, se oli Macintoshissa ja sen numero oli 1.0." Mutta muistan Photoshop 4.0:n (ja myös Macin). Siksi valintakysymys ei ole minulle koskaan ollut kysymys. Ja siksi, ei, ei, mutta annan suosituksia Photoshopista, varsinkin jos sen ominaisuudet auttavat merkittävästi yksinkertaistamaan luovuutta.

Tarvitset siis minkä tahansa graafisen editorin, jolla voit piirtää yhden neliöpikselin työkalulla (on myös ei-neliömäisiä pikseleitä, esimerkiksi pyöreitä, mutta emme ole niistä tällä hetkellä kiinnostuneita). Jos editori tukee mitä tahansa värisarjaa, hienoa. Jos sen avulla voit myös tallentaa tiedostoja, se on hienoa. Olisi mukavaa, jos hän osaisi työskennellä kerrosten kanssa, koska kun työskennellään melko monimutkaisen kuvan parissa, on helpompi järjestää sen elementit eri kerroksiin, mutta yleisesti ottaen tämä on tottumuksesta ja mukavuudesta.

Aloitetaanko? Odotatko luultavasti luetteloa salaisista tekniikoista, suosituksista, jotka opettavat sinulle pikselitaidetta? Mutta totuus on, että yleisesti ottaen ei ole mitään sellaista. Ainoa tapa oppia piirtämään pikselitaidetta on piirtää se itse, kokeilla, kokeilla, älä pelkää ja kokeile. Voit vapaasti toistaa muiden töitä, älä pelkää näyttää epäoriginaalilta (älä vain anna jonkun muun töitä omaksesi, hehe). Analysoi huolellisesti ja harkiten mestareiden (ei minun) teoksia ja piirrä, piirrä, piirrä. Useita hyödyllisiä linkkejä odottaa sinua artikkelin lopussa.

3. Yleiset periaatteet.

Silti on olemassa useita yleisiä periaatteita, joita ei ole haittaa tietää. Niitä on todella vähän, kutsun niitä "periaatteiksi" enkä lakeiksi, koska ne ovat enemmän suosituksia. Lopulta, jos onnistut piirtämään loistavan pikselitaidetta kaikki säännöt ohittaen - kuka niistä välittää?

Perusperiaate voidaan muotoilla seuraavasti: kuvan minimiyksikkö on pikseli, ja mikäli mahdollista, sommittelun kaikkien elementtien tulee olla siihen verrannollisia. Erotan sen: kaikki piirtämäsi koostuu pikseleistä, ja pikselin on oltava luettavissa kaikessa. Tämä ei tarkoita, että kuva ei voisi sisältää lainkaan elementtejä, esimerkiksi 2x2 pikseliä tai 3x3. Mutta silti on parempi rakentaa kuva yksittäisistä pikseleistä.

Piirustuksen viivan ja yleensä kaikkien viivojen tulee olla yhden pikselin paksuisia (harvinaisia ​​poikkeuksia lukuun ottamatta).

En sano ollenkaan, että tämä olisi väärin. Mutta se ei silti ole kovin kaunis. Ja jotta se olisi kaunis, muistetaan vielä yksi sääntö: piirrä ilman mutkia, pyöristä tasaisesti. On olemassa sellainen asia kuin kinks - fragmentit, jotka menevät pois yleisestä järjestyksestä, ne antavat viivoille epätasaisen, rosoisen ulkonäön (pikselitaiteilijoiden englanninkielisessä ympäristössä niitä kutsutaan jaggiesiksi):

Murtumat riistävät piirustuksen luonnollisen sileyden ja kauneuden. Ja jos fragmentit 3, 4 ja 5 ovat ilmeisiä ja helposti korjattavissa, muiden kanssa tilanne on monimutkaisempi - siellä ketjun yksittäisen kappaleen pituus katkeaa, se tuntuisi vähäpätöiseltä, mutta se on havaittavissa. Vaatii vähän harjoittelua oppiaksesi näkemään nämä paikat ja välttämään niitä. Kink 1 on pudonnut pois viivasta, koska se on yksi pikseliä - kun taas alueella, johon se lisättiin, viiva koostuu 2 pikselin segmenteistä. Päästäkseni eroon siitä pehmensin käyrän sisääntuloa mutkaan, pidensin yläosan 3 pikseliin ja piirsin koko viivan uudelleen 2 pikselin segmenttiin. Katkot 2 ja 6 ovat identtisiä toistensa kanssa - nämä ovat jo 2 pikselin pituisia fragmentteja yksittäisistä pikseleistä muodostetuilla alueilla.

Alkuperäinen joukko esimerkkejä vinoista suorista viivoista, jotka löytyvät melkein jokaisesta pikselitaiteen käsikirjasta (minun ei ole poikkeus), auttaa sinua välttämään tällaiset mutkit piirtäessäsi:

Kuten näet, suora viiva koostuu samanpituisista segmenteistä, joita on siirretty yhden pikselin verran piirrettäessä - vain tällä tavalla saavutetaan lineaarisuuden vaikutus. Yleisimmät rakennusmenetelmät ovat segmentin pituudeltaan 1, 2 ja 4 pikseliä (muitakin on, mutta esitettyjen vaihtoehtojen pitäisi riittää toteuttamaan melkein mikä tahansa taiteellinen idea). Näistä kolmesta suosituinta voidaan varmasti kutsua 2 pikselin segmentiksi: piirrä segmentti, siirrä kynää 1 pikselin verran, piirrä toinen segmentti, siirrä kynää 1 pikselin verran, piirrä toinen segmentti:

Ei vaikeaa, eihän? Tarvitset vain tavan. Kyky piirtää vinoja suoria viivoja 2 pikselin askelin auttaa isometriassa, joten tarkastelemme sitä tarkemmin ensi kerralla. Yleensä suorat viivat ovat hienoja - mutta vain siihen asti, kunnes syntyy tehtävä piirtää jotain ihmeellistä. Tässä tarvitaan käyriä ja monia erilaisia ​​käyriä. Ja otamme huomioon yksinkertaisen säännön kaarevien viivojen pyöristämiseksi: käyräelementtien pituuden tulisi pienentyä/lisätä vähitellen.

Poistuminen suoralta linjalta pyöristykseen tapahtuu sujuvasti, osoitin kunkin segmentin pituuden: 5 pikseliä, 3, 2, 2, 1, 1, jälleen 2 (jo pystysuorassa), 3, 5 ja niin edelleen. Asiassasi ei välttämättä käytetä samaa järjestystä, kaikki riippuu vaadittavasta sileydestä. Toinen esimerkki pyöristämisestä:

Jälleen vältämme taivutuksia, jotka pilaavat kuvan niin paljon. Jos haluat tarkistaa oppimaasi materiaalia, tässä minulla on tuntemattoman kirjoittajan piirtämä skin Winampille, tyhjä:

Piirustuksessa on vakavia virheitä ja yksinkertaisesti epäonnistuneita pyöristyksiä ja mutkia - yritä korjata kuvaa sen perusteella, mitä jo tiedät. Siinä kaikki, mitä minulla on viivojen kanssa, ehdotan, että piirrät vähän. Ja älä anna esimerkkien yksinkertaisuuden hämmentää sinua, voit oppia piirtämään vain piirtämällä - jopa yksinkertaisimmat asiat.

4.1. Piirrä pullo elävää vettä.

1. Esineen muoto, sinun ei tarvitse käyttää värejä toistaiseksi.

2. Punainen neste.

3. Muuta lasin väri siniseksi, lisää varjostetut alueet kuplan sisään ja vaalea alue nesteen aiotulle pinnalle.

4. Lisää kuplan valkoisia kohokohtia ja 1 pikselin leveä tummanpunainen varjo kuplan seinämiä reunustaville nestealueille. Näyttää aika hyvältä, vai mitä?

5. Samoin piirrämme pullon sinisellä nesteellä - tässä samanväristä lasia, plus kolme sinisen sävyä nestettä varten.

4.2. Vesimelonin piirtäminen.

Piirretään ympyrä ja puoliympyrä - tästä tulee vesimeloni ja leikattu viipale.

2. Merkitään itse vesimeloniin ja viipaleeseen leikkaus – kuoren ja hedelmälihan välinen raja.

3. Täyttö. Värit paletista, keskivihreä on kuoren väri, keskipunainen on massan väri.

4. Merkitään siirtymäalue kuoresta massaan.

5. Vesimelonissa vaaleat raidat (lopulta se näyttää itseltään). Ja tietysti siemenet! Jos ristät vesimelonin torakoiden kanssa, ne ryömivät pois itsestään.

6. Tuomme sen mieleen. Käytämme vaaleanpunaista väriä osoittamaan kohokohdat osion siementen yläpuolella, ja asettamalla pikselit shakkitaulukuvioon saamme aikaan jonkin verran äänenvoimakkuuden vaikutelmaa leikatusta segmentistä (menetelmää kutsutaan ditheringiksi, siitä lisää myöhemmin ). Käytämme tummanpunaista väriä osoittamaan varjostetut alueet vesimelonin osassa ja tummanvihreää sävyä (jälleen shakkitaulupikseleitä) lisäämään itse vesimelonin tilavuutta.

5. Dathering.

Dithering tai blending on tekniikka, jossa sekoitetaan pikseleitä kahdella vierekkäisellä erivärisellä alueella ehdottomasti järjestetyllä (ei aina) tavalla. Yksinkertaisin, yleisin ja tehokkain tapa on vaihtaa pikseleitä shakkitaulukuviossa:

Tekniikka syntyi teknisten rajoitusten ansiosta (tai pikemminkin huolimatta) - alustoilla, joilla on rajallinen paletti, dithering mahdollisti sekoittamalla kahden eri värin pikseleitä kolmannen, joka ei ollut paletissa:

Nyt, rajattomien teknisten mahdollisuuksien aikakaudella, monet sanovat, että ditherin tarve on kadonnut itsestään. Sen oikea käyttö voi kuitenkin antaa työllesi tyypillisen retrotyylin, joka on tunnistettavissa kaikille vanhojen videopelien faneille. Henkilökohtaisesti pidän ditheringin käytöstä. En ole kovin hyvä siinä, mutta silti rakastan sitä.

Kaksi muuta vaihtoehtoa:

Mitä sinun tulee tietää ditheringistä voidaksesi käyttää sitä. Sekoitusalueen vähimmäisleveyden on oltava vähintään 2 pikseliä (samat ruudulliset viivat). Lisää on mahdollista. On parempi olla tekemättä vähemmän.

Alla on esimerkki epäonnistuneesta värähtelystä. Huolimatta siitä, että samanlainen tekniikka löytyy usein videopelien spriteistä, sinun on oltava tietoinen siitä, että television näyttö tasoitti kuvaa huomattavasti, ja tällainen kampa, jopa liikkeessä, ei ollut silmällä:

No, teoriaa riittää. Suosittelen harjoittelemaan vähän enemmän.

Pikselitaidetta voidaan piirtää missä tahansa rasterigrafiikan kanssa työskentelevässä ohjelmassa, se on henkilökohtaisten mieltymysten ja kokemuksen asia (sekä tietysti taloudellisista mahdollisuuksista). Jotkut käyttävät yksinkertaisinta Paintia, minä teen sen Photoshopissa - koska ensinnäkin olen työskennellyt siinä pitkään, ja toiseksi viihdyn siellä paremmin. Kun päätin kokeilla ilmaista Paint.NETiä, en pitänyt siitä - se on kuin autossa, jos tunnistat ulkomaisen auton automaattivaihteistolla, et todennäköisesti pääse Zaporozhetsiin. Työnantajani tarjoaa minulle lisensoituja ohjelmistoja, joten omatuntoni on puhdas Adobe-konsernin edessä... Vaikka he veloittavat ohjelmistaan ​​käsittämättömiä hintoja, ja he palavat helvettiin tästä.

1. Valmistautuminen työhön.

Luo uusi asiakirja millä tahansa asetuksilla (leveys 60, korkeus 100 pikseliä). Pikselitaiteilijan päätyökalu on kynä ( Kynä työkalu, kutsutaan pikanäppäimellä B). Jos sivellin (ja siveltimen kuvake) on käytössä työkalupalkissa, vie hiiri sen päälle, napsauta ja pidä L.M.B.– Näkyviin tulee pieni pudotusvalikko, josta sinun tulee valita kynä. Aseta kynän kooksi 1 pikseli (vasemmalla yläpaneelissa on pudotusvalikko Harjata):

Pikselitaide aloittelijoille. | Johdanto.

Pikselitaide aloittelijoille. | Johdanto.

Muutama hyödyllinen yhdistelmä. " Ctrl+" ja " Ctrl-"zoomaa kuvaa sisään ja ulos. On myös hyödyllistä tietää, että painaminen Ctrl ja " (kalanruotolainaukset tai venäläinen avain " E") kytkee ruudukon päälle ja pois, mikä on suuri apu pikselitaidetta piirtäessä. Ruudukkovälit tulee myös säätää sinulle sopivaksi. Joidenkin mielestä se on 1 pikselin leveys; Napsauta Ctrl+K(tai mene osoitteeseen Muokata->Asetukset), mene asiaan Oppaat, ruudukko ja viipaleet ja asenna Ruudukko 1 pikselin välein(Toistan, 2 on minulle kätevämpi).

2. Piirustus.

Lopulta aloitamme piirtämisen. Miksi luoda uusi taso ( Ctrl+Shift+N), vaihda mustaan ​​kynän väriin (paina D asettaa oletusvärit, musta ja valkoinen) ja piirrä hahmon pää, minun tapauksessani se on tämä symmetrinen ellipsi:

Pikselitaide aloittelijoille. | Johdanto.


Pikselitaide aloittelijoille. | Johdanto.

Sen ala- ja yläpohjat ovat 10 pikseliä pitkiä, sitten on 4 pikselin segmentit, kolme, kolme, yksi, yksi ja pystysuora 4 pikseliä korkea viiva. Photoshopissa suoria viivoja on kätevä piirtää Siirtää, vaikka kuvan mittakaava pikselitaiteessa on minimaalinen, tämä tekniikka säästää joskus paljon aikaa. Jos teit virheen ja piirsit liikaa, menit pieleen – älä ole järkyttynyt, vaihda pyyhekumityökaluun ( Myös pyyhekumi l tai ""-näppäin E") ja poista tarpeettomat. Kyllä, muista asettaa pyyhekumi myös kynän kooksi 1 pikseli, jotta se pyyhkii pikseli kerrallaan, ja kynätila ( Tila: Lyijykynä), muuten se pesee väärän tuotteen. Vaihdan takaisin kynään, haluan muistuttaa sinua " B»

Yleensä tätä ellipsiä ei ole piirretty tiukasti pikselitaiteen sääntöjen mukaan, mutta taiteellinen konsepti vaatii sen. Koska tämä on tuleva pää, siinä on silmät, nenä, suu - tarpeeksi yksityiskohtia, jotka lopulta kiinnittävät katsojan huomion ja vähentävät halua kysyä, miksi pää on niin epäsäännöllisen muotoinen.

Jatkamme piirtämistä lisäämällä nenän, viikset ja suun:

Pikselitaide aloittelijoille. | Johdanto.

Pikselitaide aloittelijoille. | Johdanto.

Nyt silmät:

Pikselitaide aloittelijoille. | Johdanto.

Pikselitaide aloittelijoille. | Johdanto.

Huomaa, että näin pienessä mittakaavassa silmien ei tarvitse olla pyöreitä - minun tapauksessani ne ovat neliöitä, joiden sivun pituus on 5 pikseliä, joissa kulmapisteitä ei ole piirretty sisään. Kun ne palautetaan alkuperäiseen mittakaavaan, ne näyttävät melko pyöreiltä, ​​ja pallomaisuuden vaikutelmaa voidaan vahvistaa varjojen avulla (lisää tästä myöhemmin, katso oppitunnin 3. osa). Toistaiseksi säädän hieman pään muotoa poistamalla pari pikseliä yhdestä paikasta ja lisäämällä ne toiseen:

Pikselitaide aloittelijoille. | Johdanto.

Pikselitaide aloittelijoille. | Johdanto.

Piirrämme kulmakarvat (ei ok, että ne roikkuvat ilmassa - se on minun tyylini) ja kasvopoimut suun kulmiin, mikä tekee hymystä ilmeisemmän:

Pikselitaide aloittelijoille. | Johdanto.

Pikselitaide aloittelijoille. | Johdanto.

Kulmat eivät näytä vielä kovin hyviltä, ​​yksi pikselitaiteen säännöistä sanoo, että jokainen viivan pikseli ja elementit voivat joutua kosketuksiin enintään kahden vierekkäisen pikselin kanssa. Mutta jos tutkit huolellisesti spritejä 80-luvun lopun ja 90-luvun alun peleistä, tämä virhe löytyy melko usein. Johtopäätös - jos et pysty, mutta todella haluat, niin voit. Tämä yksityiskohta voidaan toistaa myöhemmin täytön aikana varjojen avulla, joten jatketaan nyt piirtämistä. Torso:

Pikselitaide aloittelijoille. | Johdanto.

Pikselitaide aloittelijoille. | Johdanto.

Älä kiinnitä toistaiseksi huomiota nilkoihin, se näyttää hankalalta, korjaamme sen kun aloitamme täyttämisen. Pieni korjaus: lisää vyö ja taitteet nivusalueelle ja korosta myös polvinivelet (käyttäen pieniä 2 pikselin fragmentteja, jotka ulkonevat jalkalinjasta):

Pikselitaide aloittelijoille. | Johdanto.

Pikselitaide aloittelijoille. | Johdanto.

3. Täyttö.

Jokaiselle hahmon elementille riittää meille toistaiseksi kolme väriä - päätäyttöväri, varjon väri ja viivan väri. Yleensä voit neuvoa paljon väriteoriasta pikselitaiteessa alkuvaiheessa, älä epäröi vakoilla mestareiden töitä ja analysoida tarkasti, kuinka he valitsevat värit. Jokaisen elementin viiva voidaan tietysti jättää mustaksi, mutta tässä tapauksessa elementit sulautuvat mieluummin itsenäisiin väreihin, jotka ovat samanlaisia ​​kuin elementin pääväri, mutta joilla on alhainen kylläisyys. Kätevin tapa on piirtää pieni paletti jonnekin hahmosi lähelle ja ottaa siitä sitten värit pipettityökalulla ( Pipettityökalu, I):

Kun olet valinnut haluamasi värin, aktivoi kauhatyökalu ( Maalikauha, G). Muista myös poistaa Anti-alias-toiminto asetuksista, jotta täyttö toimii selkeästi piirretyissä ääriviivoissa, emmekä ylitä niitä:

Pikselitaide aloittelijoille. | Johdanto.


Pikselitaide aloittelijoille. | Johdanto.

Täytämme hahmomme, jos emme voi täyttää, piirrämme sen käsin lyijykynällä.

Pikselitaide aloittelijoille. | Johdanto.

Pikselitaide aloittelijoille. | Johdanto.

Kiinnitä huomiota nilkoihin - koska nämä alueet ovat vain 2 pikseliä paksuja, jouduin luopumaan vedosta molemmilta puolilta ja piirsin sen vain tarkoitetulle varjopuolelle jättäen päävärin yhden pikselin paksuisen viivan. Huomaa myös, että jätin kulmakarvat mustiksi, vaikka tällä ei olekaan väliä.

Photoshopissa on kätevä värinvalintaominaisuus ( Valitse-> Värivalikoima, pistämällä pipetin haluttuun väriin, saamme valikoiman kaikista samanvärisistä alueista ja mahdollisuuden täyttää ne välittömästi, mutta tätä varten tarvitset hahmosi elementtien olevan eri kerroksilla, joten toistaiseksi pitää tätä toimintoa hyödyllisenä kokeneille Photoshop-käyttäjille):

Pikselitaide aloittelijoille. | Johdanto.


Pikselitaide aloittelijoille. | Johdanto.

4. Varjo ja häivytys.

Valitse nyt varjon värit ja vaihda kynään ( B) asettele varjoisat paikat varovasti. Minun tapauksessani valonlähde on jossain vasemmalla ja ylhäällä, hahmon edessä - siksi osoitamme oikeat puolet varjolla painotuksella alaspäin. Kasvot ovat varjorikkaimmat, koska siellä on monia pieniä elementtejä, jotka erottuvat kohokuvioituina toiselta puolelta varjon avulla, ja toisaalta he itse luovat varjon (silmät, nenä, kasvopoimut):

Pikselitaide aloittelijoille. | Johdanto.

Pikselitaide aloittelijoille. | Johdanto.

Varjo on erittäin tehokas visuaalinen laite. Hyvin suunnitellulla varjolla on positiivinen vaikutus hahmon ulkonäköön - ja vaikutelmaan, jonka hän saa katsojaan. Pikselitaiteessa yksikin väärään paikkaan sijoitettu pikseli voi tuhota koko teoksen, kun taas näennäisesti pienet säädöt voivat tehdä kuvasta paljon kauniimman.

Mitä tulee närästystä Ja kuvassa, jossa on niin pienet mitat, hän on mielestäni täysin tarpeeton. Itse menetelmä koostuu kahden vierekkäisen värin "sekoittamisesta", mikä saavutetaan porrastamalla pikseleitä. Kuitenkin, jotta saisit käsityksen tekniikasta, esittelen silti pieniä sekoitusalueita housuissa, paidassa ja hieman kasvoissa:

Pikselitaide aloittelijoille. | Johdanto.

Pikselitaide aloittelijoille. | Johdanto.

Yleensä, kuten näet, ei mitään erityisen monimutkaista. Pikselitaide Se tekee siitä niin houkuttelevan, että hallittuaan joitain kuvioita kuka tahansa osaa piirtää itse hyvin - yksinkertaisesti tutkimalla huolellisesti mestareiden töitä. Vaikka kyllä, piirtämisen ja väriteorian perusteiden tunteminen ei silti haittaa. Mene siihen!

Tänä aamuna Internetiä selaillessani halusin kirjoittaa postauksen Pixel Artista, ja materiaalia etsiessäni löysin nämä kaksi artikkelia.

Pixel Art (pikselgrafiikka) on erittäin suosittu peleissä nykyäänkin, ja tähän on useita syitä!

Joten mikä tekee Pixel Artista kiehtovan:

  1. Havainto. Pixel Art näyttää upealta! Jokaisesta spriten yksittäisestä pikselistä voidaan sanoa paljon.
  2. Nostalgia. Pixel Art tuo takaisin suuren nostalgisen tunteen pelaajille, jotka ovat varttuneet pelaamalla Nintendoa, Super Nintendoa tai Genesistä (kuten minä!)
  3. Helppo oppia. Pixel Art on yksi helpoimmin opittavasta digitaalisen taiteen muodoista, varsinkin jos olet enemmän ohjelmoija kuin taiteilija ;]

Haluatko siis kokeilla käsiäsi Pixel Artissa? Seuraa sitten kanssani, kun näytän sinulle kuinka luoda yksinkertainen mutta tehokas pelihahmo, jota voit käyttää omassa pelissäsi! Lisäksi bonuksena katsomme, kuinka se integroidaan iPhone-peleihin!

Jotta voit oppia onnistuneesti, tarvitset Adobe Photoshopin. Jos sinulla ei ole sitä, voit ladata ilmaisen kokeiluversion Adoben verkkosivustolta tai torrentista.

Mikä on Pixel Art?

Ennen kuin aloitamme, selvennetään, mitä Pixel Art on, koska se ei ole niin ilmeistä kuin luulisi. Helpoin tapa määritellä, mikä on Pixel Art, on määrittää, mitä se ei ole, nimittäin: mikä tahansa, missä pikseleitä luodaan automaattisesti. Tässä on joitain esimerkkejä:

Kaltevuus: Valitse kaksi väriä ja laske niiden välissä olevien pikselien väri. Näyttää siistiltä, ​​mutta se ei ole Pixel Art!

Sumennustyökalu: Pikselien tunnistaminen ja niiden kopioiminen/muokkaus uuden version luomiseksi aiemmasta kuvasta. Jälleen, ei pikselitaidetta.

Sileä työkalu(Periaatteessa uusien pikseleiden luominen eri väreissä, jotta jotain "tasaista"). Sinun on vältettävä niitä!

Jotkut sanovat, että edes automaattisesti luodut värit eivät ole Pixel Art, koska ne vaativat kerroksen tehosteiden sekoittamista varten (pikseleiden sekoittaminen kahden kerroksen välillä tietyn algoritmin mukaan). Mutta koska useimmat laitteet nykyään käsittelevät miljoonia värejä, tämä väite voidaan jättää huomiotta. Muutaman värin käyttäminen on kuitenkin hyvä käytäntö Pixel Artissa.

Muita työkaluja mm (viiva) tai maalikauhan työkalu(Paint Bucket) luo myös automaattisesti pikseleitä, mutta koska voit asettaa ne olemaan antialiasoimatta täyttämiäsi pikseleitä, näitä työkaluja pidetään Pixel Art -ystävällisinä.

Näin ollen havaitsimme, että Pixel Art vaatii paljon huomiota sijoittaessaan jokaisen pikselin spriteen, useimmiten manuaalisesti ja rajoitetulla väripaletilla. Mennään nyt töihin!

Aloittaminen

Ennen kuin aloitat ensimmäisen Pixel Art -sisältösi valmistamisen, sinun tulee tietää, että Pixel Artia ei voi skaalata. Jos yrität vähentää sitä, kaikki näyttää epäselvältä. Jos yrität lähentää sitä, kaikki näyttää hyvältä, kunhan käytät kahden zoomin kerrannaista (mutta se ei tietenkään ole terävä).

Tämän ongelman välttämiseksi sinun on ensin ymmärrettävä, kuinka suuri pelihahmosi tai pelielementtisi tulisi olla, ja sitten ryhdyttävä töihin. Useimmiten tämä perustuu kohdistamasi laitteen näytön kokoon ja siihen, kuinka monta "pikseliä" haluat nähdä.

Jos esimerkiksi haluat pelin näyttävän kaksi kertaa suuremmalta iPhone 3GS:n näytöllä ("Kyllä, haluan todella antaa pelilleni pikselöidyn retro-ilmeen!"), jonka näytön resoluutio on 480x320 pikseliä, sinun on Tässä tapauksessa se on 240 x 160 pikseliä.

Avaa uusi Photoshop-asiakirja ( Tiedosto → Uusi…) ja aseta koko pelinäytön kokoiseksi ja valitse sitten hahmosi koko.

Jokainen solu on 32x32 pikseliä!

Valitsin 32x32 pikseliä, ei vain siksi, että se sopii täydellisesti valittuun näyttökokoon, vaan myös siksi, että 32x32 pikseliä on myös 2:n kerrannainen, mikä on kätevää lelumoottoreille (laattojen koot ovat usein 2:n kerrannaisia, tekstuurit on kohdistettu 2:n kerrannaiseksi, jne.

Vaikka käyttämäsi moottori tukee mitä tahansa kuvakokoa, voit aina yrittää työskennellä parillisella määrällä pikseleitä. Tässä tapauksessa, jos kuvaa pitää skaalata, koko jakautuu paremmin, mikä lopulta johtaa parempaan suorituskykyyn.

Pixel Art -hahmon piirtäminen

Pixel Artin tiedetään olevan selkeää ja helposti luettavaa grafiikkaa: voit määrittää kasvojen piirteet, silmät, hiukset ja ruumiinosat muutamalla pisteellä. Kuvan koko tekee sen kuitenkin vaikeaksi: mitä pienempi hahmosi, sitä vaikeampaa on piirtää. Käytännöllisemmin valitse pienin luonteenpiirre. Valitsen aina silmät, koska ne ovat yksi parhaista tavoista tuoda hahmoon eloa.

Valitse Photoshopissa Kynä työkalu(kynätyökalu). Jos et löydä sitä, paina ja pidä työkalua painettuna Harjatyökalu(Brush Tool) ja näet sen heti (sen pitäisi olla luettelossa toinen). Sinun tarvitsee vain muuttaa sen koko 1 kuvapisteeseen (voit napsauttaa työkalun asetuspalkkia ja muuttaa sen kokoa tai vain pitää [-näppäintä painettuna).

Tarvitset myös Poista työkalu(Eraser Tool), joten napsauta sitä (tai paina E) ja muuta sen asetuksia valitsemalla avattavasta luettelosta Tila:(Tila:) Lyijykynä(Pynä) (koska tässä tilassa ei ole antialiasointia).

Aloitetaan nyt pikseloiminen! Piirrä kulmakarvat ja silmät alla olevan kuvan mukaisesti:


hei! Olen pikseloitunut!!

Voit aloittaa jo Lineartilla, mutta käytännöllisempi tapa on piirtää hahmon siluetti. Hyvä uutinen on, että sinun ei tarvitse olla ammattilainen tässä vaiheessa, vaan yritä kuvitella kehon osien kokoa (pää, vartalo, kädet, jalat) ja hahmon aloitusasento. Kokeile jotain tällaista harmaana:


Sinun ei tarvitse olla ammattilainen tässä vaiheessa
Huomaa, että jätin myös tyhjää tilaa. Sinun ei todellakaan tarvitse täyttää koko kangasta, vaan jätä tilaa tuleville kehyksille. Tässä tapauksessa on erittäin hyödyllistä säilyttää sama kangaskoko kaikille.

Kun olet viimeistellyt siluetin, on aika . Nyt sinun on oltava varovaisempi pikselien sijoittelussa, joten älä ole huolissasi vaatteista, panssarista jne. Varmuuden vuoksi voit lisätä uuden kerroksen, jotta et koskaan menetä alkuperäistä siluettiasi.


Jos sinusta tuntuu, että kynätyökalu on liian hidas piirtämiseen, voit aina käyttää sitä (Line Tool), muista vain, että et pysty sijoittamaan pikseleitä niin tarkasti kuin kynällä. Sinun on määritettävä kuten alla näkyy:

Valitse , painamalla ja pitämällä Suorakaide työkalu(Suorakulmiotyökalu)

Siirry työkalun asetuspaneeliin avattavasta luettelosta Valitse työkalutila(Path Tracing Mode) valitse Pixel , vaihda Paino(Paksuus) arvoon 1 kuvapiste (jos ei ole jo tehty) ja poista valinta Anti-alias(Pisoitus). Näin sinun pitäisi olla:

Huomaa, että en tehnyt jalkojen pohjapiirroksia. Tämä on valinnainen, koska jalat eivät ole niin tärkeä osa jalkoja korostettaviksi, ja tämä säästää yhden pikselirivin kankaalle.

Värien ja varjojen levittäminen

Nyt olet valmis aloittamaan hahmomme värittämisen. Älä huolehdi oikeiden värien valinnasta, ne on erittäin helppo vaihtaa myöhemmin, varmista vain, että jokaisella on "oma värinsä". Käytä välilehden oletusvärejä Swatchit(Ikkuna → Värimallit).

Väritä hahmosi alla olevan kuvan mukaisesti (mutta ole vapaasti luova ja käytä omia värejäsi!)


Hyvä kontrastiväri parantaa sisältösi luettavuutta!
Huomaa, että en ole vielä hahmotellut vaatteita tai hiuksia. Muista aina: säästä mahdollisimman monta pikseliä tarpeettomista ääriviivoista!

Sinun ei tarvitse tuhlata aikaa jokaisen pikselin maalaamiseen. Nopeuta työtäsi käyttämällä samanvärisiä viivoja tai Maalauskauhan työkalu(Paint Bucket Tool) täyttääksesi aukot. Muuten, sinun on myös määritettävä se. Valitse Maalauskauhan työkalu työkalupalkissa (tai paina vain G-näppäintä) ja muuta Toleranssi(Toleranssi) arvoon 0 ja poista myös valinta Anti-alias(Pisoitus).

Jos joskus tarvitsee käyttää Taikasauva työkalu(Magic Wand Tool) - erittäin hyödyllinen työkalu, joka valitsee kaikki pikselit samalla värillä ja määrittää sen sitten samalla tavalla kuin "Paint Bucket" -työkalu - ei toleranssia ja anti-aliasointia.

Seuraava vaihe, joka vaatii sinulta jonkin verran tietoa, on väistäminen ja varjostaminen. Jos sinulla ei ole tietoa kuinka näyttää valot ja pimeät puolet, niin alla annan sinulle lyhyet ohjeet. Jos sinulla ei ole aikaa tai halua tutkia sitä, voit ohittaa tämän vaiheen ja siirtyä "Spice Up Your Palette" -osioon, koska loppujen lopuksi voit tehdä varjostuksestasi samanlaisen kuin esimerkissäni!


Käytä samaa valonlähdettä koko materiaalille

Yritä antaa sille sellaiset muodot kuin haluat/voit, koska sen jälkeen omaisuus alkaa näyttää mielenkiintoisemmalta. Nyt näet esimerkiksi nenän, rypistyneet silmät, hiusmopin, ryppyjä housuissa jne. Voit myös lisätä siihen vaaleat täplät, se näyttää vielä paremmalta:


Käytä samaa valonlähdettä varjostuksessa

Ja nyt, kuten lupasin, pieni opas valoon ja varjoihin:

Mausta palettiasi

Monet ihmiset käyttävät paletin oletusvärejä, mutta koska monet ihmiset käyttävät näitä värejä, voimme nähdä ne monissa peleissä.

Photoshopin vakiopaletissa on laaja valikoima värejä, mutta siihen ei kannata luottaa liikaa. Paras tapa tehdä omia värejäsi on napsauttaa työkalupalkin alareunassa olevaa pääpalettia.

Valitse sitten Värinvalitsin-ikkunassa oikeasta sivupalkista väri ja pääalueelta haluamasi kirkkaus (vaaleampi tai tummempi) ja kylläisyys (kirkkaampi tai himmeämpi).


Kun olet löytänyt haluamasi, napsauta OK ja määritä Paint Bucket -työkalu uudelleen. Älä huoli, voit poistaa valinnan vierekkäisestä ruudusta ja kun maalaat uudella värillä, myös kaikki uudet pikselit samalla taustavärillä täytetään.

Tämä on toinen syy, miksi on tärkeää työskennellä pienellä määrällä värejä ja käyttää aina samaa väriä samalle elementille (paidat, hiukset, kypärä, panssari jne.). Mutta muista käyttää eri värejä muille alueille, muuten piirustuksemme on liian ylivärjäytynyt!

Poista valinta "Contiguous"-kohdasta, jos haluat täyttää valitut pikselit samalla värillä

Vaihda värejä, jos haluat, ja saat hohdokkaamman hahmovärin! Voit jopa värittää ääriviivat uudelleen, varmista vain, että ne sulautuvat hyvin taustaan.


Tee lopuksi taustaväritesti: luo hahmosi alle uusi kerros ja täytä se eri väreillä. Tällä varmistetaan, että hahmosi näkyy vaaleaa, tummaa, lämmintä ja viileää taustaa vasten.


Kuten jo näet, olen poistanut anti-aliasingin käytöstä kaikissa tähän mennessä käyttämissäni työkaluissa. Älä unohda tehdä tätä myös muissa työkaluissa, esim. Elliptinen teltta(Ovaali teltta) ja Lasso(Lasso).

Näillä työkaluilla voit helposti muuttaa valittujen osien kokoa tai jopa kiertää niitä. Voit tehdä tämän valitsemalla alueen millä tahansa valintatyökalulla (tai painamalla M), napsauttamalla hiiren kakkospainikkeella ja valitsemalla Ilmainen muunnos(Vapaa muunnos) tai paina Ctrl + T. Voit muuttaa valitun alueen kokoa vetämällä yhtä muunnoskehyksen kehän ympärillä olevista kahvoista. Jos haluat muuttaa valinnan kokoa mittasuhteita säilyttäen, pidä Shift-näppäintä painettuna ja vedä yhtä kulmakahvoista.

Photoshop kuitenkin tasoittaa automaattisesti kaiken, mitä on muokattu käyttämällä Ilmainen muunnos joten ennen muokkaamista siirry kohtaan Muokkaa → Asetukset → Yleiset(Ctrl + K) ja muuta Kuvan interpolointi(Kuvan interpolointi) päällä Lähin naapuri(Lähin naapuri). Pähkinänkuoressa, milloin Lähin naapuri uusi sijainti ja koko lasketaan hyvin karkeasti, ilman uusia värejä tai peittävyyttä ja säilyttäen valitsemasi värit.


Pixel Artin integrointi iPhone-peleihin

Tässä osiossa opit integroimaan pikselitaidemme iPhone-peliin Cocos2d-pelikehyksen avulla. Miksi harkitsen vain iPhonea? Koska Unitya koskevien artikkelien (esimerkiksi: , tai Unity 2D:n Jetpack Joyride -tyylinen peli) ansiosta tiedät jo, kuinka työskennellä heidän kanssaan Unityssa, ja Crafty-artikkeleista (Selainpelit: Snake) ja Impact (Johdatus selainpelien luomiseen Impactissa) opit lisäämään niitä kankaalle ja luomaan selainpelejä.

Jos olet uusi Cocos2D:ssä tai iPhone-sovelluskehityksessä yleensä, suosittelen, että aloitat jollakin Cocos2d- ja iPhone-opetusohjelmista. Jos sinulla on Xcode ja Cocos2d asennettuna, lue eteenpäin!

Luo uusi projekti iOS → cocos2d v2.x → cocos2d iOS-malli, anna sille nimi PixelArt ja valitse laitteeksi iPhone. Vedä luotu pikselikuva, esimerkiksi: sprite_final.png projektiisi ja avaa sitten HelloWorldLayer.m ja korvaa alustusmenetelmä seuraavalla:

-(id) init ( if((itse=)) ( CCSprite * sankari = ; sankari.position = ccp(96, 96); sankari.flipX = KYLLÄ; ; ) palauta itse; )

Asetamme spriten näytön vasemmalle puolelle ja käännämme sitä niin, että se on oikealle. Käännä, suorita ja sitten näet spritesi näytöllä:


Muista kuitenkin, että kuten aiemmin tässä opetusohjelmassa puhuimme, halusimme lisätä pikselien skaalaa keinotekoisella tavalla, jotta jokainen pikseli erottuisi huomattavasti muista. Joten lisää tämä uusi rivi alustusmenetelmään:

Hero.scale = 2,0;

Ei mitään monimutkaista, eikö? Kokoa, suorita ja... odota, spritimme on epäselvä!

Tämä johtuu siitä, että oletusarvoisesti Cocos2d tasoittaa piirustuksen skaalattaessa sitä. Emme tarvitse tätä, joten lisää seuraava rivi:

Tämä linja määrittää Cocos2d:n skaalaamaan kuvat ilman anti-aliasointia, joten kaverimme näyttää edelleen "pikseloidulta". Käännä, suorita ja... kyllä, se toimii!


Huomaa Pixel Art -grafiikan käytön edut - voimme käyttää pienempää kuvaa kuin mitä näytöllä näkyy, mikä säästää paljon pintakuviomuistia. Meidän ei tarvitse edes tehdä erillisiä kuvia verkkokalvonäytöille!

Mitä seuraavaksi?

Toivottavasti pidit tästä opetusohjelmasta ja opit hieman lisää pikselitaiteesta! Ennen eroa haluan antaa sinulle muutaman neuvon:

  • Yritä aina välttää antialiasoinnin, liukuvärien tai liian monien värien käyttöä resursseissasi. Tämä on sinun eduksesi, varsinkin jos olet vielä aloittelija.
  • Jos haluat TODELLA jäljitellä retrotyyliä, katso 8- tai 16-bittisten konsolipelien taideteoksia.
  • Jotkut tyylit eivät käytä tummia ääriviivoja, toiset eivät ota huomioon valon tai varjon vaikutuksia. Kaikki riippuu tyylistä! Emme piirtäneet opetusohjelmassamme varjoja, mutta se ei tarkoita, että sinun ei pitäisi käyttää niitä.

Aloittelijalle Pixel Art näyttää helpoimmalta grafiikalta oppia, mutta todellisuudessa se ei ole niin yksinkertaista kuin miltä näyttää. Paras tapa parantaa taitojasi on harjoitella, harjoitella, harjoitella. Suosittelen, että julkaiset työsi Pixel Art -foorumeilla, jotta muut taiteilijat voivat antaa sinulle neuvoja – se on loistava tapa parantaa tekniikkaasi! Aloita pienestä, harjoittele paljon, hanki palautetta ja voit luoda uskomattoman pelin, joka tuo sinulle paljon rahaa ja iloa!

Pixel Art (Pixel Art) - käännetty englannista pikselitaideeksi. Pikseli puolestaan ​​on digitaalisen kuvan pienin graafinen elementti.

Pixel Art tarkoittaa siis kirjaimellisesti pikseleillä piirtämistä.

Selvyyden vuoksi katsotaanpa tätä esimerkkiä:

Owlboy (pikselitaidepeli)

Tältä näyttävät pelit, joissa on Pixel Art -tyylinen grafiikka.

Hyvin usein tällaista grafiikkaa käytetään indiepeleissä, koska niissä on hyvin tunnistettava tietokonepelityyli.

Pixel Art ei kuitenkaan tarkoita vain grafiikkaa, spritejä ja kuvia peleihin, tämä on koko digitaalisen ja graafisen taiteen suunta.

Kauniita kuvia voidaan piirtää pikselitaidetta käyttämällä:


Et sekoita tätä retrograafista tyyliä mihinkään.

Jotkut tämän tyyliset maalaukset ovat varsin arvoisia sijoitettavaksi työpöydällesi.


On myös erittäin hienoja taiteilijoita, jotka työskentelevät tällä tyylillä.

Katso tätä kuvaa. Jokainen pikseli tässä piirrettiin erikseen ja manuaalisesti. Se on kuin mosaiikin kokoamista, kuten ennenkin, ja tekevät sitä edelleen.

Jos suurennamme tätä kuvaa, voimme nähdä kuinka kaikki on tehty läheltä:

Pikselitaiteen ainutlaatuinen tyyli on, että siinä on melko selkeät värisiirtymät eikä anti-aliasointia. Otetaan esimerkiksi toinen digitaalisen grafiikan teos, joka on melko keskitasoa, katso tämä piirustus tytöstä, jolla on silmälasit(18+) blogissa www.econdude.pw.

Tämä on piirustus tietokoneen hiirellä SAI2.0-ohjelmassa.

Jos kuitenkin lähennät tätä kuvaa, näet antialiasoinnin:

Selkeitä värien ja sävyjen siirtymiä ei ole, mutta pikselitaiteella siirtymät ovat selkeitä.

Katso esimerkiksi, kuinka voit tehdä siirtymiä värien välillä pikselitaiteessa:

Tämä on likimääräinen kuva, jos katsot sitä kaukaa korkealla resoluutiolla, värisiirtymä on melko tasainen, mutta tyylin selkeys ja johdonmukaisuus näkyy tässä.

Tässä on toinen esimerkki, tämä on melko klassinen suolakurkkutaidetyylinen piirros:

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

Kun pääset lähelle, kuvat eivät näytä kovin kauniilta, mutta jos katsot pikselitaidetta kaukaa korkeammalla resoluutiolla, se voi näyttää upealta.

Voitteko kuvitella, kuinka suurenmoista työtä tällaiset taiteilijat tekevät?

Joskus he sanovat, että Pixel Art tehdään tällä tavalla, koska se on halvempaa, he sanovat, että indie-kehittäjillä ei yksinkertaisesti ole resursseja luoda nykyaikaista 3D-grafiikkaa, joten he käyttävät yksinkertaisinta, mitä voivat ajatella, piirtämistä perusasioissa. graafiset editorit pikseliä.

Jokainen, joka on piirtänyt mitä tahansa Pixel Art -tyylillä, kertoo kuitenkin, että tämä on resurssien (ensinkin ajan) kannalta lähes kallein grafiikkatyyli.

Pixel Art -tyylinen animaatio on yleensä helvetinmoista työtä.

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

Siksi on vielä todistettava, että Pixel Art on "laiska tyyli", sanoisin jopa, että päinvastoin, se ei ole vähiten laiska grafiikatyyli.

Kuka tahansa voi kuitenkin oppia piirtämään jotain yksinkertaista Pixel Art -tyyliin, etkä tarvitse erityisiä ohjelmia, vain yksinkertaisen grafiikkaeditorin.

Jos haluat oppia piirtämään tällä tyylillä, tarvitset, kuten kaikissa muissakin tapauksissa, paljon harjoittelua, ja voit aloittaa esimerkiksi Habré-artikkeleista: Pikselitaiteen kurssi

Sieltä löydät myös pikselitaiteen perusperiaatteet.

Tässä on yksi esimerkki pikselikuvan piirtämisestä aloittelijatasolla, ja voit oppia piirtämään näin kirjaimellisesti viikossa:


Pixelart:: avaruusaluksen piirtäminen

Joskus he tekevät todella hulluja piirroksia tällä tyylillä, et voi edes uskoa, että joku piirsi sen ja haluat tietää kuinka paljon aikaa siihen on käytetty. Esimerkki:


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

Katso tämä kuva Sarah Carriganista StarCraftista? Mitä luulet tämän olevan ja miten se on tehty?

Tämä mies rakensi sen lohkoista Minecraft-pelissä, työ kesti 23 viikkoa.

Kun katsot tarkemmin, voit nähdä, että nämä ovat kaikki erillisiä lohkoja.

Muodollisesti tämä ei ole enää pikselitaidetta, vaan jopa "minecraft-lohkotaidetta", mutta tyylin olemus pysyy samana ja tämä on kirjoittajan mukaan suurin pikselitaidepiirros ja maailmanennätys.

Itse asiassa, jos katsot tarkkaan mitä tahansa valokuvaa tai kuvaa, on selvää, että se koostuu myös pikseleistä, kuten mikä tahansa kuva yleensä. Mutta koko ero on siinä, että pikselitaide luodaan käsin, pikseli pikseliltä.

Toinen esimerkki, taiteilijat ja animaattorit Paul Robertson ja Ivan Dixon loivat tämän:


SIMPSONS PIKSELIT

Se tuntuu valtavalta työmäärältä, ja vaikka käyttäisit joitain lisätyökaluja (on olemassa suodattimia, jotka tekevät kuvista pikselitaidetta), se kestäisi hyvin kauan.

Itse olen sitä mieltä, että Pixel Artin tyyliset kuvat ovat todellista modernia taidetta sanan parhaassa merkityksessä.

Jokaisella Pixel Art -kuvalla on hyvin selkeä arvo ja se näkyy ja tuntuu.

Jopa henkilö, joka ei ymmärrä tätä hyvin, voi arvostaa tätä.

Valitettavasti tämä taiteen laji ei kuitenkaan ole kovin suosittu ja sitä pidetään nyt vanhentuneena, ja viime vuosien paluu siihen monien pelien muodossa steamista pikselitaiteen tyyliin alkaa myös häiritä ihmisiä. Vaikka itse olen sitä mieltä, että tämä retrograafinen tyyli on jo klassikko, eikä todellinen klassikko kuole koskaan.

Termi "pikseligrafiikka" ei ole kaikille tuttu, eikä se ole myöskään maanalaista slangia. Wikipedia auttaa sinua selvittämään, mikä tämä on. Tärkeintä on ymmärtää se pikseligrafiikka määräytyy piirustuksen luontitavan mukaan (pikseli pikseliltä), ei tulosten perusteella. Siksi suodattimilla tai erityisillä renderöijillä saatuja piirustuksia ei myöskään sisällytetä siihen. Artikkelin ensimmäisessä osassa ja ehkä jopa tälle taiteelle omistetussa artikkelisarjassa esitän joitain teoksia, joista pidin.

Upeita kuvituksia, loistavaa varjotyötä. (Polyfonkenin Pixel Art).

Aihe on melko laaja. Noppia on muunnelmia.


Rod Huntin kuvitukset ovat erittäin värikkäitä ja realistisia. Taiteilija yhdistää vektorigrafiikkaa pikselitaidetta.


Brasilialais-saksalaiset bloggaajat Thiago, Pi, Jojo ja Mariana esittävät olevansa mukavia, nauravia pikselöityjä hahmoja.

Tämän maalauksen loi Juan Manuel Daporta käyttämällä vain MS Paintia! Työ kesti 8 kuukautta. Vaikuttava.

Pikselit elävät myös tietokoneen näyttöjen ulkopuolella. On hämmästyttävää, kuinka hyvin pikselöityjen kuvien juonit ovat ymmärrettäviä.

Avaruussodat Super Robot Warsin tyyliin. Pikseligrafiikan maailmassa Robersonilla on oma ainutlaatuinen tyylinsä.


Hullujen nukkejen kaupunki. Vaikka kuva on piirretty vektorilla, se näyttää silti pikselitaiteelta. Mielenkiintoista työtä.

Tämä pikselitaiteen suunta kiinnostaa minua erityisesti. Näitä maalauksia ei ole maalattu valkokankaalle, vaan kankaalle akryylimaaleilla. Tämän mestariteoksen teki Ashley Anderson.

Pikselikaupungit ovat erillinen iso aihe. Täällä on yleensä paljon yksityiskohtia ja tarinaa. Tässä kuvassa on pengerrys ja värikkäitä palloja ja sushibaari ja jopa mielenosoittajia.