Guía de Pixel Art: 3 formas de crear Pixel Art con Photoshop

Tabla de contenido:

Anonim

El arte de píxeles de la variedad NES de flashback de 8 bits está de moda en este momento, ya sea en juegos como The Incident y Sword & Sworcery o simplemente para avatares en la web. Si se pregunta cómo se crea parte de ese hermoso arte de píxeles y cómo hacerlo usted mismo, aquí hay algunos consejos para el arte de píxeles casi instantáneo. Usaremos la función de zoom de OS X, Pixelfari, y también configuraremos Photoshop para hacer su propio pixel art retro y limpiar los resultados de otros métodos.

1) Usa el zoom de Mac OS X para pixelar imágenes y crear arte de píxeles instantáneo

Probablemente ya sepa que si mantiene presionada la tecla Control y luego desliza dos dedos hacia arriba o hacia abajo en un trackpad, podrá hacer zoom en la pantalla (o mantenga presionada la tecla Control y use una rueda de desplazamiento en un ratón externo). Bueno, si deshabilita el suavizado en la herramienta OS X Zoom, puede usar esta función para crear imágenes pixeladas de cualquier cosa. Así es cómo:

  • Presione Comando+Opción+\ para desactivar el suavizado en el zoom de la pantalla
  • Pase el cursor del mouse sobre cualquier imagen que desee pixelar instantáneamente
  • Control+Zoom en la imagen y ver crecer los píxeles
  • Toma una captura de pantalla de toda la pantalla con Comando+Mayús+3

Usando esta técnica, creé este MacBook con pixel art al instante:

Si es necesario, puede limpiar la imagen en Photoshop usando las técnicas de Photoshop mencionadas en este artículo para editar en un nivel preciso por píxel. Algunos consejos para este método:

  • Las imágenes base más pequeñas son mejores, crear íconos a partir de una imagen y hacer zoom en ellos es genial
  • Por lo general, más contraste es mejor
  • Pruebe diferentes niveles de zoom

También es importante tomar una captura de pantalla a pantalla completa para que la imagen se capture en todo su esplendor pixelado.

2) Dibuje 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 “Vecino más cercano (preservar los bordes definidos)
  • Habilitar una cuadrícula mediante preferencias > Guías, porciones de cuadrícula y recuento > 1×1
  • Configure correctamente la herramienta Lápiz a 1 px de diámetro con un 100 % de dureza
  • Utilice múltiples niveles de Zoom para una vista de píxeles de cerca y la resolución final deseada

Tu configuración de Photoshop se verá similar a esta:

Estas técnicas de Photoshop provienen de Brandon Trebitowski, un desarrollador de iOS, y si está interesado en diseñar pixel art, su publicación de blog sobre el tema es una lectura muy recomendable, puede leerla aquí en BrandonTreb.com .

3) Haz arte de píxeles instantáneo con Pixelfari

Otro truco para acelerar la creación de arte de píxeles, e incluso hacer arte de píxeles casi instantáneo, es utilizar el navegador web de 8 bits Pixelfari. Pixelfari proviene del desarrollador Nevan Morgan y puede descargarlo instantáneamente aquí.

Esencialmente, todo lo que necesita hacer es arrastrar cualquier imagen a Pixelfari y la renderizará automáticamente 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 se puede refinar utilizando las técnicas anteriores mencionadas por Brandon.

Aquí está el logotipo de OSXDaily incluido en Pixelfari sin otra edición, este es un buen ejemplo de cómo funciona.

De nuevo, 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 hiperpixelar los resultados en Pixelfari.

Obviamente, hay más 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 sus imágenes prepixeladas.También puede intentar usar Paintbrush, el clon de MSPaint, pero es más difícil obtener un precio con esa aplicación. Finalmente, una buena referencia general es Natomic, que tiene algunos consejos generales sobre sombreado, iluminación, uso de líneas y 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.

Guía de Pixel Art: 3 formas de crear Pixel Art con Photoshop