Kaj je Pixel Art? Primeri in kako se tega naučiti. Pixel grafika (pixel art): najboljša dela in ilustratorji Programi za pixel art

26.06.2020

Dandanes programi kot so Photoshop, Illustrator, Corel olajšajo delo oblikovalca in ilustratorja. Z njihovo pomočjo lahko delate v celoti, ne da bi vas motila razporeditev slikovnih pik, kot je bilo konec prejšnjega stoletja. Vse potrebne izračune izdeluje programsko – grafične urejevalnike. So pa ljudje, ki delajo v drugi smeri, ne samo drugačni, ampak celo popolnoma nasprotni. Ukvarjajo se namreč z isto starošolsko razporeditvijo pikslov, da dobijo edinstven rezultat in vzdušje v svojih delih.

Primer pixel arta. Fragment.

V tem članku bi radi govorili o ljudeh, ki delajo pixel art. Oglejte si jih pobližje najboljša dela, ki jih lahko že zaradi kompleksnosti izvedbe brez pretiravanja imenujemo dela moderne umetnosti. Dela, ki vam bodo ob ogledu vzela dih.

Pixel Art. Najboljša dela in ilustratorji

Mesto. Avtor: Zoggles

Pravljični grad. Avtor: Tinuleaf

Srednjeveška vas. Avtor: Docdoom

Viseči vrtovi Babilona. Avtor: Lunarni mrk

Stanovanjsko območje. Avtor:

Izraz "pikselska grafika" ni znan vsem, niti ni underground sleng. Wikipedia vam bo pomagala ugotoviti, kaj je to. Glavna stvar, ki jo je treba razumeti, je, da slikovnih pik določa način ustvarjanja risbe (piksel za pikselom), ne pa rezultati. Zato tudi risbe, pridobljene s filtri ali posebnimi upodabljalniki, niso vključene. V prvem delu članka in morda celo v seriji člankov, posvečenih tej umetnosti, bom prikazal nekaj del, ki so mi bila všeč.

