Ako sa stať pixelovým umelcom?

Ak sa chcete stať umelcom pixelov
Ak sa chcete stať umelcom pixelov, prvým krokom je vytvorenie škriatka.

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. Akonáhle sa dostanete do pohody pri vytváraní škriatkov, môžete začať animovať a nakupovať svoje schopnosti pre potenciálnych zamestnávateľov.

Časť 1 zo 7: zbieranie nástrojov

  1. 1
    Stiahnite si dobrý softvér na úpravu obrázkov. Aj keď pomocou Paint môžete vytvárať pixelové umenie, bude to pre vás ťažké. Medzi najobľúbenejšie programy pixelového umenia patria:
    • Photoshop
    • Paint.net
    • GIMP
    • Pixen
    • Aseprite
    • pixilart
  2. 2
    Zaobstarajte si 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.
  3. 3
    V softvéri na úpravu zapnite zobrazenie mriežky. Budete chcieť povoliť režim mriežky v ľubovoľnom softvéri, ktorý si vyberiete. To vám umožní jasne vidieť, kam pôjde každý pixel. K mriežke 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...“).
  4. 4
    Vyberte si jednopixelovú ceruzku. V editačnom softvéri vyberte nástroj Ceruzka. V možnostiach ceruzky vyberte jednopixelový štetec. To vám umožní kresliť jednotlivé pixely.

Časť 2 zo 7: precvičovanie základov

  1. 1
    Vytvorte nový obrázok. Pretože budete pracovať na úrovni pixelov, veľkosť obrázku nemusí byť veľká. Celú obrazovku v originálnej Super Mario Bros. Hra má iba 256 x 224 pixelov. Samotný Mario má iba 12 x 16 pixelov!
  2. 2
    Priblížiť. Keďže budete pracovať s jednotlivými pixelmi, budete ich chcieť priblížiť veľmi ďaleko, 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%.
  3. 3
    Nácvik kreslenia 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 dotykového pera, aby ste nemuseli zakaždým prepínať na nástroj čiar.
  4. 4
    Nácvik kreslenia 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.
  5. 5
    Na opravu chýb použite nástroj na vymazanie. 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.
Veľkosť obrázku nemusí byť veľká
Pretože budete pracovať na úrovni pixelov, veľkosť obrázku nemusí byť veľká.

Časť 3 zo 7: Načrtnutie vášho prvého škriatka

  1. 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ť animovaný sprite zjednodušiť, 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í.
  2. 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 týkajúce sa veľkosti sprite a farebnej zložitosti. Ak vyvíjate hru špeciálne pre starší systém, môžete naraziť na ďalšie obmedzenia.
  3. 3
    Načrtnite 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.
  4. 4
    Vytvorte obrys v programe na úpravu. Načrtnutý obrys použite buď 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 rozlíšenie ľahké. Farbu obrysu môžete neskôr manuálne zmeniť.
  5. 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: Vyfarbenie škriatka

  1. 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ý. Pokiaľ je to možné, vyhnite sa pastelovým farbám, pokiaľ celý projekt nepoužíva tento štýl.
  2. 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é spolu úzko súvisia.
    • 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 škriatkov 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.
  3. 3
    Naneste svoje farby. Pomocou nástroja Výplň aplikujte na sprite svoje farebné možnosti. V tomto mieste práve nanášate základnú farbu, takže si nemusíte robiť starosti s tým, 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.
Umiestnenie dvoch rôznych pixelových farieb vo vzore môže oklamať oko
Množstvo a umiestnenie dvoch rôznych pixelových farieb vo vzore môže oklamať oko, aby uvidelo rôzne odtiene.

Časť 5 zo 7: Použitie tieňovania

  1. 1
    Určte „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 diaľky nad sprite, buď mierne sprava, alebo mierne zľava.
  2. 2
    Tienenie naneste pomocou o niečo 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.
    • Ak chcete dosiahnuť dobrú farbu tieňovania, môžete znížiť hodnotu „lum“ svojej základnej farby a mierne zvýšiť hodnotu „hue“.
    • 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).
  3. 3
    Pridajte 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.
  4. 4
    Použite 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

  1. 1
    Skúste zahltiť. 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 oklamať oko, 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.
  2. 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.
  3. 3
    Použiť 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žívať 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í.
Pokiaľ si ponecháte hrubší obrys pre zvyšok sprite
Obrys by mal mať hrúbku iba jeden pixel, pokiaľ si ponecháte hrubší obrys pre zvyšok sprite.

Časť 7 zo 7: Pridanie konečných úprav

  1. 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.
  2. 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.
  3. 3
    Oživte svojho škriatka. Ak ste postupovali 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 „sprite sheet “.
    • 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ácie môže dýchať tony život do sprite.
  4. 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.

Otázky a odpovede

  • Musím si kúpiť tablet na kreslenie? Používam myš.
    Nie! Používanie myši je určite životaschopnou možnosťou, najmä v pixelovom umení. Kresliace tablety sú oveľa užitočnejšie v iných formách digitálneho umenia, ale pre pixelové umenie je použitie myši v poriadku.

FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail