He traducido este tutorial DE ACÁ, de EDG (@endesga), espero les ayude 😃
*Nota: en la parte de líneas y curvas si no entienden lo de números múltiplos, pueden checar ESTE CURSO donde se explica mucho mejor
INTRODUCCIÓN
PIXEL ART. El poder del pixel art a menudo se subestima, y dado que la mayoría de los juegos indies lo utilizan y las expectativas de los jugadores son tener una obra de arte muy detallada. Mucha gente busca ayuda, guías y tutoriales, incluyéndome a mí hace muchos años atrás. Siempre he sido artista y dibujante, pero el pixelart se ha convertido en mi nueva obsesión. Lo que pasa con el pixel art es que hay muchos, muchos (básicamente infinitos) estilos y formas diferentes de dibujar cosas… así que este tutorial es más una GUIA para que puedan encontrar su propio estilo, en lugar de simplemente copiar lo que he dibujado. Te animo profundamente a que persigas y superes todos los obstáculos relacionados con aprender pixel art. ¡Si yo puedo hacerlo, tú también puedes!
HERRAMIENTAS Y APLICACIONES Para NYKRA, actualmente estoy usando Photoshop, pero sólo por costumbre. Recomiendo mucho más usar Aseprite o GIMP. Pyxel Edit también es bastante bueno junto con muchos otros.
TAMAÑO Y ESCALA Cuando se trata de pixel art, los mosaicos(tiles) son increíblemente útiles. Puede ser para un juego o incluso solo para un estilo específico; Pero los mosaicos no solo son útiles, también ayudan con la escala.
LA ESCALA ES LO MÁS IMPORTANTE. La razón por la que la escala es importante es porque nos ayuda a asegurarnos de que lo que estamos dibujando no sea ridículamente irreal. Sin embargo, si estas buscando dibujar cosas poco realistas a propósito, ¡entonces la escala depende de usted! Pero mayormente preferiras elegir un tamaño de lienzo que se ajuste a todo lo que necesitas en una pieza.
En cuanto a los tamaños de las baldosas, consulte esta imagen:
Casi todos los mosaicos que he dibujado son de 16×16, debido al hecho de que es fácil expresar suficientes detalles sin tener que necesitar llenar un gran espacio. Es posible que quieras elegir una subescala ~ y recuerda decirte que no debes dibujar sprites que no sean múltiplos de 8 o 4. En mi caso, todos los mosaicos de NYKRA encajan en una cuadrícula de 8×8 Y una cuadrícula de 16×16. ¡Esto asegura que lo que está dibujando sea proporcional!
Si estas dibujando una hoja de sprites, un buen tamaño de lienzo es 16x el tamaño de sus mosaicos:
8×8 –> 128×128 canvas
12×12 –> 192×192 canvas
16×16 –> 256×256 canvas
24×24 –> 384×384 canvas
32×32 –> 512×512 canvas
El PROPÓSITO ¡TIENES QUE DIBUJAR POR UNA RAZÓN! Si se trata de practicar, dibujar algunos sprites de un juego, o incluso una pieza artística, debes tener algún tipo de “propósito” de por qué estás dibujando. Puedes dibujar sin un propósito, pero es mucho más fácil cuando sabes lo que quieres. Puedes pensar: “Voy a dibujar algunos arbustos para mi juego” “Voy a practicar formas corporales” “Voy a jugar y encontrar una buena paleta de colores” “Voy a explorar diferentes formas de dibujar piedras”
PALETA ¡Ahora viene lo jugoso! Hay un sin número de paletas. ¡INCONTABLES! “¿Entonces cuál elijo?” Bueno, quizás puedo ayudarte. La mayoría de las paletas, como la paleta 16 de Arne, la magnífica paleta DawnBringer32 y la legendaria paleta PICO-8, son realmente buenas para trabajar. Y aunque los artistas que las crearon tienen más experiencia que yo, descubrí que las paletas carecían de dirección hacia el uso de materiales. “¿Uso de material?” Bueno, me refiero a que los colores se organizan y forman en torno a la idea de que funcionan juntos, para que tú, como artista, puedas pintar con materiales. Y con eso, aquí está la primera de mis dos paletas. ENDESGA ~ 16 (EDG16): Hex (left to right colours on top bar):
#e4a672 #b86f50 #743f39 #3f2832 #9e2835 #e53b44 #fb922b #ffe762 #63c64d #327345 #193d3f #4f6781 #afbfd2 #ffffff #2ce8f4 #0484d1
En muchos casos, usar el PICO-8, DB32 o ARNE16 sería mucho más versátil. Pero descubrí QUE para mí -desarrollando NYKRA- que colocando los colores en los “materiales”, puedes estructurar fácilmente en diferentes objetos.
Hablando de estructuras…
PINTAR Y CREAR ¡OKEY! Entonces, en esta parte, te mostraré los 6 pasos básicos para dibujar un sprite. Écha un vistazo y te lo explicaré a continuación:
Aquí estamos dibujando un sprite rápido (súper rápido) de una planta parecida a una palmera con formas muy básicas. Algo que me resulta más fácil es usar un pincel de 2×2 píxeles. ¡Esto puede hacer que tu arte se vea un poco más grueso y más agradable a la vista!
Aquí comenzamos con una “mancha” random, que será donde crearemos las hojas.
Esta es la primera etapa de iluminación de las hojas. Me gusta ir desde la parte superior izquierda hacia abajo 45 grados, pero puedes ir desde cualquier dirección. Puedes tambien elegir desde arriba a la izquierda o de arriba a la derecha.
Esta es la segunda y última etapa de iluminación de las hojas. Piensa en el volumen y juegua con la cantidad de luces que hay. La regla general es que en el ambiente hay una cantidad de medidas, mucha oscuridad o incluso más luces. ¡Pero esto depende de ti!
Se coloca la forma básica del tronco.
Se pone la iluminación del tronco. Ahora, recuerda que las hojas tienen PROFUNDIDAD ¡Y la profundidad es increíblemente importante para hacer que tu arte haga POP! Aqui puedes ver que hay sombras que vienen de las hojas.
Última capa de iluminación y algunos detalles adicionales.
Y mira, ¡No se ve tan mal!
PRIMORDIAL:
Dale a la luz una dirección agradable
¡Recuerda que los objetos son 3D! Ten en cuenta la profundidad.
Trate de mantener limpias las formas.
Se coherente con la forma. ¡No hagas pequeños detalles de 1×1 píxeles en una cosa y luego ninguno en otra!
¡Recuerde que las paletas EDG están diseñadas para materiales!
EDG32
Hex: #be4a2f #d77643 #ead4aa #e4a672 #b86f50 #733e39 #3e2731 #a22633 #e43b44 #f77622 #feae34 #fee761 #63c74d #3e8948 #265c42 #193c3e #124e89 #0099db #2ce8f5 #ffffff #c0cbdc #8b9bb4 #5a6988 #3a4466 #262b44 #ff0044 #181425 #68386c #b55088 #f6757a #e8b796 #c28569 ¡Esta es la paleta oficial de mi proyecto, NYKRA, que por cierto es este DevLog de aquí! Espero que decidas intentar usar esto, luego, una vez que haya dominado las formas, ¡INTENTA HACER TU PROPIA PALETA!
TÉCNICAS Y DISEÑO DE PERSONAJES Debido a que este tutorial se está volviendo popular en Twitter, ¡he decidido ampliarlo! Entonces, aquí hay algunos consejos y procesos cuando se trata de dibujar personajes:
Empiezo con el tamaño de (32×32), luego decido hacer que el personaje sea un poco más alto. Luego bloqueo las formas COMPLETAMENTE AL AZAR. ¡Sí, no dibujé previamente a este personaje! Esto es para demostrar que no siempre es necesario tener una guía específica. Dibuja algunas manchas, ¡dales vida! Después de eso, realice iluminaciones y edicion. Y una vez que decido “Este tipo va a ser un guerrero dragón-lagarto”, finalicé su diseño. Este tipo usa la paleta EDG32 y, como puede ver, ¡es muy fácil bloquear los colores y la iluminación!
PROCESO CREATIVO Cuando se trata de convertir el PLOP!!! en un diseño de personaje, se necesita mucho “hm, ¿Esto se ve bien?” Piensa en la estructura y recuerda que es mejor encontrar lo que parezca mejor. Para este personaje, originalmente dibujé la mancha verde, ¡que pensé que podría convertirse en una cabeza! Entonces, todo lo que se necesita es un poco de preguntas y una ligera dirección, y se está listo para comenzar. Otros detalles como la correa y el arma se deben a que NYKRA tiene una visión similar del diseño de personajes. Formas simples y características fáciles de reconocer. ¡Toma algo de tu tiempo e intenta dibujar un personaje! Tal vez incluso puedes vuelvor a redibujarlo unas cuantas veces. Mi personaje Keu tomó muchos intentos para llegar al punto en el que ella se ve perfecta para mí ¡y eso es todo lo que a veces necesitas!
LÍNEAS Y CURVAS Cuando se trata de dibujar líneas, ¡es importante tener en cuenta las matemáticas! Piensa en “múltiplos de 1, 2, 3, 4, etc.”
Como puedes ver, las líneas van de 1 transversal, de 2 hacia arriba, de 1 transversal, de 2 hacia arriba. ¡Sencillo! Esto mantiene las cosas limpias, así que trata de evitar líneas aleatorias y desordenadas. Y también se aplica a las curvas. Por lo general, puedes pensar “1,1,1,2,3,5,8,5,3,2,1,1,1” lo cual requiere que dibujes cada píxel a mano(contando). Pero al final se ve un millón de veces mejor que un bamboleo desordenado a mano alzada.
DELINEAR O NO DELINEAR ¡ES TU ELECCION! Sin embargo, una cosa que se debe evitar es simplemente delinear el sprite, en lugar de tomar la forma en cuenta. Me refiero a esto:
Como pueden ver, ¡el personaje se ve bien sin un contorno y de repente se ve terrible cuando se le PONE un contorno sólido alrededor del personaje. La tercera imagen es tener en cuenta el material y la profundidad; Y esta es la forma de hacerlo bien Acá en la última imagen se usa colores más oscuros para dar aún más profundidad, lo que puede verse realmente increíble cuando se hace bien!
COLOR DEL DELINEADO y la “tinta” magica Dado que las paletas EDG16 y EDG32 tienen una alta saturación, sería un pecado usar negro puro como contorno.
Uno de los colores en ambas paletas es lo que llamo “Tinta”. Este color une todos los colores de las paletas y suaviza los contornos.
¡POR FAVOR NO USE NEGRO PURO!
La diferencia no es enorme, pero cuando tienes un fondo más oscuro, ¡realmente lo hace más agradable!
CAMBIO DE PALETA Y ROCAS
Aquí te mostraré cómo hago para dibujar rocas:
RECUERDA: ¡LA SIMPLICIDAD ES CLAVE! Trate de no usar los 6 colores para una sola piedra. ¡Mantenlo suave y limpio!
Las rocas son relativamente fáciles de construir. Principalmente debes recordar que la piedra está formada por capas y trozos. ¡Así que dibuja una buena mancha y construye las formas! Además, como puede ver, ¡se puede cambiar fácilmente la paleta! Los metales como el aluminio son más brillantes, ¡y tal vez el basalto o el acero podrían ser los más oscuros! ¡Fácil!
DISEÑO DE ARMAS, ARTÍCULOS Y HERRAMIENTAS Por solicitud popular, contaré algunos conceptos básicos para el diseño de artículos. Una cosa importante para recordar al dibujar elementos es que es mejor no ser demasiado preciso. Usar una tableta gráfica puede ayudar con esto, pero si no tiene una, intente darle vida a los elementos. Compara los 3 diseños habituales de la izquierda con los de la derecha.
¡Intenta evitar la simplicidad! La mayoría de los artículos están dentro de un tamaño de mosaico pequeño, ¡así que aprovecha e incluye pequeños detalles ¿Una enredadera sujetando la cabeza del pico? ¡Por qué no! Asegúrate de explorar opciones y diseños, porque cada elemento está ahí para mostrar una parte del juego. ¡Cada píxel cuenta! Si está dibujando un pico, haga que parezca que se ha usado. ¡Dale a la espada un poco de cuero o haz que el pan se coma a medias! Cuando dibujo elementos, trato de asegurarme de que atraigan tus ojos, ¡así que usa más de 2 materiales si es posible!
En conclusión, les recomiendo que pruebe la paleta EDG16 o la paleta EDG32 para practicar. Realmente no es demasiado difícil, una vez que tienes buenos colores todo se forma por sí solo.
Opmerkingen