Pixel Art Guide: 3 způsoby, jak vytvořit Pixel Art pomocí Photoshopu

Obsah:

Anonim

Pixelové umění 8bitové flashbackové odrůdy NES je právě teď v módě, ať už ve hrách jako The Incident a Sword & Sworcery nebo jen pro avatary na webu. Pokud vás zajímá, jak se některé z těchto krásných pixelových obrázků vytvářejí a jak to můžete udělat sami, zde je několik tipů pro téměř okamžité pixelové umění. Použijeme funkci zoomu OS X, Pixelfari, a také nakonfigurujeme Photoshop, aby vytvořil vlastní retro pixel art a vyčistil výsledky jiných metod.

1) Použijte Mac OS X Zoom k pixelování obrázků a vytvoření okamžitého pixelového umění

Pravděpodobně už víte, že pokud podržíte klávesu Control a poté přejeďte dvěma prsty nahoru nebo dolů po trackpadu, přiblížíte obrazovku (nebo podržíte klávesu Control a použijete rolovací kolečko na externí myš). Pokud deaktivujete vyhlazování v nástroji OS X Zoom, můžete tuto funkci použít k vytvoření pixelovaných obrázků z čehokoli. Zde je návod:

  • Kliknutím na Command+Option+\ zakážete vyhlazování při přiblížení obrazovky
  • Najeďte kurzorem myši na obrázek, který chcete okamžitě pixelovat
  • Ovládejte+Přibližte obrázek a sledujte růst pixelů
  • Udělejte snímek celé obrazovky pomocí Command+Shift+3

Pomocí této techniky jsem okamžitě vytvořil tento pixelartový MacBook:

V případě potřeby pak můžete obrázek vyčistit ve Photoshopu pomocí technik photoshopu uvedených v tomto článku a upravit tak na přesné úrovni jednotlivých pixelů. Několik tipů pro tuto metodu:

  • Menší základní obrázky jsou lepší, vytváření ikon z obrázku a jejich přiblížení je skvělé
  • Větší kontrast je obecně lepší
  • Vyzkoušejte různé úrovně přiblížení

Je také důležité pořídit snímek celé obrazovky, aby byl snímek zachycen v plné pixelové kráse.

2) Nakreslete pixelovou grafiku ve Photoshopu pomocí těchto tipů pro konfiguraci

Pokud máte photoshop, můžete upravit některá nastavení, aby byl lepší pro kreslení a úpravy pixelových obrázků:

  • Změňte způsob, jakým Photoshop mění měřítko obrázků úpravou předvoleb „Interpolace obrázku“ na „Nejbližší soused (zachovat ostré okraje)
  • Povolit mřížku prostřednictvím předvoleb > Vodítka, řezy mřížky a počet > 1×1
  • Správně nakonfigurujte nástroj Tužka na průměr 1 pixel se 100% tvrdostí
  • Použijte více úrovní přiblížení pro zobrazení pixelů zblízka a požadované konečné rozlišení

Vaše nastavení Photoshopu bude vypadat takto:

Tyto techniky Photoshopu pocházejí od Brandona Trebitowského, vývojáře pro iOS, a pokud se vůbec zajímáte o navrhování pixel artu, jeho blogový příspěvek na toto téma velmi doporučujeme přečíst, můžete si jej přečíst zde na BrandonTreb.com .

3) Vytvořte okamžité pixelové umění pomocí Pixelfari

Dalším trikem, jak urychlit tvorbu pixel artu a dokonce vytvořit pixel art téměř okamžitě, je použití 8bitového webového prohlížeče Pixelfari . Pixelfari pochází od vývojáře Nevana Morgana a můžete si jej okamžitě stáhnout zde.

V podstatě vše, co musíte udělat, je přetáhnout libovolný obrázek do Pixelfari a obrázek se automaticky vykreslí jako pixel art a poté pořídíte snímek obrazovky Pixelfari. Není to dokonalé, ale vytváří dobrý výchozí bod, který lze následně vylepšit pomocí výše uvedených technik zmíněných Brandonem.

Zde je logo OSXDaily vhozené do Pixelfari bez dalších úprav, toto je docela dobrý příklad toho, jak to funguje.

Opět, pokud chcete výstup vyčistit, můžete použít výše uvedené tipy Photoshopu nebo můžete dokonce použít funkci zoomu OS X k hyperpixelaci výsledků v Pixelfari.

Je zřejmé, že existuje více způsobů, jak to udělat, ale pro rychlou pixelaci jsou skvělé techniky Zoom a Pixelfari a konfigurace Photoshopu je ideální pro kreslení od nuly nebo čištění předpixelovaných obrázků.Můžete také zkusit použít Paintbrush, klon MSPaint, ale s touto aplikací je těžší získat cenu. A konečně, pěkný obecný odkaz je Natomic, který má několik obecných tipů na stínování, osvětlení, používání čar a další, jeho staré informace, ale pixely jsou tu již dlouho, takže techniky jsou stále velmi relevantní.

Pixel Art Guide: 3 způsoby, jak vytvořit Pixel Art pomocí Photoshopu