Jak vytvořit fantastické Pixel Art pro vaše hry a aplikace

jak začít s pixel art na? Naštěstí je pixel art jedna z těch vzácných příležitostí, kdy je to opravdu tak snadné, jak to vypadá. Tohle je pixel art...

Pixel Art má určitou retro přitažlivost, která se vrací do éry 8, 16 a 32bitových konzolí. Dnes je však pravděpodobnější, že jej najdete v různých nezávislých a mobilních hrách a v současnosti zažívá něco jako oživení. Je to fantastický způsob, jak obejít technologická omezení, která přicházejí s nezávislým vývojářem a mobilním hardwarem. Tímto způsobem můžete dělat méně práce a zmenšit velikost souborů – ale místo toho, abyste vypadali levně, vám to připadá jako vědomá stylistická volba. Přidejte trochu chiptune hudby a jedinečnou barevnou paletu a máte skvělou estetiku, která otočí hlavu v Obchodě Play.

Další atrakce pixel art je to, jak vás vyzývá, abyste pracovali v rámci jejích omezení. Vzhledem k tomu, že obrázky jsou tak malé, vynucuje si to poněkud impresionistický přístup. Jak můžete udělat pixel nebo dva okamžitě rozpoznatelné jako charismatický úsměv nebo dýka trčící z protivníka? Zde se skrývá skutečné umění formátu, a proto se některé úspěchy ve hrách líbí Superbrothers: Sword & Sworcery nebo ten novější Hyper Light Drifter  tak působivé.

jak začít

S ohledem na to se můžete rozhodnout pixel art by to byl dobrý směr pro váš vlastní projekt. Jak v tomto případě začít? Naštěstí je pixel art jedna z těch vzácných příležitostí, kdy je to opravdu tak snadné, jak to vypadá. Tohle je pixel art...

Na začátku si stačí vybrat kreslící program dle vašeho výběru. Používám GIMP, protože je zdarma, ale stejně snadno můžete použít Photoshop nebo dokonce MS Paint. Doporučil bych však použít něco složitějšího než MS Paint, protože může být užitečné mít přístup k funkcím, jako jsou vrstvy a fólie (jak uvidíme později). Existuje několik specializovaných programů pro tvorbu pixelů, se kterými můžete také pracovat, ale obecně nejsou vyžadovány. Aseprite je však dobrá volba.

Bez ohledu na váš výběr softwaru pak vyberete nástroj pero a ujistěte se, že je nastaven na kreslení jednotlivých pixelů při 100% krytí. Nyní přibližte svůj obrázek do bodu, kdy při kreslení jasně uvidíte čtvercové pixely. Je to opravdu tak snadné!

Nyní můžete začít kreslit od ruky nebo umístit každý pixel samostatně. Všimněte si, že při kreslení věcí, jako jsou kruhy, se může vyplatit pečlivě se podívat na vzory vašich pixelů (dva nahoře, jeden napříč, tři navrchu jeden napříč, čtyři navrch jednoho napříč atd.), protože to vytvoří konzistentnější a kontrolovanější vzhled obrazu. Dobrou zprávou je, že je velmi snadné vrátit zpět jakékoli chyby, které uděláte, takže není důvod neexperimentovat.

To, co skončíte, je základní obrys čehokoli, co se snažíte nakreslit v hranatých pixelech. Nedělejte si starosti s přidáváním mnoha detailů až později – nejprve experimentujte se správným tvarem a proporcemi. To je nejtěžší část, zvláště se spoustou postav.

Rád používám pro své obrazy obrys, ale spousta lidí se tím neobtěžuje a kreslí v blokových barvách. Dělejte to, co vám vyhovuje, ale mějte na paměti, že každá metoda má své klady a zápory; Obrysy usnadňují rozlišování detailů, ale mohou být nepříjemné, když se vaše obrázky zmenšují a dochází jim pixely!

Přidání detailů a stínování

Jakmile jste se svým obrysem nebo siluetou spokojeni, můžete přidávat jednotlivé detaily, dokud nebudete mít úplný obrázek. Čím více detailů přidáte, tím působivější budou vaše postavy. Zároveň se však musíte vyvarovat toho, aby vaše image působila příliš stísněně. Je důležité, abyste začali s obrysem, který má správnou velikost – a nezapomeňte, že ostatní objekty ve vašem herním světě musí být také relativní.

