Guia de Pixel Art: 3 maneres de crear Pixel Art amb Photoshop

Taula de continguts:

Anonim

Pixel art de la varietat NES de flashback de 8 bits està de moda en aquests moments, ja sigui en jocs com The Incident i Sword & Sworcery o només per a avatars al web. Si us pregunteu com es crea una part d'aquest bonic pixel art i com podeu fer-ho vos altres mateixos, aquí teniu alguns consells per a un pixel art gairebé instantani. Utilitzarem la funció de zoom d'OS X, Pixelfari, i també configurarem Photoshop per crear el vostre propi pixel art retro i netejar els resultats d' altres mètodes.

1) Utilitzeu Mac OS X Zoom per pixelar imatges i crear Pixel Art instantani

A hores d'ara ja sabeu que si manteniu premuda la tecla Control i després feu lliscar amb dos dits cap amunt o cap avall en un ratolí tàctil, ampliareu la pantalla (o manteniu premuda la tecla Control i feu servir una roda de desplaçament en un ratolí extern). Bé, si desactiveu l'anti-aliasing a l'eina OS X Zoom, podeu utilitzar aquesta funció per crear imatges pixelades a partir de qualsevol cosa. Així és com:

  • Premeu Ordre+Opció+\ per desactivar l'antialiasing al zoom de la pantalla
  • Passeu el cursor del ratolí sobre qualsevol imatge que vulgueu pixelar a l'instant
  • Control+Amplia la imatge i mira com creixen els píxels
  • Fes una captura de pantalla de tota la pantalla amb Command+Maj+3

Usant aquesta tècnica vaig crear aquest MacBook amb pixel-art a l'instant:

Si cal, podeu netejar la imatge a Photoshop utilitzant les tècniques de Photoshop esmentades en aquest article per editar-la a un nivell precís per píxel. Alguns consells per a aquest mètode:

  • Les imatges de base més petites són millors, crear icones a partir d'una imatge i fer-ne un zoom és genial
  • Més contrast és generalment millor
  • Prova diferents nivells de zoom

També és important fer una captura de pantalla a pantalla completa perquè la imatge es capti amb tota la glòria pixelada.

2) Dibuixa Pixel Art a Photoshop amb aquests consells de configuració

Si teniu Photoshop, podeu ajustar alguns paràmetres perquè sigui superior per dibuixar i editar pixel art:

  • Canvieu la manera com Photoshop escala les imatges ajustant les preferències d'“Interpolació d'imatges” a “Veïn més proper (conservar les vores dures)
  • Habilita una quadrícula mitjançant les preferències > Guies, quadrícules i recompte > 1×1
  • Configurar correctament l'eina Llapis a 1px de diàmetre amb 100% de duresa
  • Utilitzeu diversos nivells de zoom tant per a una visualització de píxels de prop com per a la resolució final desitjada

La configuració de Photoshop serà semblant a aquesta:

Aquestes tècniques de Photoshop provenen de Brandon Trebitowski, un desenvolupador d'iOS, i si esteu interessats a dissenyar pixel art, és molt recomanable llegir-lo, podeu llegir-lo aquí a BrandonTreb.com. .

3) Crea pixel art instantani amb Pixelfari

Un altre truc per accelerar la creació de pixel art i fins i tot fer pixel art gairebé instantània és utilitzar el navegador web de 8 bits Pixelfari . Pixelfari prové del desenvolupador Nevan Morgan i el podeu baixar a l'instant aquí.

Essencialment, tot el que heu de fer és arrossegar qualsevol imatge a Pixelfari i automàticament la representarà com a pixel art, i després fer una captura de pantalla de la finestra de Pixelfari. No és perfecte, però crea un bon punt de partida que després es pot perfeccionar utilitzant les tècniques anteriors esmentades per Brandon.

Aquí teniu el logotip d'OSXDaily llançat a Pixelfari sense cap altra edició, aquest és un bon exemple de com funciona.

Un cop més, si voleu netejar la sortida, podeu utilitzar els consells de Photoshop esmentats anteriorment, o fins i tot podeu utilitzar la funció de zoom d'OS X per hiperpixelar els resultats a Pixelfari.

Òbviament, hi ha més maneres de fer-ho, però per a una pixelació ràpida, les tècniques de Zoom i Pixelfari són excel·lents, i la configuració de Photoshop és perfecta per dibuixar des de zero o netejar les vostres imatges pre-pixelades.També podeu provar d'utilitzar Paintbrush, el clon de MSPaint, però és més difícil obtenir el preu amb aquesta aplicació. Finalment, una bona referència general és Natomic, que té alguns consells generals sobre l'ombrejat, la il·luminació, l'ús de línies i més, la seva informació antiga però els píxels ja fa temps que existeixen, de manera que les tècniques segueixen sent molt rellevants.

Guia de Pixel Art: 3 maneres de crear Pixel Art amb Photoshop