Čudovite ilustracije, odlično delo s sencami. (Polyfonken's Pixel Art).

Tema je precej široka. Obstajajo različice kock.

Ilustracije Roda Hunta so zelo barvite in realistične. Umetnik združuje vektorsko grafiko s pikselsko umetnostjo.

Brazilsko-nemški blogerji Thiago, Pi, Jojo in Mariana se predstavljajo kot prijetni, smejoči pikselirani liki.

To sliko je ustvaril Juan Manuel Daporta z uporabo samo MS Paint! Delo je trajalo 8 mesecev. Impresivno.

Piksli živijo tudi zunaj računalniških zaslonov. Neverjetno je, kako dobro so risbe slikovnih pik razumljive.

Vesoljske vojne v slogu Super Robot Wars. V svetu pikselske grafike ima Roberson svoj edinstven slog.

Mesto norih lutk. Čeprav je ilustracija narisana v vektorju, je še vedno videti kot slika slikovnih pik. Zanimivo delo.

Ta smer slikovnih pik me še posebej zanima. Te slike niso narisane na ekranu, ampak na platnu akrilne barve. To mojstrovino je ustvarila Ashley Anderson.

Pixel mesta so ločena velika tema. Ponavadi je veliko podrobnosti in zgodbe. Na tej sliki je nabrežje in pisane kroglice ter suši bar in celo protestniki.

Pixel art(zapisano brez vezaja) oz slikovnih pik- smer digitalne umetnosti, ki vključuje ustvarjanje slik na ravni pikslov (to je minimalna logična enota, ki sestavlja sliko). Vse rastrske slike niso slikovne pike, čeprav so vse sestavljene iz slikovnih pik. Zakaj? Ker navsezadnje koncept slikovnih pik ne zajema toliko rezultata kot procesa ustvarjanja ilustracije. Piksel za pikselom in to je to. Če posnamete digitalno fotografijo, jo močno pomanjšate (tako da postanejo piksli vidni) in trdite, da ste jo narisali iz nič, bo to prava ponaredek. Čeprav se bodo verjetno našli naivni preprostaki, ki vas bodo pohvalili za vaše skrbno delo.

Trenutno ni znano, kdaj točno ta tehnika izvira; korenine se izgubijo nekje v zgodnjih sedemdesetih letih. Vendar pa tehnika sestavljanja slik iz majhnih elementov sega v veliko starejše oblike umetnosti, kot so mozaiki, križni šivi, tkanje preprog in perlanje. Sama fraza "pixel art" kot definicija pixel arta je bila prvič uporabljena v članku Adele Goldberg in Roberta Flegala v reviji Communications of the ACM (december 1982).

Najbolj razširjena uporaba slikovnih pik je v računalniške igre, kar ni presenetljivo - omogočilo je ustvarjanje slik, ki so bile nezahtevne glede sredstev in so bile hkrati videti resnično čudovite (hkrati so umetniku vzele veliko časa in zahtevale določene veščine, zato pomenile dobro plače). v razcvetu, najvišja točka v razvoju se uradno imenujejo video igre na konzolah 2. in 3. generacije (začetek 1990-ih). Nadaljnji napredek v tehnologiji, pojav najprej 8-bitne barve, nato True Colour, razvoj tridimenzionalne grafike - vse to je sčasoma potisnilo pixel art v ozadje in na tretje mesto, nato pa se je začelo zdeti, da pixel art je prišel do konca.

Nenavadno, vendar je bil g. Znanstveni in tehnološki napredek tisti, ki je sredi 90-ih potisnil slikovne pike v ospredje zadnje pozicije, kasneje pa ga vrnil v igro – svetu predstavil mobilne naprave v obliki mobilnih telefonov in dlančnikov. Konec koncev, ne glede na to, kako uporabna je lahko novodobna naprava, vi in jaz vemo, da če na njej ne morete vsaj igrati pasjanse, je ničvredna. No, kjer je zaslon z nizko ločljivostjo, je slikovnih pik. Kot pravijo, dobrodošli nazaj.

Seveda so svojo vlogo pri vrnitvi pikselske grafike odigrali različni retrogradni elementi, ki so radi nostalgični po dobrih starih igrah iz otroštva, češ: “Eh, tega ne delajo več”; esteti, ki znajo ceniti lepoto pixel arta, in indie razvijalci, ki ne zaznavajo sodobnih grafičnih lepot (in jih včasih, čeprav redko, preprosto ne znajo implementirati v svoje projekte), zato klešejo pixel art. Toda še vedno ne zanemarimo čisto komercialnih projektov - aplikacij za mobilne naprave, oglaševanja in spletnega oblikovanja. Zdaj je slikovna umetnost, kot pravijo, razširjena v ozkih krogih in si je prislužila nekakšen umetniški status "ne za vsakogar". In to kljub dejstvu, da je izjemno dostopna povprečnemu človeku, saj je za delo v tej tehniki dovolj imeti pri roki računalnik in preprost grafični urejevalnik! (mimogrede, tudi sposobnost risanja ne bo škodila) Dovolj besed, preidimo k bistvu!

2. Orodja.

Kaj potrebujete za ustvarjanje slikovnih pik? Kot sem rekel zgoraj, sta dovolj računalnik in kateri koli grafični urejevalnik, ki lahko deluje na ravni slikovnih pik. Rišete lahko kjer koli, tudi na Game Boyu, tudi na Nintendo DS, tudi v Microsoft Paint (druga stvar je, da je risanje v slednjem izjemno neprijetno). Obstaja veliko različnih rastrskih urejevalnikov, mnogi od njih so brezplačni in precej funkcionalni, tako da z programsko opremo vsak se lahko sam odloči.

potegnem noter Adobe Photoshop, ker je priročno in ker obstaja že dolgo časa. Ne bom lagal in vam med mrmranjem svoje zobne proteze povedal, da "se spomnim, da je bil Photoshop še vedno zelo majhen, bil je na Macintoshu in je imel številko 1.0." To se ni zgodilo. Se pa spomnim Photoshopa 4.0 (in tudi na Macu). Zato zame vprašanje izbire nikoli ni bilo vprašanje. In zato ne, ne, vendar bom dal priporočila glede Photoshopa, zlasti tam, kjer bodo njegove zmogljivosti pomagale bistveno poenostaviti ustvarjalnost.

Potrebujete torej kateri koli grafični urejevalnik, ki omogoča risanje z orodjem enega kvadratnega piksla (obstajajo tudi nekvadratni piksli, na primer okrogli, vendar v tem trenutku ne zanima). Če vaš urejevalnik podpira kateri koli nabor barv, super. Če vam omogoča tudi shranjevanje datotek, je to super. Lepo bi bilo, če bi lahko delali s plastmi, saj dela dovolj kompleksna slika, je bolj priročno razstaviti njegove elemente v različne plasti, vendar glede na na splošno to je stvar navade in udobja.

Naj začnemo? Verjetno čakate na seznam nekaterih skrivnih tehnik, priporočil, ki vas bodo naučili risati sliko pikslov? Toda resnica je, da na splošno ni nič takega. Edini način, da se naučite risati pixel art, je, da ga narišete sami, poskusite, poskusite, ne bojte se in eksperimentirajte. Ponavljajte dela drugih ljudi, ne bojte se videti neizvirni (samo dela nekoga drugega ne predstavljajte za svoje, hehe). Previdno in premišljeno analizirajte dela mojstrov (ne mojih) in rišete, rišete, rišete. nekaj koristne povezave vas čaka na koncu članka.

3. Splošna načela.

Pa vendar jih je več splošna načela, kar ne bo škodilo vedeti. Teh je res malo, jaz jim pravim “načela” in ne zakoni, ker so bolj priporočilne narave. Na koncu, če vam uspe narisati briljantno sliko slikovnih pik mimo vseh pravil - koga briga zanje?

Najosnovnejše načelo lahko formuliramo takole: najmanjša enota slike je piksel, in če je mogoče, morajo biti vsi elementi kompozicije sorazmerni z njo. Naj razčlenim: vse, kar narišete, je sestavljeno iz slikovnih pik in slikovna pika mora biti berljiva v vsem. To ne pomeni, da slika sploh ne more vsebovati elementov, na primer 2x2 slikovnih pik ali 3x3. Še vedno pa je bolje sestaviti sliko iz posameznih slikovnih pik.

Poteza in na splošno vse črte risbe naj bodo debele en piksel (z redkimi izjemami).

Sploh ne trdim, da je to narobe. Ampak še vedno ni zelo lepo. In da bo lepo, si zapomnimo še eno pravilo: narišite brez pregibov, zaokrožite gladko. Obstaja nekaj takega, kot so kinks - drobci, ki izstopajo iz splošnega reda, dajejo linijam neenakomeren, nazobčan videz (v angleško govorečem okolju umetnikov pikslov se imenujejo jaggies):

Zlomi risbi odvzamejo njeno naravno gladkost in lepoto. In če so fragmenti 3, 4 in 5 očitni in jih je mogoče enostavno popraviti, je pri drugih situacija bolj zapletena - tam je prekinjena dolžina enega kosa v verigi, zdelo bi se malenkost, vendar je malenkost opazna. Potrebno je malo vaje, da se naučite videti te kraje in se jim izogibati. Kink 1 je izločen iz črte, ker je en piksel - medtem ko je na območju, kjer je bil vstavljen, črta sestavljena iz segmentov po 2 piksli. Da bi se tega znebil, sem zmehčal vstop krivulje v ovinek, podaljšal zgornji segment na 3 slikovne pike in ponovno narisal celotno črto v segmentih 2 slikovnih pik. Prelomi 2 in 6 so enaki drug drugemu - to so že fragmenti, dolgi 2 slikovni piki v območjih, ki jih sestavljajo posamezne slikovne pike.

Osnovni nabor primerov nagnjenih ravnih črt, ki jih je mogoče najti v skoraj vsakem priročniku pixel art (moj ni nobena izjema), vam bo pomagal preprečiti takšne pregibe pri risanju:

Kot lahko vidite, je ravna črta sestavljena iz segmentov enake dolžine, ki se med risanjem premaknejo za en piksel – le na ta način je dosežen učinek linearnosti. Najpogostejši načini gradnje so z dolžino segmentov 1, 2 in 4 slikovnih pik (obstajajo tudi drugi, vendar bi morale biti predstavljene možnosti dovolj za izvedbo skoraj katere koli umetniške ideje). Od teh treh lahko najbolj priljubljenega z gotovostjo imenujemo dolžina segmenta 2 slikovnih pik: narišite segment, premaknite pero za 1 slikovno piko, narišite drug segment, premaknite pero za 1 slikovno piko, narišite še en segment:

Ni težko, kajne? Vse, kar potrebujete, je navada. Sposobnost risanja nagnjenih ravnih črt v korakih po 2 pikslov bo pomagala pri izometriji, zato jo bomo naslednjič podrobneje preučili. Na splošno so ravne črte odlične - vendar le dokler se ne pojavi naloga, da narišete nekaj čudežnega. Tukaj potrebujemo krivulje in veliko različnih krivulj. In upoštevamo preprosto pravilo za zaokroževanje ukrivljenih črt: dolžina elementov krivulje naj se postopoma zmanjšuje/povečuje.

Izhod iz ravne črte v zaokroževanje poteka gladko, navedel sem dolžino vsakega segmenta: 5 slikovnih pik, 3, 2, 2, 1, 1, spet 2 (že navpično), 3, 5 in tako naprej. Vaš primer ne bo nujno uporabljal istega zaporedja, vse je odvisno od zahtevane gladkosti. Še en primer zaokroževanja:

Spet se izogibamo pregibom, ki tako pokvarijo sliko. Če želite preveriti gradivo, ki ste se ga naučili, tukaj imam preobleko za Winamp, ki jo je narisal neznani avtor, prazno:

Na risbi so hude napake in preprosto neuspešna zaokroževanja in pregibi - poskusite popraviti sliko na podlagi tega, kar že veste. To je vse, kar imam s črtami, predlagam, da malo rišete. In naj vas preprostost primerov ne zmede, risanja se lahko naučite samo z risanjem – tudi najpreprostejših stvari.

4.1. Nariši steklenico žive vode.

1. Oblika predmeta, za zdaj vam ni treba uporabiti barve.

2. Rdeča tekočina.

3. Spremenite barvo stekla v modro, dodajte zasenčena območja znotraj mehurčka in svetlo območje na predvideni površini tekočine.

4. Dodajte bele poudarke na mehurčku in 1 piksel široko senco temno rdeče barve na področja tekočine, ki mejijo na stene mehurčka. Izgleda kar dobro, kajne?

5. Podobno narišemo steklenico z modro tekočino - tukaj enake barve stekla, plus tri odtenke modre za tekočino.

4.2. Risanje lubenice.

Narišimo krog in polkrog - to bo lubenica in izrezana rezina.

2. Na sami lubenici označimo izrez, na rezini pa mejo med lupino in celulozo.

3. Polnjenje. Barve iz palete, srednje zelena je barva skorje, srednje rdeča je barva pulpe.

4. Označimo prehodno območje od skorje do pulpe.

5. Svetle črte na lubenici (končno izgleda kot sama). In seveda – semena! Če prekrižate lubenico s ščurki, se bodo sami odplazili.

6. Spominjamo se. Uporabljamo bledo rožnato barvo, da označimo poudarke nad semeni v odseku, in z razporeditvijo slikovnih pik v vzorcu šahovnice dosežemo nekaj videza volumna iz izrezanega segmenta (metoda se imenuje dithering, več o tem pozneje). ). Temno rdeč odtenek uporabimo za označevanje zasenčenih območij v delu lubenice in temno zelen odtenek (spet piksli šahovnice), da lubenici sami damo volumen.