Nyní, když máte své podrobnosti, stačí přidat požadované barvy pomocí nástroje výplně. To však může zpočátku vypadat trochu ploché, takže s největší pravděpodobností budete chtít přidat nějaké osvětlení později.

Chcete-li to provést, jednoduše si představte zdroj světla pro svou postavu a poté vyberte dva nebo více dalších odstínů, které přidáte do své palety barev. Potřebujete alespoň jeden pro stíny a jeden pro světla. Ujistěte se, že se všechny stíny zobrazují na stejné stránce, a myslete na obrysy, které by přirozeně vytvořily tvary, které nakreslíte, pokud by byly XNUMXD. Používám hodně stínů na jedné straně a pak jen tenký proužek světla na druhé, abych zvýraznil zvýraznění, ale znovu, klíčem je experimentovat a zjistit, co funguje pro váš vlastní osobní styl.

Pamatujte, že kreslíte postavy a předměty pro hry. To znamená, že musíte pečlivě přemýšlet o zdroji světla. Vytváření velmi zřejmého stínového efektu na pravé ruce vašeho skřítka může v některých kontextech vypadat zvláštně – zvláště pokud skřítka převrátíte, zatímco jde opačným směrem! Mějte to na paměti při vytváření obrazu a zvažte, zda by bylo osvětlení jemnější nebo jej místo toho vrhnout nad hlavu.

Exportujte svůj obrázek

Jakmile budete hotovi, můžete obrázek uložit a exportovat. Samozřejmě musíme být v tomto bodě opatrní, protože obrázek je ve skutečnosti drobný bude . Existuje také několik dalších věcí, které je třeba mít na paměti, když používáte své umění ve svých hrách.

Nejprve se ujistěte, že jste obrázek automaticky ořízli, aby kolem okrajů nebyly žádné bílé oblasti. To je užitečné pro vaši detekci kolizí a také vám to pomůže, aby se váš obrázek zbytečně nezvětšil. Můžete však místo toho vytvořit „list sprite“, což znamená, že každý snímek animace přidáte do jednoho souboru. Díky tomu je celková velikost souboru menší a usnadňuje organizaci. V tomto případě je oříznutí méně důležité, protože to uděláte později ve vámi zvoleném IDE.

Také se musíte ujistit, že pozadí je průhledné, aby se postavy pohybovaly ve vašem herním světě, spíše než velké bílé čtverce s nakreslenými postavami. V Gimpu to uděláte tak, že z nabídky vyberete „Vrstva“, poté „Transparentnost“ a „Přidat alfa kanál“. Odtud můžete vymazat své bílé pozadí a nechat svůj obrázek vznášet se nad ničím.

Pokud exportujete svůj obrázek, můžete tak učinit ve skutečné velikosti souboru, pokud jej plánujete použít ve hře. V Unity si můžete vybrat 'Pixels Per Unit' pro každý jednotlivý sprite, takže je snadné zvětšit váš obrázek tak velký, jak chcete, a přitom těžit z malé velikosti souboru.

Naopak, pokud plánujete sdílet své obrázky online, chcete, aby vypadaly větší. Přejděte tedy na 'image', poté na 'image size' a zvětšete velikost. Ujistěte se, že jste vypnuli Interpolation nebo vybrali Preserve Hard Edges (v závislosti na vašem softwaru). Jinak bude obraz vypadat rozmazaně.

7 tipů pro Pixel Art

Na závěr několik tipů, které vám pomohou na vaší cestě ke zvládnutí pixel art by měl pomoci...

1. Mějte na paměti celkový obraz

Když přibližujete a pečlivě upravujete každý pixel, může být obtížné si představit, jak bude váš obrázek vypadat, až bude hotový. Z tohoto důvodu je důležité čas od času oddálit. Nebo ještě lépe, vyzkoušejte navigační nástroj (dostupný u většiny uměleckých programů), který vám umožní zobrazit zmenšenou perspektivu na plátně a také přejít na konkrétní body.

2. Použijte nástroj Kouzelná hůlka

