Pixelové umelecké oko. Pixel art: najlepšie diela a ilustrátori

Pojem „pixelová grafika“ nie je známy každému a nie je to ani undergroundový slang. Wikipedia vám pomôže zistiť, čo to je. Hlavná vec, ktorú treba pochopiť, je to pixelová grafika určuje spôsob vytvorenia kresby (pixel po pixeli), nie výsledky. Preto v ňom nie sú zahrnuté ani kresby získané pomocou filtrov alebo špeciálnych rendererov. V prvej časti článku a možno aj série článkov venovaných tomuto umeniu ukážem niektoré diela, ktoré sa mi páčili.

Úžasné ilustrácie, skvelá práca s tieňmi. (Polyfonken's Pixel Art).

Téma je dosť široká. Existujú variácie kociek.

Ilustrácie Roda Hunta sú veľmi farebné a realistické. Umelec kombinuje vektorovú grafiku s pixel artom.

Brazílsko-nemecké blogerky Thiago, Pi, Jojo a Mariana sa prezentujú ako príjemné, vysmiate rozpixelované postavičky.

Tento obraz vytvoril Juan Manuel Daporta iba pomocou MS Paint! Práce trvali 8 mesiacov. Pôsobivé.

Pixely žijú aj mimo obrazoviek počítačov. Je úžasné, ako dobre sú pochopiteľné zápletky pixelovaných obrázkov.

Vesmírne vojny v štýle Super Robot Wars. Vo svete pixelovej grafiky má Roberson svoj vlastný jedinečný štýl.

Mesto bláznivých bábik. Ilustrácia, aj keď je nakreslená vo vektore, stále vyzerá ako pixel art. Zaujímavá práca.

Tento smer pixel artu ma obzvlášť zaujíma. Tieto obrazy nie sú maľované na obrazovke, ale na plátne akrylovými farbami. Toto majstrovské dielo vytvoril Ashley Anderson.

Pixelové mestá sú samostatnou veľkou témou. Zvyčajne je tu veľa detailov a dejových línií. Na tomto obrázku je nábrežie a farebné gule a sushi bar a dokonca aj demonštranti.

Pixel art(písané bez pomlčky) príp pixelová grafika- smer digitálneho umenia, ktorý zahŕňa vytváranie obrázkov na úrovni pixelov (t. j. minimálna logická jednotka, ktorá tvorí obrázok). Nie všetky rastrové obrázky sú pixel art, hoci všetky pozostávajú z pixelov. prečo? Pretože v konečnom dôsledku pojem pixel art nezahŕňa ani tak výsledok, ako proces vytvárania ilustrácie. Pixel po pixeli a je to. Ak urobíte digitálnu fotografiu, výrazne ju zmenšíte (aby boli viditeľné pixely) a budete tvrdiť, že ste ju nakreslili úplne od začiatku, bude to skutočný falzifikát. Aj keď sa zrejme nájdu naivní prosťáčikovia, ktorí vás za usilovnú prácu pochvália.

V súčasnosti nie je známe, kedy presne táto technika vznikla; Technika skladania obrazov z malých prvkov sa však vracia k oveľa starodávnejším formám umenia, ako sú mozaiky, krížové vyšívanie, tkanie kobercov a korálkovanie. Samotná fráza „pixel art“ ako definícia pixelového umenia bola prvýkrát použitá v článku Adele Goldbergovej a Roberta Flegala v časopise Communications of the ACM (december 1982).

Najširšie uplatnenie pixel artu bolo v počítačových hrách, čo nie je prekvapujúce - umožnilo vytvárať obrázky, ktoré nevyžadovali zdroje a vyzerali skutočne krásne (zároveň zaberali umelcovi veľa času a vyžadovali určité zručnosti, a preto si vyžadovali dobré mzdy). Doba rozkvetu, najvyšší bod vývoja, sa oficiálne nazýva videohry na konzolách 2. a 3. generácie (začiatok 90. rokov). Ďalší pokrok v technológiách, vznik najprv 8-bitovej farby a potom True Color, vývoj trojrozmernej grafiky – to všetko postupom času odsunulo pixel art do pozadia a na tretie miesto a potom sa začalo zdať, že pixel art prišiel ku koncu.

Napodiv to bol práve pán Scientific and Technological Progress, ktorý v polovici 90. rokov vytlačil pixelovú grafiku na posledné pozície a neskôr ju vrátil do hry – svetu predstavil mobilné zariadenia v podobe mobilných telefónov a PDA. Koniec koncov, bez ohľadu na to, aké užitočné môže byť nové zariadenie, vy a ja vieme, že ak na ňom nemôžete aspoň hrať solitaire, je to zbytočné. No, kde je obrazovka s nízkym rozlíšením, tam je pixel art. Ako sa hovorí, vitaj späť.

Samozrejme, svoju úlohu pri návrate pixelovej grafiky zohrali rôzne retrográdne prvky, s láskou k nostalgii po starých dobrých hrách z detstva, hovoriac: „Eh, už to nerobia“; estéti, ktorí dokážu oceniť krásu pixel artu, a nezávislí vývojári, ktorí nevnímajú moderné grafické krásy (a niekedy, aj keď zriedkavo, jednoducho nevedia, ako ich implementovať do svojich vlastných projektov), preto vytvárajú pixel art. . Stále však neznižujme čisto komerčné projekty - aplikácie pre mobilné zariadenia, reklamu a webový dizajn, takže pixel art, ako sa hovorí, je rozšírený v úzkych kruhoch a získal si určitý druh umenia „nie pre každého“. A to aj napriek tomu, že je pre bežného človeka mimoriadne dostupná, pretože na prácu v tejto technike stačí mať po ruke počítač a jednoduchý grafický editor! (mimochodom, neuškodí ani schopnosť kresliť) Dosť bolo slov, poďme k veci!

2. Nástroje.

Čo potrebujete na vytvorenie pixel artu? Ako som uviedol vyššie, stačí počítač a akýkoľvek grafický editor schopný pracovať na úrovni pixelov. Môžete kresliť kdekoľvek, dokonca aj na Game Boy, dokonca aj na Nintendo DS, dokonca aj v programe Microsoft Paint (ďalšia vec je, že kreslenie v druhom je mimoriadne nepohodlné). Existuje široká škála rastrových editorov, mnohé z nich sú bezplatné a celkom funkčné, takže si každý môže rozhodnúť o softvéri sám.

Kreslím v Adobe Photoshop, pretože je to pohodlné a pretože to robím už dlho. Nebudem klamať a poviem vám, mrmlajúc na zubnú protézu, že „Pamätám si, že Photoshop bol ešte veľmi malý, bol na počítači Macintosh a mal číslo 1.0. Ale pamätám si Photoshop 4.0 (a tiež na Mac). Preto pre mňa otázka voľby nikdy nebola otázkou. A preto nie, nie, ale dám odporúčania týkajúce sa Photoshopu, najmä tam, kde jeho schopnosti pomôžu výrazne zjednodušiť kreativitu.

Potrebujete teda akýkoľvek grafický editor, ktorý vám umožní kresliť nástrojom o veľkosti jedného štvorcového pixelu (existujú aj neštvorcové pixely, napríklad okrúhle, ale tie nás momentálne nezaujímajú). Ak váš editor podporuje akúkoľvek sadu farieb, skvelé. Ak vám tiež umožňuje ukladať súbory, je to skvelé. Bolo by pekné, keby vedel pracovať s vrstvami, pretože pri práci na pomerne zložitom obrázku je pohodlnejšie usporiadať jeho prvky do rôznych vrstiev, ale vo všeobecnosti je to vec zvyku a pohodlia.

Začneme? Pravdepodobne čakáte na zoznam nejakých tajných techník, odporúčaní, ktoré vás naučia kresliť pixel art? Ale pravdou je, že vo všeobecnosti nič také neexistuje. Jediný spôsob, ako sa naučiť kresliť pixel art, je nakresliť si to sami, skúšať, skúšať, nebojte sa a experimentujte. Pokojne opakujte cudziu tvorbu, nebojte sa pôsobiť neoriginálne (len nevydávajte cudzie dielo za svoje, hehe). Starostlivo a premyslene analyzujte diela majstrov (nie moje) a kreslite, kreslite, kreslite. Na konci článku na vás čaká niekoľko užitočných odkazov.

3. Všeobecné zásady.

Napriek tomu existuje niekoľko všeobecných zásad, ktoré nie je na škodu poznať. Je ich naozaj málo, hovorím im „zásady“ a nie zákony, pretože majú skôr odporúčací charakter. Na konci, ak sa vám podarí nakresliť brilantné pixelové umenie, ktoré obchádza všetky pravidlá - koho to zaujíma?

Najzákladnejší princíp možno formulovať nasledovne: minimálnou jednotkou obrázka je pixel a ak je to možné, všetky prvky kompozície by mu mali byť úmerné. Dovoľte mi to rozobrať: všetko, čo nakreslíte, pozostáva z pixelov a pixel musí byť vo všetkom čitateľný. To neznamená, že obrázok nemôže vôbec obsahovať prvky, napríklad 2x2 pixely alebo 3x3. Stále je však vhodnejšie vytvoriť obrázok z jednotlivých pixelov.

Ťah a vo všeobecnosti všetky čiary kresby by mali mať hrúbku jeden pixel (až na zriedkavé výnimky).

Vôbec nehovorím, že je to nesprávne. Ale stále to nie je veľmi pekné. A aby to bolo krásne, pripomeňme si ešte jedno pravidlo: kresliť bez zalomení, hladko zaobliť. Existuje niečo ako kinks - fragmenty, ktoré sa vymykajú všeobecnému poriadku, dávajú čiaram nerovnomerný, zubatý vzhľad (v anglicky hovoriacom prostredí pixelových umelcov sa nazývajú jaggies):

Zlomeniny zbavujú kresbu jej prirodzenej hladkosti a krásy. A ak sú úlomky 3, 4 a 5 zrejmé a dajú sa ľahko opraviť, s ostatnými je situácia komplikovanejšia - tam je dĺžka jedného kusu v reťazi zlomená, zdalo by sa to ako maličkosť, ale maličkosť je viditeľná. Chce to trochu cviku naučiť sa tieto miesta vidieť a vyhýbať sa im. Kink 1 je vyrazený z čiary, pretože ide o jeden pixel - zatiaľ čo v oblasti, kde bol vložený, čiara pozostáva zo segmentov po 2 pixeloch. Aby som sa toho zbavil, zjemnil som vstup krivky do ohybu, predĺžil som horný segment na 3 pixely a prekreslil som celú čiaru na 2 pixelové segmenty. Prestávky 2 a 6 sú navzájom identické - sú to už fragmenty dlhé 2 pixely v oblastiach vytvorených z jednotlivých pixelov.

Základná sada príkladov naklonených rovných čiar, ktoré nájdete takmer v každom pixelovom manuáli (ten môj nie je výnimkou), vám pomôže vyhnúť sa takýmto zlomom pri kreslení:

Ako vidíte, priama čiara je tvorená rovnako dlhými segmentmi, ktoré sú pri kreslení posunuté o jeden pixel – len tak sa dosiahne efekt linearity. Najbežnejšie konštrukčné metódy sú s dĺžkami segmentov 1, 2 a 4 pixely (existujú aj iné, ale prezentované možnosti by mali stačiť na realizáciu takmer akéhokoľvek umeleckého nápadu). Najpopulárnejšie z týchto troch možno s istotou nazvať segmentom s dĺžkou 2 pixely: nakreslite segment, posuňte pero o 1 pixel, nakreslite ďalší segment, posuňte pero o 1 pixel, nakreslite ďalší segment:

Nie je to ťažké, však? Všetko, čo potrebujete, je zvyk. Schopnosť kresliť naklonené priame čiary v 2-pixelových prírastkoch pomôže pri izometrii, takže nabudúce sa na to pozrieme podrobnejšie. Vo všeobecnosti sú rovné čiary skvelé - ale len dovtedy, kým nevznikne úloha nakresliť niečo zázračné. Tu potrebujeme krivky a veľa rôznych kriviek. A berieme do úvahy jednoduché pravidlo pre zaoblenie zakrivených čiar: dĺžka prvkov krivky by sa mala postupne znižovať/zväčšovať.

Výstup z priamky na zaoblenie sa vykonáva hladko, uviedol som dĺžku každého segmentu: 5 pixelov, 3, 2, 2, 1, 1, opäť 2 (už vertikálne), 3, 5 atď. Váš prípad nemusí nevyhnutne používať rovnakú postupnosť, všetko závisí od hladkosti, ktorá sa vyžaduje. Ďalší príklad zaokrúhľovania:

Opäť sa vyhneme zlomom, ktoré tak veľmi kazia obraz. Ak si chcete skontrolovať látku, ktorú ste sa naučili, tu mám skin pre Winamp nakreslený neznámym autorom, prázdny:

Vo výkrese sú hrubé chyby a jednoducho neúspešné zaoblenia a sú tam zlomy - skúste obrázok opraviť na základe toho, čo už viete. To je všetko, čo mám s čiarami, navrhujem, aby ste si trochu nakreslili. A nenechajte sa zmiasť jednoduchosťou príkladov, môžete sa naučiť kresliť iba kreslením - dokonca aj tie najjednoduchšie veci.

4.1. Nakreslite fľašu živej vody.

1. Tvar objektu, zatiaľ nemusíte použiť farbu.

2. Červená kvapalina.

3. Zmeňte farbu skla na modrú, pridajte tieňované oblasti vo vnútri bubliny a svetlú oblasť na zamýšľanom povrchu kvapaliny.

4. Pridajte biele svetlá na bublinu a 1 pixel široký tieň tmavočervenej farby na oblasti kvapaliny ohraničujúce steny bubliny. Vyzerá celkom dobre, čo?

5. Podobne nakreslíme fľašu s modrou tekutinou – tu rovnakej farby skla, plus tri odtiene modrej pre tekutinu.

4.2. Kreslenie vodného melónu.

Nakreslíme kruh a polkruh - toto bude melón a vyrezaný plátok.

2. Označme si výrez na samotnom melóne a na reze – hranicu medzi kôrou a dužinou.

3. Plnenie. Farby z palety, stredne zelená je farba kôry, stredne červená je farba dužiny.

4. Označme si oblasť prechodu od kôrky k dužine.

5. Svetlé pruhy na vodnom melóne (konečne to vyzerá ako on). A samozrejme - semená! Ak prekročíte melón so švábmi, odplazú sa sami.

6. Pripomíname si to. Používame svetloružovú farbu na označenie svetiel nad semenami v sekcii a rozložením pixelov do šachovnicového vzoru dosiahneme určité zdanie objemu z vyrezaného segmentu (metóda sa nazýva dithering, viac neskôr ). Používame tmavočervený odtieň na označenie tieňovaných oblastí v sekcii vodného melónu a tmavozelený odtieň (opäť šachovnicové pixely), ktorý dodáva objem samotnému melónu.

5. Dithering.

Dithering alebo prelínanie je technika miešania pixelov v dvoch susediacich oblastiach rôznych farieb v určitom usporiadaní (nie vždy). Najjednoduchším, najbežnejším a najúčinnejším spôsobom je striedanie pixelov v šachovnicovom vzore:

Technika sa zrodila vďaka (alebo skôr napriek) technickým obmedzeniam - na platformách s obmedzenými paletami umožnil dithering zmiešaním pixelov dvoch rôznych farieb získať tretiu, ktorá nebola v palete:

Teraz, v dobe neobmedzených technických možností, mnohí hovoria, že potreba ditheru zmizla sama od seba. Jeho správne použitie však môže dodať vašej práci charakteristický retro štýl, ktorý poznajú všetci fanúšikovia starých videohier. Osobne rád používam dithering. Nie som v tom veľmi dobrý, ale stále to milujem.

Ďalšie dve možnosti rozloženia:

Čo potrebujete vedieť o ditheringu, aby ste ho mohli používať. Minimálna šírka zóny prelínania musí byť aspoň 2 pixely (tie kockované čiary). Viac je možné. Je lepšie nerobiť menej.

Nižšie je uvedený príklad neúspešného ditheringu. Napriek tomu, že podobnú techniku možno často nájsť na škriatkoch z videohier, musíte si byť vedomí toho, že televízna obrazovka výrazne vyhladila obraz a taký hrebeň, a dokonca ani v pohybe, nebol okom viditeľný:

No dosť teórie. Odporúčam vám trochu viac trénovať.

Pixel art je možné kresliť v akomkoľvek programe na prácu s rastrovou grafikou, je to vec osobných preferencií a skúseností (samozrejme aj finančných možností). Niektorí ľudia používajú najjednoduchšiu farbu, ja to robím vo Photoshope - pretože po prvé, pracujem v nej už dlho, a po druhé, je mi tam pohodlnejšie. Keď som sa rozhodol vyskúšať bezplatný Paint.NET, nepáčilo sa mi to - je to ako s autom, ak spoznáte cudzie auto s automatickou prevodovkou, je nepravdepodobné, že sa dostanete do Záporožia. Môj zamestnávateľ mi poskytuje licencovaný softvér, takže pred korporáciou Adobe mám svedomie čisté... Síce si za svoje programy účtujú nepredstaviteľné ceny a za toto zhoria v pekle.

1. Príprava na prácu.

Vytvorte nový dokument s ľubovoľnými nastaveniami (nech je šírka 60, výška 100 pixelov). Hlavným nástrojom pixelového umelca je ceruzka ( Nástroj Ceruzka, volaná klávesovou skratkou B). Ak je štetec (a ikona štetca) povolený na paneli s nástrojmi, umiestnite naň kurzor myši, kliknite a podržte L.M.B.– zobrazí sa malá rozbaľovacia ponuka, v ktorej by ste mali vybrať ceruzku. Nastavte veľkosť pera na 1 pixel (v hornom paneli vľavo je rozbaľovacia ponuka Štetec):