5. Tresenje.

Mešanje ali mešanje je tehnika mešanja slikovnih pik na dveh sosednjih območjih na natančno urejen (ne vedno) način. različne barve. Najenostavnejši, najpogostejši in učinkovit način– nadomestne slikovne pike v vzorcu šahovnice:

Tehnika se je rodila zahvaljujoč tehničnim omejitvam (oziroma kljub) - na platformah z omejenimi paletami je dithering omogočil, da so z mešanjem pikslov dveh različnih barv dobili še tretjo, ki je ni bilo v paleti:

Zdaj, v dobi neomejenih tehničnih možnosti, mnogi pravijo, da je potreba po tresenju izginila sama od sebe. Vendar lahko z njegovo pravilno uporabo vašemu delu da značilen retro stil, ki ga prepoznajo vsi ljubitelji starih video iger. Osebno rad uporabljam dithering. Nisem zelo dober v tem, vendar mi je vseeno všeč.

Še dve možnosti drhtanja:

Kaj morate vedeti o ditheringu, da ga lahko uporabljate. Najmanjša širina območja mešanja mora biti vsaj 2 piksli (tiste kariraste črte). Več je možno. Bolje je, da ne naredite manj.

Spodaj je primer neuspešnega ditheringa. Kljub dejstvu, da je podobno tehniko pogosto mogoče najti na spriteih iz video iger, se morate zavedati, da je televizijski zaslon bistveno zgladil sliko in takšen glavnik in celo v gibanju ni bil viden očesu:

