Pixel art je v moderných nezávislých videohrách hitom. Umelcovi umožňuje dodať veľa charakteru pre hru bez toho, aby musel stráviť nespočetné hodiny modelovaním 3D predmetov alebo ručným kreslením zložitých predmetov. Ak sa chcete stať umelcom pixelov, prvým krokom je vytvorenie škriatka. Hneď ako sa budete s tvorbou škriatkov cítiť pohodlne, môžete začať animovať a nakupovať svoje schopnosti pre potenciálnych zamestnávateľov.
Kroky
Časť 1 zo 7: Zhromažďovanie nástrojov
Krok 1. Stiahnite si dobrý softvér na úpravu obrázkov
Aj keď pomocou programu Maľovanie môžete vytvárať pixelové umenie, budete to mať ťažké. Medzi najobľúbenejšie programy pixelového umenia patria:
- Photoshop
- Paint.net
- GIMP
- Pixen
- Aseprite
- pixilart
Krok 2. Získajte tablet na kreslenie
Ak chcete vystopovať ručne kreslené umenie alebo ak nemáte radi kreslenie na obrazovku pomocou myši, môžete použiť tablet a stylus. Wacom je jedným z najobľúbenejších výrobcov tabletov.
Krok 3. V softvéri na úpravu zapnite zobrazenie mriežky
Budete chcieť povoliť režim mriežky v akomkoľvek softvéri, ktorý si vyberiete. To vám umožní jasne vidieť, kam pôjde každý pixel. K mriežkovému zobrazeniu sa zvyčajne dostanete z ponuky Zobraziť.
Pravdepodobne budete musieť nakonfigurovať mriežku tak, aby každý štvorec predstavoval jeden pixel. Spôsob, ako to urobiť, sa líši od programu k programu. V GIMP to môžete zmeniť v ponuke Obrázok (vyberte „Konfigurovať mriežku …“)
Krok 4. Vyberte jednopixelovú ceruzku
V editačnom softvéri vyberte nástroj Ceruzka. V možnostiach ceruzky vyberte jednopixelový štetec. To vám umožní nakresliť jednotlivé pixely.
Časť 2 zo 7: Cvičenie základov
Krok 1. Vytvorte nový obrázok
Pretože budete pracovať na úrovni pixelov, veľkosť obrázku nemusí byť veľká. Celá obrazovka v pôvodnej hre Super Mario Bros. má iba 256 x 224 pixelov. Samotný Mario má iba 12 x 16 pixelov!
Krok 2. Priblížte
Keďže budete pracovať s jednotlivými pixelmi, budete ich chcieť veľmi priblížiť, aby ste videli mriežku a umiestnenie jednotlivých pixelov. Na jasné zobrazenie pixelov v mriežke bude možno potrebné priblížiť viac ako 800%.
Krok 3. Precvičte si nakreslenie priamky
Môže sa to zdať ako jednoduchý koncept, ale ak je riadok v strede o jeden pixel menší, bude to zrejmé. Nacvičte si kreslenie rovných čiar pomocou myši alebo stylusu, aby ste nemuseli zakaždým prepínať na nástroj čiar.
Krok 4. Nacvičte si kreslenie krivých čiar
Krivky by sa mali vyskytovať s pravidelnými prestávkami v pixelovom riadku. Dobrá krivka by napríklad začínala šesťpixelovou prestávkou, po ktorej by nasledovala trojpixelová prestávka, po ktorej by nasledovala dvojpixelová prestávka, po ktorej by nasledovali jednopixelové prestávky. Prestávky by sa potom obrátili, aby sa dosiahol druhý koniec krivky. Zlá krivka by začala trojpixelovou prestávkou, po ktorej by nasledovala prestávka jedného pixelu, po ktorej by nasledovala trojpixelová prestávka alebo akýmkoľvek iným zvláštnym postupom.
Krok 5. Na opravu chýb použite nástroj Vymazať
Rovnako ako nástroj Ceruzka budete chcieť nastaviť gumu tak, aby vymazávala vždy jeden pixel. Ak je guma príliš veľká, bude ťažké presne odstrániť pixely.
Časť 3 zo 7: Načrtnutie vášho prvého škriatka
Krok 1. Určite použitie sprite
Bude to animované alebo statické? Do statického spritu môžete vložiť viac podrobností, ale možno budete chcieť zachovať jednoduchého animovaného sprite, pretože budete musieť prekresliť časti animácie. Ak sa má škriatok používať s inými škriatkami, budete chcieť zachovať umelecký štýl, ktorý všetko spojí.
Krok 2. Zistite, či existujú nejaké obmedzenia
Ak vytvárate sprite pre projekt, určite, či existujú nejaké obmedzenia veľkosti alebo farby. To bude dôležitejšie, keď začnete pracovať na väčších projektoch s množstvom rôznych škriatkov.
Väčšina moderných systémov v skutočnosti nemá žiadne obmedzenia veľkosti sprite a farebnej zložitosti. Ak vyvíjate hru špeciálne pre starší systém, môžete naraziť na ďalšie obmedzenia
Krok 3. Nakreslite to
Skúste načrtnúť základný koncept škriatka na kus papiera. To vám umožní vidieť, ako bude sprite vyzerať, a upravovať pózu alebo iné vlastnosti. Ak máte tablet, môžete tento náčrt použiť ako zdroj svojho sledovania neskôr.
Urobte náčrt podrobný. Umiestnite všetky funkcie, ktoré chcete zahrnúť, aby ste získali predstavu o tom, ako bude škriatok vyzerať ako hotový výrobok
Krok 4. Vytvorte obrys v editovacom programe
Buď použite načrtnutý obrys ako referenciu alebo ho obkreslite pomocou podložky. Môžete buď kliknúť a nakresliť, aby ste vytvorili obrys, alebo umiestniť každý pixel jednotlivo, voľba je na vás.
Pri vytváraní prvého sprite používajte ako farbu obrysu čiernu farbu. Vďaka tomu bude ľahké rozlíšiť. Farbu obrysu môžete neskôr manuálne zmeniť
Krok 5. Vyčistite obrys
Priblížte a začnite vymazávať ďalšie pixely a opravovať čiary. Obrys by mal mať hrúbku iba jeden pixel, pokiaľ si ponecháte hrubší obrys pre zvyšok sprite. Pomocou nástroja Ceruzka vkladajte pixely, ktoré vám pomôžu opraviť chyby.
Počas procesu navrhovania sa zamerajte na veľké detaily. Neskôr sa môžete vrátiť a pridať malé dotyky
Časť 4 zo 7: Farbenie vášho škriatka
Krok 1. Oprášte základnú teóriu farieb
Pozrite sa na farebné koliesko, ktoré vám pomôže určiť, ktoré farby by ste mali použiť. Farby oproti sebe na kolese budú veľmi výrazné, zatiaľ čo farby v tesnej blízkosti budú vyzerať dobre vedľa seba.
Vyberte si sadu farieb, ktoré dodajú vášmu škriatkovi výrazný vzhľad bez toho, aby bol príliš otravný. Ak je to možné, vyhnite sa pastelovým farbám, pokiaľ celý štýl nepoužíva tento štýl
Krok 2. Stačí použiť niekoľko farieb
Čím viac farieb pridáte, tým rušivejšie bude váš škriatok pôsobiť. Pozrite sa na niektoré z najznámejších škriatkov a zistíte, že často používajú iba niekoľko farieb.
- Mario - Klasický Mario sprite používa iba tri farby, ktoré sú všetky úzko prepojené.
- Sonic - Sonic má viac detailov ako pôvodný Mario, ale stále je zložený iba zo štyroch farieb s rôznymi odtieňmi.
- Ryu - Jeden z klasických bojových hier, Ryu používa na definovanie veľké plochy jednoduchých farieb s miernym tieňovaním. Ryu má päť základných farieb s rôznymi odtieňmi.
Krok 3. Naneste svoje farby
Pomocou nástroja Výplň aplikujte na svoj sprite svoje farebné možnosti. V tomto mieste nanášate iba základnú farbu, takže sa nemusíte starať o to, ako plocho vyzerá. Nástroj Výplň nahradí všetky pixely, ktoré zodpovedajú pixelu, na ktorý ste klikli, zvolenou farbou, kým sa nedosiahnu hranice.
Časť 5 zo 7: Použitie tieňovania
Krok 1. Určite „svetelný zdroj“
Uhol, na ktorý svetlo dopadne, sprite, vám pomôže určiť, kde použiť tieňovanie pre realistickejší a vierohodnejší efekt. Aj keď v skutočnosti svetlo nebude, je veľmi dôležité vedieť, akým smerom svetlo svieti.
Najľahšie je zatieniť svetelný zdroj prichádzajúci z veľkej diaľky nad spriteom, buď mierne sprava, alebo mierne zľava
Krok 2. Naneste tieňovanie pomocou mierne tmavšieho odtieňa základnej farby
Ak zdroj svetla prichádza zhora, k tieňovaniu by malo dôjsť na „spodnej strane“škriatka. Zatiente všetky oblasti, ktoré by neboli zasiahnuté priamym svetlom. Ak chcete pridať tieňovanie, stačí pridať niekoľko vrstiev pixelov nad alebo pod obrysy.
- Môžete znížiť hodnotu „lum“svojej základnej farby a mierne zvýšiť hodnotu „hue“, aby ste získali dobrú farbu tieňovania.
- Nikdy nepoužívajte prechody. Budú pôsobiť veľmi falošne a neprofesionálne. Na napodobnenie prechodov môžete použiť dithering (pozri nižšie).
Krok 3. Pridajte nejaké jemné tiene
Vyberte odtieň medzi tmavosťou tieňa a pôvodnou základnou farbou. Tento odtieň použite na pridanie ďalšej vrstvy tieňa medzi tieňovanie a základnú farbu. To poskytne efekt prechodu z tmy na svetlo.
Krok 4. Naneste niekoľko zvýraznení
Ide o škvrny na škriatkovi, ktoré sú na svetlo zasiahnuté najviac. Svetlé body môžete pridať pomocou tieňa, ktorý je o niečo svetlejší ako základná farba. Svetlé body používajte striedmo, pretože môžu pôsobiť rušivo.
Časť 6 zo 7: Používanie pokročilých techník
Krok 1. Skúste trochu rozrušiť
Toto je efekt, ktorý umožňuje umelcovi reprezentovať posun v tieni. To vám umožní vytvoriť prechodový efekt iba s niekoľkými farbami striedaním umiestnenia pixelov na vytvorenie prechodov. Množstvo a umiestnenie dvoch rôznych pixelových farieb vo vzore môže oko oklamať, aby uvidelo rôzne odtiene.
Začiatočníci majú prehnanú tendenciu nadmerne používať, preto sa jej snažte vyhýbať, okrem výnimočných prípadov
Krok 2. Cvičte vyhladzovanie
Pixel art je definovaný viditeľnými pixelmi, ale niekedy chcete zmiešať čiary, aby všetko vyzeralo o niečo hladšie. Anti-aliasing je technika, ktorá vám to umožňuje.
- Pridajte prechodné farby k zalomeniam na krivke. Pridajte jednu vrstvu prechodných farieb okolo obrysu krivky, ktorú chcete zjemniť. Ak to stále vyzerá drsne, pridajte ďalšiu vrstvu svetlejšieho odtieňa.
- Ak chcete, aby váš sprite vyzeral ostro na akomkoľvek farebnom pozadí, nevyhladzujte vonkajší okraj obrysu.
Krok 3. Aplikujte selektívne obrysy
Toto je termín na vyfarbenie obrysu podobného farbám, ktoré sa používajú na vyplnenie. To dodá škriatkovi o niečo menej „karikatúrneho“vzhľadu, pretože obrys bude o niečo prirodzenejší. Skúste selektívne načrtnúť holú pokožku a použiť tradičné obrysy na oblečení.
- Použite odtieň, ktorý je tmavší ako základná farba sekcie, ktorú selektívne načrtávate. Pomocou zdroja svetla zmeňte odtieň pri obryse, aby mal sprite prirodzenejší vzhľad. To môže byť obzvlášť užitočné pre tonus pokožky a svalov.
- Tradičné osnovy sú dobré, ak potrebujete, aby váš sprite zostal výrazný aj na rušnom pozadí.
Časť 7 zo 7: Pridanie dokončovacích dotykov
Krok 1. Prezrite si škriatka
Urobte krok späť a pozrite sa na svojho spritea až do tohto bodu. Zistite, či sa vám niečo nezdá, a potom odstráňte tieto nezrovnalosti alebo chyby.
Krok 2. Pridajte podrobnosti
Keď skončíte s farbením a tieňovaním, môžete pridať detaily, ako je písanie, oči, ďalšie funkcie a čokoľvek iné, čo by mohlo váš sprite posunúť na ďalšiu úroveň. Pozornosť venovaná detailom na konci je to, čo odlišuje amatéra od profesionálnych pixelových výtvarníkov.
Krok 3. Oživte svojho škriatka
Ak budete postupovať podľa vyššie uvedených krokov, budete mať jeden statický sprite. To je v poriadku ako umelecké dielo, ale ak chcete vyrábať škriatkov pre hry, pravdepodobne budú musieť byť animované. To znamená, že každý rámec animácie bude musieť mať svoj vlastný sprite, s malými zmenami oproti predchádzajúcemu rámcu. Zbierka všetkých škriatkov použitých v animácii sa nazýva „list škriatka“.
- V tejto príručke nájdete podrobnosti o animácii listu sprite v GIMP.
- Vytváranie jedinečných a atraktívnych animácií pre škriatkov je jedným zo spôsobov, ako sa majstri pixelových umelcov oddeľujú od amatérov. Dobrá animácia môže škriatkovi vdýchnuť veľa života.
Krok 4. Vytvorte portfólio
Ak chcete preniesť svoje schopnosti pixelového umenia do sveta vývoja videohier, budete chcieť mať solídne portfólio, s ktorým sa môžete pochváliť potenciálnym zamestnávateľom. Zahrňte niekoľko svojich najlepších škriatkov a niekoľko animácií, ak ich máte. Zahrňte rôzne témy vrátane postáv, scenérie, rekvizít a ďalších.