Guía de Pixel Art: 3 formas de crear Pixel Art con Photoshop, OS X Zoom y Pixelfari
El pixel art del flashback de NES de 8 bits está de moda ahora, ya sean juegos como The Incident y Sword & Sworcery o solo para avatares en la web. Si se está preguntando cómo crear algunos de los pixel art más hermosos y cómo hacerlo usted mismo, aquí hay algunos consejos para el pixel art casi al instante. Usaremos la función de zoom OS X, Pixelfari y también configuraremos Photoshop para crear tu propio pixel art retro y limpiar los resultados de otros métodos.
1) Utilice Mac OS X Zoom para pixelar imágenes y crear píxeles instantáneos
Probablemente ya sepa que si mantiene presionada la tecla Control y luego desliza hacia arriba o hacia abajo en un trackpad con dos dedos, ampliará la pantalla (o mantenga presionado el botón Control y use una rueda de desplazamiento en un mouse externo). Bueno, si deshabilita el suavizado en la herramienta OS X Zoom, puede usar esta función para crear imágenes pixeladas a partir de cualquier cosa. Así es cómo:
- Pegar Comando + Opción + para deshabilitar el suavizado en el zoom de la pantalla
- Coloque el cursor del mouse sobre la imagen que desea pixelar instantáneamente
- Control + Acercar y ver crecer los píxeles
- Tome una captura de pantalla de toda la pantalla con Comando + Mayús + 3
Usando esta técnica, creé instantáneamente esta MacBook con pixel art:
Si es necesario, puede limpiar la imagen en Photoshop utilizando las técnicas de Photoshop mencionadas en este artículo para editar a un nivel preciso por píxel. Algunos consejos para este método:
- Las imágenes básicas más pequeñas son mejores, crear iconos a partir de una imagen y agrandarlos es genial
- Más contraste es generalmente mejor
- Prueba diferentes niveles de zoom
También es importante tomar una captura de pantalla completa para que la imagen se capture en toda su gloria pixelada.
2) Dibuja Pixel Art en Photoshop con estos consejos de configuración
Si tiene Photoshop, puede ajustar algunas configuraciones para que sea superior para dibujar y editar pixel art:
- Cambie la forma en que Photoshop escala las imágenes ajustando las preferencias de «Interpolación de imágenes» a «Próximo vecino» (mantenga los bordes duros)
- Active una cuadrícula a través de Preferencias> Guías, cortes de cuadrícula y conteo> 1 × 1
- Configure correctamente la herramienta Lápiz a un diámetro de 1 px con una dureza del 100%
- Utilice varios niveles de zoom tanto para una vista de píxeles de cerca como para la resolución final deseada
La configuración de Photoshop se verá similar a esto:
Estas técnicas de Photoshop provienen de Brandon Trebitowski, un desarrollador de iOS, y si está absolutamente interesado en diseñar pixel art, es muy recomendable leer su blog sobre este tema, puedes leerlo aquí en BrandonTreb.com.
3) Crea Pixel Art instantáneo con Pixelfari
Otro truco para acelerar la creación de pixel art e incluso para crear pixel art casi instantáneamente es utilizar el navegador web Pixelfari de 8 bits. Pixelfari proviene del desarrollador Nevan Morgan y puedes descárgalo instantáneamente desde aquí.
Básicamente, todo lo que tienes que hacer es arrastrar cualquier imagen a Pixelfari y automáticamente renderizará la imagen como pixel art, luego tomará una captura de pantalla de la ventana de Pixelfari. No es perfecto, pero crea un buen punto de partida que luego puede refinarse utilizando las técnicas mencionadas anteriormente por Brandon.
Aquí está el logotipo de OSXDaily lanzado en Pixelfari sin más edición, este es un buen ejemplo de cómo funciona.
Nuevamente, si desea limpiar la salida, puede usar los consejos de Photoshop mencionados anteriormente o incluso puede usar la función de zoom de OS X para hiper-pixelar los resultados en Pixelfari.
Obviamente, hay varias formas de hacer esto, pero para una pixelación rápida, las técnicas Zoom y Pixelfari son excelentes, y la configuración de Photoshop es perfecta para dibujar desde cero o limpiar imágenes pre-pixeladas. También puede intentar usar Paintbrush, el clon de MSPaint, pero es más difícil obtener un precio con esta aplicación. Finalmente, una buena referencia general es Natomic, que tiene algunos consejos generales sobre sombreado, iluminación, uso de líneas y mucho más, su información antigua, pero los píxeles existen desde hace mucho tiempo, por lo que las técnicas siguen siendo muy relevantes.