No, dovolj teorije. Predlagam, da še malo vadite.

Pixel art lahko narišete v katerem koli programu za rastrsko grafiko, to je stvar osebnih preferenc in izkušenj (pa tudi finančne priložnosti, seveda). Nekateri uporabljajo najpreprostejši Paint, jaz to počnem v Photoshopu - ker, prvič, v njem delam že dolgo, in drugič, tam mi je bolj udobno. Ko sem se odločil preizkusiti brezplačen Paint.NET, mi ni bil všeč - to je kot z avtomobilom; če prepoznate tuji avto z avtomatskim menjalnikom, verjetno ne boste prišli v Zaporozhets. Delodajalec mi priskrbi licenčno programsko opremo, tako da je moja vest čista pred korporacijo Adobe... Čeprav za svoje programe zaračunavajo nepredstavljive cene in bodo zaradi tega goreli v peklu.

1. Priprava na delo.

Ustvarite nov dokument s poljubnimi nastavitvami (naj bo širina 60, višina 100 slikovnih pik). Glavno orodje umetnika slikovnih pik je svinčnik ( Orodje za svinčnik, klicano z vročo tipko B). Če je čopič (in ikona čopiča) omogočen v orodni vrstici, premaknite miškin kazalec nanj, kliknite in pridržite L.M.B.– pojavi se majhen spustni meni, v katerem morate izbrati svinčnik. Nastavite velikost peresa na 1 piksel (na zgornji plošči na levi je spustni meni). Čopič):