PIXEL ART: GUIDE DÉBUTANT FACILE

PIXEL ART: FÁCIL GUÍA PARA PRINCIPIANTES

Aquí hay un pequeño artículo sobre cómo empezar a hacer pixel art, destinado a aquellos que son realmente nuevos o que nunca han abierto el software pixel art.

Por ahora solo cubro los conceptos básicos, cómo crear un archivo, ajustar el tamaño del lienzo y trabajar con un límite de color.

ANTES DE COMENZAR

Antes de entrar en el arte del pixel, recuerde: el arte del pixel es solo otra forma de expresión artística, como gouaches, pintura al óleo, lápiz, escultura o su mosaico.

Para hacer un buen pixel art, necesitas poder dibujar buenos dibujos. En general, esto significa estudiar anatomía, perspectiva, luces y sombras, teoría del color e incluso historia del arte, ya que todos estos son elementos esenciales para hacer un buen pixel art. .

HERRAMIENTAS

No es necesario tener conocimientos especiales para hacer un buen pixel art, y puede arreglárselas incluso con un buen mouse y software gratuito.

Aquí hay una lista de software de pixel art de uso común:

  • Aseprite : excelente editor profesional con muchas funciones para ahorrar tiempo (de pago)
  • GráficosGale : Un clásico, utilizado en muchos juegos. Es un poco complejo, pero lleno de funciones interesantes (gratis).
  • Piskel : Editor en línea gratuito de Pixel Art (gratis)
  • Photoshop : potente editor de imágenes no diseñado para pixel art, pero que puede configurar para usar (pago)

ASEPRITE

Aseprite es mi software de pixel art favorito. Es increíblemente potente, lleno de funciones y, sin embargo, fácil de usar. Elegí Aseprite como software para este tutorial, pero estoy bastante seguro de que puede adaptarlo a cualquier otro software que utilice con una mínima modificación.

También puede obtener la versión de prueba gratuita de Aseprite, pero tenga en cuenta que no hará una copia de seguridad de sus archivos, lo cual está bien si solo está practicando.

CREAR UN ARCHIVO NUEVO

Simplemente haga clic en el enlace "Nuevo archivo ..." en la pantalla de bienvenida o vaya a Archivo> Nuevo archivo y podemos comenzar a dibujar.

Creemos un nuevo archivo. 16 por 16 probablemente parece un poco demasiado pequeño, pero creo que es un buen lugar para comenzar. Las resoluciones más altas pueden distraerlo de aquello en lo que debería concentrarse en este momento.

panda de pixel art

Puedes dejar el modo de color en RGBA, es el más fácil e intuitivo por ahora. A algunos pixelistas les gusta trabajar con una paleta indexada que hace algunas cosas de color bastante interesantes, pero también tiene algunos inconvenientes.

Mantenga el fondo transparente o blanco, eso no cambiará mucho todavía. Solo asegúrese de que las opciones avanzadas estén desmarcadas (pero siéntase libre de probarlas más tarde) y listo.

¡DIBUJEMOS!

Hay muchas barras de herramientas y menús, pero no se preocupe, solo necesitamos unos pocos botones por ahora. La herramienta principal es el Lápiz, que siempre debe tener 1 píxel de ancho, y así es como colocaremos nuestros píxeles en el lienzo. Simplemente haga clic en el botón, o presione B, y haga clic en la pantalla para colocar un píxel del color elegido.

panda de pixel art

A la izquierda puede ver su combinación de colores, con algunos de los colores predeterminados. Cambiemoslos a otro conjunto más simple. Haga clic en el tercer icono en la parte superior de la paleta de colores (Presets) y elija ARQ4 (una paleta muy buena), este es el que usarás para tu primer sprite.

Ahora usando solo los 4 colores en la parte superior izquierda, intente sacar una taza.

Siéntete libre de inspirarte en el mío, pero también trata de hacerlo único. Si comete un error alt + clic en un área vacía o fuera de tu dibujo y "tomas" el color transparente y puedes usarlo para borrar píxeles. También puede hacer clic en el borrador o presionar E para seleccionarlo.

Probablemente notará que trabajar con una resolución tan baja es muy diferente a un dibujo normal. Todo tiene que estar calculado, y cada píxel que coloques es una gran elección que debes tomar. Esto es algo a lo que tendrás que acostumbrarte.

arte de pixel

También puede experimentar con los otros botones de la barra de herramientas. Curiosamente, algunos botones abren más opciones cuando se presionan. Por ahora, evite la herramienta de desenfoque, ya que agrega colores y no queremos eso todavía.

¡Entonces hagamos más sprites! tratar dibuja una calavera, una espada y un rostro humano. Esta vez sin mi referencia de pixel art. Si cree que los sprites no encajarán en el lienzo, está bien, intente abstraer algo en un solo píxel y vuelva a intentarlo. Es muy difícil trabajar con una resolución tan baja y, a veces, parece un rompecabezas.

Siempre es un buen ejercicio. Si desea seguir practicando, intente hacer algunos dibujos más con estas restricciones.

GUARDAR SU ARCHIVO

Para guardar su archivo, presione Ctrl + S (o vaya a Archivo> Guardar como ...), elija un nombre de archivo y una ubicación, y simplemente presione Guardar.

Recuerda que en la versión de prueba de Aseprite, ¡la copia de seguridad está deshabilitada!

