[Lecciones] Editando sprites...
por
- 31/10/2007 a las 18:25 (5776 Visitas)
Qué pasa, pataliebres!
Para comenzar con el mundo del pixel art vamos a empezar con algo muy sencillo, que cualquiera puede hacer y que además sirve para aprender combinar determinados colores. Hoy vamos a aprender a editar un sprite, es decir, un gráfico ya existente que forma parte de una serie de imágenes que conforman una animación y que, por lo general, hacen uso de transparencias para adoptar formas distintas al rectángulo. En Wikipedia teneis una definición mucho más precisa y elaborada
Bien, coged vuestros ratones que empezamos!
Como base vamos a utilizar a uno de los personajes más queridos por los aficionados a los videojuegos:
Esta es una imagen (con un zoom x3, para que se vea mejor) que pertenece al diseño de Sonic en Sonic 3 y Sonic & Knuckles. Formada tan solo por 15 colores (la Megadrive solo podía mostrar 64 al mismo tiempo en pantalla, por lo que tenían que exprimir al máximo la paleta que usaban).
Nosotros vamos a partir de esta imagen para crear nuestra propia versión, coloreada a nuestro gusto. Yo he preferido elegir una gama de colores parecidos a los originales, pero podeis usar los que querais, siempre y cuando respeteis unos patrones de sombreado y brillos.
- PASO 1
Lo más fácil de todo, cogemos el original y nos cargamos absolutamente todos los detalles con colores planos salvo dos o tres cosas (como el borde de las orejas, para saber diferenciarlas luego, o los márgenes de las zapatillas). Debería quedar de una manera parecida a esta:
Como veis uso un color verde de fondo, pero más que nada por practicidad, para que se diferencie mejor del color del foro.
- PASO 2
Empezamos a utilizar dos o tres colores de la misma gama que los que elegimos antes, pero un poco más oscuros, intentando simular cierto volumen en la imagen, dando la sensación de que Sonic no es plano. Procurado no excederos demasiado, pues más adelante tendremos que usar colores intermedios para dar un efecto de degradado, aunque no hay que excederse con esto. Recordad que estamos trabajando con un sprite de 32x48 píxeles, por lo que en más de una ocasión nos quedaremos sin espacio para pintar.
- PASO 3
Es en este paso donde aplicamos esos degradados, pretendiendo buscar un aspecto más uniforme. Es recomendable usar algunos colores más oscuros en los bordes de algunas zonas para evitar que se unan demasiados colores claros que puedan crear un efecto óptico de falta de definición. De todas maneras tampoco hay que pasarse.
- PASO 4
Ahora que ya tenemos prácticamente rematado el aspecto general del dibujo, es cuando empezamos a dibujar detalles de pequeño tamaño. Esto hay que hacerlo con cuidado, pues son difíciles de rectificar si nos equivocamos, ya que se hacen modificaciones tan pequeñas, que muchas veces se nos olvida corregirlas. Guardad la imagen cada poco tiempo y a ser posible tened una copia de seguridad a mano.
Fijaos en los ojos o la hebilla de la zapatilla derecha de Sonic, no son más que 2, 3, 4 píxeles como mucho. No conviene usar demasiados píxeles y colores para hacer detalles, pues podría salirte mastodónticos y romper la proporción de la imagen. En el pixel art un píxel del color adecuado, en el sitio correcto puede simular ser un precioso brazalete, o unos ojos de gran brillo.
- PASO 5
Ya solo queda rematar la faena. Es en este punto donde retocamos lo que no nos acaba de convencer y añadimos los detalles finales. Como dije antes, guardad cada poco tiempo el progreso que lleveis.
Le he añadido una boca como si estuviera serio y algunos píxeles oscuros más para reforzar el impacto visual de algunas áreas. Es ahora cuando comparamos nuestra obra con la original
Cuál os parece mejor?
Recordad que lo importante para esta lección es que aprendais a editar sprites, no tiene porque lucir mejor que el original de entrada (de hecho, a mí me gusta más el original que este que he hecho y eso que he usado casi el doble de colores).
En la próxima lección os enseñaré como editar más a fondo la imagen, añadiendo objetos o modificando la posición de las extremidades para conseguir sprites diferentes.
Espero que os haya gustado. Saludetes![]()