Pomocí nástrojů Kouzelná hůlka nebo Výběr barvy můžete vybrat celou oblast nebo barvu. Takto můžete kreslit pouze na tuto oblast byl na oplátku zajišťuje, že můžete volně kreslit bez obav z překročení čar. Alpha Lock je další nástroj, který k tomu můžete použít.

3. Přidejte vyhlazování

Antialiasing je termín pro počítačovou grafiku určený ke změkčení vzhledu pixelů, obvykle snížením kontrastu a přidáním více přechodových barev. Hráči na PC to poznají jako grafickou možnost, kterou lze zapínat a vypínat pro zlepšení výkonu.

V našem případě je antialiasing efekt, který můžeme napodobit, aby naše obrázky vypadaly trochu autentičtěji. Chcete-li vytvořit efekt, stačí najít body, kde máte náhlý kontrast, a poté zavést tyto přechodové barvy podél okrajů. Myšlenka zde není vytvořit plynulý přechod, jen aby přechod vypadal trochu méně silně. Přidal jsem sem do Odkazu nějaké vyhlazování, abyste viděli rozdíl:

Zde se také něco dozvíte o Pixel Art: Chce to hodně trpělivosti!

4. Použijte úrovně

Většina uměleckých programů vám umožňuje používat vrstvy, což znamená, že můžete nechat obrázky zobrazovat na pozadí a kreslit na ně, aniž byste tuto vrstvu ovlivnili. Můžete také měnit průhlednost jednotlivých vrstev atp.

To nám umožňuje pořídit obrázek, se kterým chceme pracovat, úplně jej zmenšit (zachovat správný poměr stran) a poté jej obkreslit nástrojem pero. Tak jsem udělal tento portrét Garyho...

5. Vyzkoušejte filtry

zatímco nejlepší pixel art Upraveno z 99 % ručně, existuje několik filtrů, které vám mohou trochu usnadnit život v závislosti na vašich ambicích. Například Gimp má filtr rozostření s názvem „Pixelize“, který dělá přesně to, co říká na plechovce. Můžete to použít k přidání dalšího antialiasingu do vašeho stávajícího obrázku, nebo to můžete použít k „podvádění“ a přeměnit běžný obrázek na něco trochu podobnějšího pixel art vzhled. Ostřicí nástroj může být také užitečným zdrojem.

6. Hledejte inspiraci

Nejlepší způsob, jak na pixel art Zlepšovat se, jako většina věcí, je o neustálém zkoušet. Velmi užitečné však může být také provedení průzkumu a hledání inspirace online. Zejména může být užitečné podívat se na existující příklady „referenčních skřítků“, zvláště pokud chcete rychle vytvářet předměty, jako jsou truhly, stromy a podobně. 'The Spriter's Resource' je skvělá stránka, kde najdete spritesheety ze všech vašich oblíbených starých her. Prohlížení listů sprajtů může být také velmi užitečné, když se pokoušíte animovat své postavy, protože vám to poskytne informace o biomechanice chůze, běhu a skákání (biomechanika se týká způsobu, jakým se naše ruce a nohy pohybují). Nohy se pohybují, když se pohybujeme.

A samozřejmě existuje spousta inspirace na Deviant Art a Pinterest, stejně jako spousta skvělých her přímo v Obchodě Play. Některé skvělé příklady jsou: Superbrothers: Sword & Sworcery, Pewdiepie: Legend of the Brofist, VVVVVV (abych tak řekl), Sonic the Hedgehog 1, 2 & CD a Terária.

7. Buďte originální

Während pixel art vypadá pravidelně úžasně a potenciál pro experimentování je nekonečný, je důležité se ujistit, že pracujete na tom, aby ten váš nevypadal vymyšleně. V současné době existuje jeden hodně pixel art, takže je až příliš snadné použít pouze obecný pixel art-Vytvořte vzhled a nazvěte jej tagem. Pokud chcete, aby vaše hra vypadala jedinečně, musíte myslet mimo krabici a pokusit se přijít s vlastním stylem. Co takhle, pixel art kombinovat s jiným stylem, např. kyberpunkem? Experimentujte, zkoušejte nové věci a tvořte pixel artto je pro vás nějak jedinečné. použití pixel art jako prostředek k vyjádření sebe sama a oživení své fantazie – koneckonců o tom umění je!

Podělte se s námi o své myšlenky!