tutorial de pixel art panda

Verá que Aseprite puede guardar en una variedad de formatos, pero siempre recomiendo mantener una versión .ase de cada archivo que cree. Al igual que en Photoshop, mantendrá un archivo .PSD. Al exportar para la web o juegos, puede usar Control + Alt + Shif + S o Archivo> exportar.

dibujo pixel art cofre

Aseprite tiene una función de cambio de tamaño muy buena en la ventana de exportación. Solo escala tu sprite en números redondos, lo cual es perfecto. Si cambia el tamaño de su sprite al 107%, por ejemplo, romperá píxeles en todas partes y eso será un desastre, pero si lo cambia al 200%, cada píxel ahora tendrá 2 píxeles de ancho y alto, por lo que se verá hermoso y limpio.

UNA LONA MÁS GRANDE

Ahora que tiene lo básico, como crear un nuevo archivo, guardar y dibujar en el lienzo, intentemos dibujar en un lienzo un poco más grande, de 32 por 32 píxeles. También usaremos una paleta más grande ahora, pruebe el AAP-Micro12. Esta vez vamos a sacar una pala.

A diferencia del sprite de 16 por 16, podemos ajustar algunos esquemas aquí, así que comencemos con eso.

AQUÍ ESTÁ LA DESCRIPCIÓN DE MI PROCESO:

  • Paso 1: Líneas

pala de pixel art

Este estilo de línea es lo que llamamos una línea de píxeles perfectos, tiene solo un píxel de ancho y se conecta diagonalmente con los otros píxeles. Al hacer líneas como esta, evitamos los bordes no intencionales, como aquí:

dibujo de pixel art

Aseprite también tiene una función de configuración de pincel realmente buena para hacer esto casi automáticamente: con su herramienta de cepillado seleccionada, haga clic en el cuadro Pixel-Perfect. Recuerde apagarlo cuando no esté trabajando con esquemas, ya que probablemente se interpondrá en su camino.

pixel perfecto

  • Paso 2: colores básicos

pala de color pixel art

La ventaja de tener una selección limitada de colores es que no se verá abrumado con demasiadas opciones. Por eso es mucho más difícil trabajar con muchos colores, si tienes un color en tu paleta, no hay excusa para no usarlo lo mejor que puedas. mi

Intente pensar en ello como un rompecabezas, experimente mucho, incluso con combinaciones extrañas o inusuales hasta que encuentre lo que crea que es la "mejor combinación" para cada área.

  • Paso 3: Sombreado

sombreado de pala de pixel art

Usa tu paleta para crear luces y sombras de forma creativa. Como estás trabajando con una paleta muy pequeña, no tendrás todas las tonalidades con un brillo diferente, por lo que tendrás que improvisar.

humano en pixel art

En el ejemplo de la izquierda, estoy usando la misma paleta que usted, el AAP-Mini12. Cuando dibujé este personaje en verde, no tenía un color verde claro, así que elegí el tono más cercano que tenía, que es el amarillo. Lo mismo pasó con la sombra, elegí el azul porque era el tono más cercano. Pero, ¿y si hubiera ido por el otro lado? Podría conseguir un azul más claro y un rojo más oscuro, ¿no? Bueno en realidad no:

humano en pixel

Es un efecto genial, pero claramente hay algo mal. Por lo general, querrás que los tonos fríos sean tus sombras y los tonos cálidos tu luz principal, o pueden verse raros. Esta no es una regla estricta y rápida, hay muchas excepciones, pero si no está seguro, hágalo.

  • Paso 4: suavizado y pulido

pulido con pala de píxeles

Esta es la parte del dibujo en la que intenta hacer que los píxeles estén un poco menos "punteados". El suavizado manual es un tema complejo, y probablemente necesitemos un artículo completo para discutirlo, pero la teoría es que utilizará medios tonos para simular "medios píxeles" y suavizar los bordes. Pero no te preocupes demasiado por eso todavía, ya que se trata de hacer que tu sprite sea lo más legible posible.

Otra buena idea en este paso es eliminar algunos píxeles huérfanos para reducir el ruido. Los píxeles huérfanos son píxeles que no forman parte de un grupo más grande de píxeles del mismo color y no forman parte del suavizado, como este:

planeta en pixel art

¿Ves las pequeñas islas de 1 píxel a la izquierda? Estos son píxeles huérfanos, como puede ver, el planeta es mucho más hermoso después de fusionar estos píxeles con otros píxeles vecinos del mismo color.

¿Y las estrellas en este ejemplo? Bueno, están aquí para demostrar que los píxeles huérfanos no siempre son malos, estas estrellas funcionan exactamente como se espera, creando una textura ruidosa y resaltando el contraste en el fondo.

La idea no es eliminar sin pensar los píxeles huérfanos, sino caminar a través de ellos y preguntarse: ¿este píxel realmente necesita estar solo?

Y AHORA ?

¡Ahora es el momento de experimentar con más colores y resoluciones más grandes! Podrías tomar un ejemplo de nuestros ART PANDA PIXELS, pero tómatelo con calma, tal vez 48 por 48 y 16 colores, etc. Si realmente está comenzando, me saltaría la animación por ahora y me enfocaría en aprender imágenes estáticas primero.


Dejar un comentario

Por favor tenga en cuenta que los comentarios deben ser aprobados antes de ser publicados