Pikselitaiteen parhaat teokset. Pikseligrafiikka (pikselitaide): parhaat teokset ja kuvittajat. Työhön valmistautuminen

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.

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ä:

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.

Tietokonepeleistä tuli 1900-luvulla laaja sovellusalue pikseligrafiikassa, etenkin 90-luvulla. 3D-grafiikan kehityksen myötä pikselitaide alkoi laskea, mutta heräsi sitten henkiin web-suunnittelun kehityksen, matkapuhelimien ja mobiilisovellusten tulon ansiosta.

Pikselitaide on rasterigrafiikkaeditoreilla suoritettu erikoistekniikka kuvien luomiseen digitaalisessa muodossa, jossa taiteilija työskentelee rasteridigitaalikuvan pienimmän yksikön - pikselin - kanssa. Tälle kuvalle on ominaista alhainen resoluutio, jossa jokainen pikseli tulee selvästi näkyviin. Pikselitaide kestää pitkään ja vaivalloisesti riippuen piirustuksen monimutkaisuudesta - pikseli pikseliltä.

Pikselitaiteen perussäännöt

Pikselitaiteen tärkein komponentti on ns. viivataide eli sen ääriviivat. Pikselitaide tehdään viivoilla - suorilla ja kaarevilla.

Suorat linjat

Pikselitaiteen viivojen rakentamisen sääntö on, että niiden tulee koostua segmenteistä, jotka siirtyvät sivulle yhden pikselin verran piirtämisen edetessä. Vältä aloittelevien pikselitaiteilijoiden päävirhe: pikselit eivät saa koskettaa toisiaan muodostaen suoran kulman.

Suorien viivojen tapauksessa voit helpottaa tehtävääsi käyttämällä yhtä tunnetuista esimerkeistä vinoista suorista:

Kuten kuvasta näkyy, kaikki siinä esitetyt suorat koostuvat identtisistä pikselisegmenteistä, jotka on siirretty sivulle yhden pikselin etäisyydellä, ja suosituimmat ovat yhden, kahden ja neljän pikselin segmentit. Tällaisia ​​yksinkertaisia ​​suoria viivoja pikseligrafiikassa kutsutaan "ihanteelliseksi".

Suorilla viivoilla voi olla erilainen kuvio, esimerkiksi voit vaihtaa kahden pikselin segmenttejä yhden segmentin kanssa, mutta tällaiset viivat eivät näytä niin kauniilta, varsinkin kun kuvaa suurennetaan, vaikka ne eivät riko pikselitaiteen sääntöjä .

Kaarevat linjat

Suorat viivat on helpompi tehdä, koska ne välttävät taitoksia, mikä ei ole kaarevien viivojen tapauksessa. Niiden rakentaminen on vaikeampaa, mutta kaarevia viivoja on piirrettävä paljon useammin kuin suoria viivoja.

Saman kiellon muodostaa suoria kulmia pikseleistä, kun piirretään kaarevia viivoja, on muistettava niiden siirtymän luonne. Pikselisegmenttien pituuden tulee muuttua tasaisesti, asteittain - nousta tasaisesti ja laskea yhtä tasaisesti. Pikseligrafiikka ei salli taivutuksia.

Et todennäköisesti pysty piirtämään ihanteellista kaarevaa viivaa yhdellä käden liikkeellä rikkomatta yhtä sääntöä, joten voit turvautua kahteen tapaan: piirrä viivoja piirtämällä pikselit toisensa jälkeen tai piirrä säännöllinen käyrä ja korjaa se sitten poistamalla ylimääräisiä pikseleitä valmiista "kehyksestä".

Dathering

Pikselitaiteessa on sellainen asia kuin hämärtyminen. Se on erityinen tapa sekoittaa erivärisiä pikseleitä värisiirtymävaikutelman luomiseksi.

Suosituin tapa erotella on pikselien järjestäminen shakkitaulukuvioon:

Tämä menetelmä johtuu ulkonäöltään väripalettien teknisistä rajoituksista, koska saadaksesi esimerkiksi violetin, sinun piti piirtää punaisia ​​ja sinisiä pikseleitä shakkitaulukuvioon:

Myöhemmin sävytystä käytettiin usein siirtämään äänenvoimakkuutta valon ja varjon kautta kuvissa:

Jotta väritetty pikselitaide toimisi onnistuneesti, värien sekoitusalueen on oltava vähintään kaksi pikseliä leveä.

Ohjelmat pikselitaidetta varten

Voit hallita taiteen luomista pikselityylillä käyttämällä mitä tahansa graafista editoria, joka tukee tämän tyyppistä piirustusta. Kaikki taiteilijat työskentelevät eri ohjelmilla mieltymystensä mukaan.

Monet ihmiset tähän päivään mennessä haluavat piirtää pikseleillä tunnetussa Windows-käyttöjärjestelmän vakioohjelmassa - Microsoft Paint. Tämä ohjelma on todella helppo oppia, mutta tämä on myös sen haitta - se on melko alkeellista, esimerkiksi se ei tue kerrosten kanssa työskentelyä ja niiden läpinäkyvyyttä.

Toinen helppokäyttöinen pikselitaideohjelma, jonka demoversio löytyy verkosta täysin ilmaiseksi, on GraphicsGale. Ohjelman haittapuoli on ehkä se, että se ei tue pikselitaiteen tallentamista .gif-muotoon.

Mac-tietokoneiden omistajat voivat kokeilla ilmaista Pixen-ohjelmaa. Ja Linux-käyttöjärjestelmän käyttäjien tulee testata GrafX2- ja JDraw-ohjelmat itse.

Ja tietysti erinomainen vaihtoehto pikselitaiteen luomiseen on Adobe Photoshop -ohjelma, jossa on laajat toiminnot, voit työskennellä tasojen kanssa, tukee läpinäkyvyyttä ja helpottaa työskentelyä paletin kanssa. Tämän ohjelman avulla tarkastelemme yksinkertaisia ​​esimerkkejä siitä, kuinka piirtää pikselitaidetta itse.

Kuinka piirtää pikselitaidetta Photoshopissa

Kuten perinteisessä kuvataiteessa, muodolla, varjolla ja valolla on suuri rooli pikselitaiteessa, joten ennen kuin opit piirtämään pikselitaidetta, tutustu piirtämisen perusteisiin - harjoittele piirtämistä lyijykynällä paperille.

Piirustus "ilmapallo"

Aloitetaan yksinkertaisimmasta asiasta - piirrä tavallinen ilmapallo. Luo Photoshopissa uusi tiedosto, jonka näytön resoluutio on 72 dpi. Ei ole mitään järkeä asettaa kuvakokoja suuriksi - tämä on pikselitaidetta. Valitse sivellin, kova ja läpinäkymätön, aseta kooksi 1 pikseli.

Piirrä pieni kaareva puolikaari vasemmalta oikealle, johtaen se alhaalta ylös. Muista pikselitaiteen säännöt: säilytä segmenttien samat mittasuhteet, siirrä niitä sivulle pikselin verran jättämättä mutkia tai suoria kulmia. Peilaa sitten tämä kaari piirtämällä pallon yläosa.

Piirrä samalla periaatteella pallon alaosa ja lanka. Täytä pallo punaisella täyttötyökalulla. Nyt on jäljellä vain lisätä volyymia - pallomme näyttää liian litteältä. Maalaa tummanpunainen raita pallon oikeaan alakulmaan ja värjätä sitten alue. Piirrä pallon vasempaan yläkulmaan valkoisten pikselien kohokohta.

Katso kuinka yksinkertaista se on - pallo on valmis!

Piirustus "Robotti"

Yritetään nyt piirtää kuva perinteisellä tavalla, ja vasta sitten siivotaan ne pikselit, jotka rikkovat pikselitaiteen sääntöjä.

Avaa uusi asiakirja ja tee karkea luonnos tulevasta robotista:

Nyt voit siivota kaiken tiellä olevan ja lisätä pikseleitä tarvittaessa:

Piirrä samalla tavalla robotin kehon alaosa. Älä missaa mahdollisuutta piirtää "täydellisiä" suoria viivoja sopiviin paikkoihin.

Tarkenna robotin vartaloa. Monet kokeneet taiteilijat neuvovat valmistelemaan itsellesi paletin ennen työn aloittamista - joukon värejä, joita käytät luodessasi töitä pikselityylillä. Tämä mahdollistaa parhaan mahdollisen kuvan eheyden. Luo paletti Photoshop-työtilan vapaalle alueelle - esimerkiksi neliöiden tai väripisteiden muodossa. Tämän jälkeen voit valita haluamasi värin napsauttamalla sitä Eyedropper-työkalulla.

Voit aloittaa ääriviivojen täyttämisen. "Maalaa" robotin runko päävärillä. Värimme on laventelinsininen.

Muuta ääriviivan väriä - täytä se tummansinisellä. Päätä, missä valonlähde on piirustuksessasi. Meille se sijaitsee jossain robotin yläpuolella ja oikealla puolella. Piirretään hahmomme rintakehä lisäämällä äänenvoimakkuutta:

Merkitse oikealle puolelle piirustuksen syvin varjo, joka kulkee kehon ääriviivaa pitkin. Piirrä tästä varjosta reunoista keskelle vaaleampi varjo, joka katoaa valonlähteen valaisemille aiotuille alueille:

Lisää kohokohtia robottiin kaikilla alueilla, joiden odotetaan heijastavan valoa:

Anna robotin jaloille lieriömäinen ulkonäkö käyttämällä varjoa ja valoa. Tee samalla tavalla reikiä robotin rinnassa olevista ympyröistä:

Nyt parannetaan kuvaa lisäämällä vartalon varjoalueille aiemmin käsitelty pikselitaideelementti - dithering.

Sinun ei tarvitse näpertää kohokohtia, samoin kuin jalkoja - ne ovat jo liian pieniä. Piirrä tummien ja vaaleiden pikseleiden avulla robotin päähän hampaiden sijasta rivi niittejä ja lisää myös hauska antenni. Meistä näytti, että robotin käsi ei piirretty kovin hyvin - jos kohtaat saman ongelman, leikkaa kohde Photoshopissa ja siirrä se alas.

Siinä kaikki - hauska pikselirobotimme on valmis!

Ja tämän videon avulla opit tekemään pikselitaideanimaatioita Photoshopissa:


Ota se itsellesi ja kerro ystävillesi!

Lue myös nettisivuiltamme:

Näytä lisää

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 pystyvät arvostamaan pikselitaiteen kauneutta, ja indie-kehittäjät, jotka eivät huomaa moderneja graafisia kauneuksia (ja joskus, vaikkakin 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 minulle ei koskaan ollut valintakysymystä. 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, vihreän keskisävy on kuoren väri, punaisen keskisävy 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ätietoja myöhemmin, katso oppitunnin osa 3). 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 ole oikeastaan ​​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 suunniteltu varjo vaikuttaa positiivisesti hahmon ulkonäköön - ja vaikutelmaan, jonka hän saa katsojaan. Pikselitaiteella yksikin paikaltaan väärä 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.