Pixel art está de moda en los videojuegos independientes modernos. Permite al artista impartir mucho carácter a un juego sin tener que pasar incontables horas modelando objetos 3D o dibujando a mano temas complejos. Si quieres convertirte en un artista de píxeles, el primer paso es crear un objeto. Una vez que se sienta cómodo creando sprites, puede comenzar a animar y comparar sus habilidades con posibles empleadores.
Pasos
Parte 1 de 7: Reúna sus herramientas
Paso 1. Descargue un buen software de edición de imágenes
Si bien puedes crear pixel art con Paint, te resultará difícil. Algunos de los programas de pixel art más populares incluyen:
- Photoshop
- Paint.net
- CAÑUTILLO
- Pixen
- Aseprite
- pixilart
Paso 2. Obtenga una tableta de dibujo
Si desea trazar el arte dibujado a mano o no le gusta usar el mouse para dibujar en la pantalla, puede usar una tableta y un lápiz. Wacom es uno de los fabricantes de tabletas más populares.
Paso 3. Active la vista de cuadrícula en su software de edición
Querrá habilitar el modo de cuadrícula en el software que elija. Esto le permitirá ver claramente dónde irá cada píxel. Por lo general, puede acceder a la vista de cuadrícula desde el menú Ver.
Es probable que deba configurar la cuadrícula para que cada cuadrado represente un píxel. El método para hacer esto varía de un programa a otro. En GIMP, puede cambiar esto desde el menú Imagen (seleccione "Configurar cuadrícula …")
Paso 4. Elija un lápiz de un solo píxel
Seleccione la herramienta Lápiz en su software de edición. En las opciones del lápiz, elija el pincel de un solo píxel. Esto le permitirá dibujar en píxeles individuales.
Parte 2 de 7: Practicando los conceptos básicos
Paso 1. Crea una nueva imagen
Dado que va a trabajar a nivel de píxeles, no es necesario que el tamaño de la imagen sea grande. La pantalla completa en el juego original de Super Mario Bros. es de solo 256 x 224 píxeles. ¡El propio Mario tiene solo 12 x 16 píxeles!
Paso 2. Acercar
Dado que va a trabajar con píxeles individuales, querrá acercarse mucho para poder ver la cuadrícula y dónde se coloca cada píxel individual. Es posible que deba acercar más del 800% para ver claramente los píxeles en la cuadrícula.
Paso 3. Practique dibujar una línea recta
Esto puede parecer un concepto simple, pero si la línea está a un píxel en el medio, se notará. Practique dibujar líneas rectas con el mouse o el lápiz óptico para no tener que cambiar a la herramienta de línea cada vez.
Paso 4. Practique dibujar líneas curvas
Las curvas deben producirse con roturas regulares en la línea de píxeles. Por ejemplo, una buena curva comenzaría con una ruptura de seis píxeles, seguida de una ruptura de tres píxeles, seguida de una ruptura de dos píxeles, seguida de una ruptura de un píxel. Luego, las rupturas se revertirían para formar el otro extremo de la curva. Una mala curva comenzaría con una ruptura de tres píxeles, seguida de una ruptura de un píxel, seguida de una ruptura de tres píxeles, o cualquier otra progresión extraña.
Paso 5. Utilice la herramienta Borrar para corregir errores
Al igual que la herramienta Lápiz, querrá configurar el borrador para borrar un píxel a la vez. Si el borrador es demasiado grande, será difícil borrar píxeles con precisión.
Parte 3 de 7: delineando tu primer sprite
Paso 1. Determina el uso del objeto
¿Será animado o estático? Puede poner más detalles en un sprite estático, pero es posible que desee mantener un sprite animado más simple, ya que necesitará volver a dibujar partes para la animación. Si el objeto se va a utilizar con otros objetos, querrá mantener un estilo artístico que conecte todo.
Paso 2. Descubra si existen limitaciones
Si está creando el objeto para un proyecto, determine si existen limitaciones de tamaño o color. Esto será más importante cuando comiences a trabajar en proyectos más grandes con muchos sprites diferentes.
La mayoría de los sistemas modernos no tienen realmente ninguna limitación en cuanto al tamaño de los sprites y la complejidad del color. Si está desarrollando un juego específicamente para un sistema antiguo, es posible que tenga más limitaciones
Paso 3. Haz un bosquejo
Intenta esbozar el concepto básico del objeto en una hoja de papel. Esto te permitirá ver cómo se verá el objeto y realizar ajustes en la pose u otras características. Puede usar este boceto como fuente de su trazado más adelante si tiene una tableta.
Haz el boceto detallado. Coloque todas las características que desee incluir para que pueda tener una idea de cómo se verá el objeto como producto terminado
Paso 4. Cree el esquema en su programa de edición
Utilice el contorno esbozado como referencia o trace el contorno con su bloc. Puede hacer clic y dibujar para crear el contorno o colocar cada píxel individualmente, la elección es suya.
Cuando crees tu primer objeto, usa negro sólido como color de contorno. Esto hará que sea fácil de distinguir. Puede cambiar manualmente el color del contorno más tarde
Paso 5. Limpiar el contorno
Acércate y comienza a borrar píxeles adicionales y arreglar líneas. El contorno solo debe tener un píxel de grosor, a menos que mantengas un contorno más grueso para el resto del sprite. Utilice su herramienta Lápiz para insertar píxeles para ayudar a corregir errores.
Concéntrese en los grandes detalles durante el proceso de bosquejo. Puedes volver atrás y agregar los pequeños toques más tarde
Parte 4 de 7: Colorear tu Sprite
Paso 1. Repase la teoría básica del color
Mire la rueda de colores para ayudar a determinar qué colores debe usar. Los colores uno frente al otro en la rueda serán muy distintos, mientras que los colores cercanos se verán bien uno al lado del otro.
Elija un conjunto de colores que le den a su objeto un aspecto distintivo sin ser demasiado discordante. Evite los colores pastel si es posible, a menos que todo el proyecto use ese estilo
Paso 2. Solo usa algunos colores
Cuanto más color agregue, más distraerá su objeto. Eche un vistazo a algunos de los sprites más icónicos y encontrará que a menudo solo usan unos pocos colores.
- Mario: el sprite clásico de Mario usa solo tres colores que están estrechamente relacionados.
- Sonic: Sonic tiene más detalles que el Mario original, pero solo se compone de cuatro colores con diferentes matices.
- Ryu: uno de los sprites de los juegos de lucha clásicos, Ryu usa grandes áreas de colores simples, con un ligero sombreado para definir. Ryu tiene cinco colores básicos con varios tonos.
Paso 3. Aplica tus colores
Utilice la herramienta Relleno para aplicar sus opciones de color a su objeto. En este punto, solo está aplicando el color base, así que no se preocupe por lo plano que se ve. La herramienta Relleno reemplazará todos los píxeles que coincidan con el píxel en el que hizo clic con el color seleccionado, hasta que se alcancen los límites.
Parte 5 de 7: Aplicar sombreado
Paso 1. Determine la "fuente de luz"
El ángulo en el que la luz incide sobre el objeto te ayudará a determinar dónde aplicar el sombreado para obtener un efecto más realista y creíble. Si bien no va a haber una luz, es muy importante saber la dirección en la que brilla la luz.
Puede ser más fácil sombrear con la fuente de luz que viene desde muy lejos por encima del objeto, ya sea desde la ligera derecha o la ligera izquierda
Paso 2. Aplique sombreado con un tono ligeramente más oscuro del color base
Si la fuente de luz proviene de arriba, el sombreado debería ocurrir en la "parte inferior" del objeto. Sombree las áreas que no se vean afectadas por la luz directa. Simplemente agregue algunas capas de píxeles por encima o por debajo de los contornos para agregar sombreado.
- Puede disminuir el valor de "lum" de su color base y aumentar ligeramente el valor de "tono" para obtener un buen color de sombreado.
- Nunca uses degradados. Se verán muy falsos y poco profesionales. Puede utilizar el tramado para imitar degradados (ver más abajo).
Paso 3. Agrega algunas sombras suaves
Elija un tono entre la oscuridad de la sombra y el color base original. Use este tono para agregar otra capa de sombra entre el sombreado y el color base. Esto dará el efecto de pasar de oscuro a claro.
Paso 4. Aplique algunos reflejos
Estos son los puntos en el objeto que más se golpean con la luz. Puede agregar reflejos usando un tono que sea un poco más claro que el color base. Use los aspectos más destacados con moderación, ya que pueden distraer la atención.
Parte 6 de 7: Uso de técnicas avanzadas
Paso 1. Pruebe un poco de difuminado
Este es un efecto que permite al artista representar un cambio de sombra. Le permite crear un efecto de degradado con solo unos pocos colores alternando la ubicación de los píxeles para crear las transiciones. La cantidad y la ubicación de dos colores de píxeles diferentes en un patrón pueden engañar al ojo para que vea diferentes tonos.
El difuminado tiende a ser usado en exceso por los principiantes, así que trate de evitar usarlo excepto en raras ocasiones
Paso 2. Practique el suavizado
El pixel art se define por los píxeles notables, pero a veces desea combinar las líneas para que todo se vea un poco más suave. El suavizado es la técnica que le permite hacer esto.
- Agrega colores intermedios a los pliegues de una curva. Agregue una capa de colores intermedios alrededor del contorno de la curva que desea suavizar. Si aún se ve demasiado áspero, agregue otra capa de un tono más claro.
- Si quieres que tu sprite se vea nítido en cualquier color de fondo, no suavices el borde exterior del contorno.
Paso 3. Aplicar delineado selectivo
Este es el término para colorear el contorno de manera similar a los colores utilizados para rellenar. Esto le dará al sprite un aspecto un poco menos "caricaturesco", ya que el contorno será un poco más natural. Intente delinear selectivamente la piel desnuda mientras usa el delineado tradicional en la ropa.
- Use un tono más oscuro que el color base de la sección que está delineando selectivamente. Usa la fuente de luz para cambiar el tono a medida que trazas el contorno, dando al objeto un aspecto más natural. Esto puede resultar especialmente útil para la piel y el tono muscular.
- El esquema tradicional es bueno si necesitas que tu sprite se mantenga distintivo sobre un fondo ajetreado.
Parte 7 de 7: Agregar los toques finales
Paso 1. Dale una buena mirada al sprite
Da un paso atrás y mira a tu sprite hasta este punto. Determina si algo se ve mal y luego corrige esas inconsistencias o errores.
Paso 2. Agregue detalles
Una vez que hayas terminado de colorear y sombrear, puedes agregar detalles como escritura, ojos, características adicionales y cualquier otra cosa que pueda llevar tu sprite al siguiente nivel. La atención al detalle al final es lo que separa a los artistas de píxeles aficionados de los profesionales.
Paso 3. Anima tu sprite
Si ha seguido los pasos anteriores, tendrá un único objeto estático. Esto está bien como obra de arte, pero si quieres crear sprites para juegos, es probable que necesites animarlos. Esto significa que cada fotograma de la animación deberá tener su propio objeto, con ligeros cambios con respecto al fotograma anterior. La colección de todos los sprites usados en una animación se llama "hoja de sprites".
- Consulte esta guía para obtener detalles sobre la animación de una hoja de sprites en GIMP.
- Crear animaciones únicas y atractivas para sprites es una forma en que los artistas de píxeles expertos se separan de los aficionados. Una buena animación puede dar mucha vida a un objeto.
Paso 4. Crea un portafolio
Si desea llevar sus habilidades de pixel art al mundo del desarrollo de videojuegos, querrá tener una cartera sólida para presumir ante posibles empleadores. Incluye varios de tus mejores sprites, así como algunas animaciones si las tienes. Incluya una variedad de temas, incluidos personajes, escenarios, accesorios y más.
