Guía de Pixel Art: 3 formas de crear arte de píxeles con Photoshop, Zoom de OS X y Pixelfari

El pixel art estilo NES de 8 bits está de moda: juegos como Incident o Sword & Sworcery, avatares web, ilustraciones retro. Si te preguntas cómo se crea y quieres hacerlo tú mismo, aquí tienes tres técnicas para conseguir resultados casi instantáneos. Usaremos la función Zoom de OS X, el navegador Pixelfari y configuraremos Photoshop para dibujo y limpieza a nivel de píxel.

1) Usar el Zoom de Mac OS X para pixelar imágenes y crear Pixel Art al instante

Probablemente ya sepas que manteniendo Control y deslizando dos dedos en el trackpad (o rueda del ratón) activas el zoom de pantalla. Pues bien, si desactivas el suavizado en la herramienta Zoom de OS X, puedes usarla para pixelar cualquier imagen.

Pasos:

1. Pulsa Opción + Comando + \ para desactivar el suavizado en el zoom de pantalla.
2. Sitúa el cursor sobre la imagen que quieres pixelar.
3. Control + zoom sobre la imagen y observa cómo crecen los píxeles.
4. Captura toda la pantalla con Comando + Mayús + 3.

Con esta técnica creé al instante este MacBook pixelado:

Consejos para este método:

• Las imágenes base pequeñas funcionan mejor: crea iconos a partir de una imagen y haz zoom sobre ellos.
• Más contraste suele dar mejores resultados.
• Prueba diferentes niveles de zoom.

Importante: captura a pantalla completa para obtener la imagen pixelada en toda su gloria.

2) Dibujar Pixel Art en Photoshop con estos ajustes

Si tienes Photoshop, ajusta estas preferencias para que sea ideal para dibujar y editar pixel art:

• Cambia la interpolación de imagen a "Vecino más cercano (preservar bordes duros)".
• Activa una cuadrícula: Preferencias > Guías, cuadrícula y rebanadas > Cuadrícula: 1 × 1 px.
• Configura la herramienta Lápiz a 1 px de diámetro con 100% dureza.
• Usa varios niveles de zoom: vista cercana de píxeles y resolución final.

La configuración de Photoshop quedará así:

Estas técnicas vienen de Brandon Trebitowski, desarrollador iOS. Su artículo en BrandonTreb.com es lectura obligada si te interesa el diseño de pixel art.

3) Crear pixel art instantáneo con Pixelfari

Otro truco para acelerar la creación es Pixelfari, un navegador web de 8 bits del desarrollador Nevan Morgan. Descárgalo aquí.

Basta con arrastrar cualquier imagen a Pixelfari: la renderiza automáticamente como pixel art. Luego captura la ventana de Pixelfari. No es perfecto, pero crea un excelente punto de partida que puedes refinar con las técnicas anteriores.

Aquí el logotipo de OSXDaily pasado por Pixelfari sin más edición:

Para limpiar la salida, usa los consejos de Photoshop mencionados, o incluso el zoom de OS X para hiper-pixelar los resultados de Pixelfari.

Obviamente hay más métodos, pero para pixelado rápido el zoom y Pixelfari son geniales, y la configuración de Photoshop es perfecta para dibujar desde cero o limpiar imágenes pre-pixeladas. También podrías probar el pincel, clonar en MS Paint, pero es más difícil conseguir precisión. Como referencia general, Natomic tiene consejos sobre sombreado, iluminación, líneas y más; su información es antigua pero las técnicas siguen vigentes.