[Tutorial - Pixel Art] Inventar el equipamento.

[piofran]

Buenas, a continuacion voy a dejar un tutorial de como inventar el equipamento de un pj haciendo pixel art.

Los Programas que voy a usar son:

- MS Paint
- Photofiltre Studio X

Primer Paso

Como primer paso, vamos a buscar un sprite base, es decir, un sprite desnudo. En este tutorial voy a usar el típico sprite de RPG Maker XP.

Segundo Paso (Salteable)

Como segundo paso, para que el equipamento sea mejor, tomarse un tiempo con una hoja y un lapiz y hacer bocetos del equipamento.

En este tutorial, voy a usar como boceto un dibujo que hice hace tiempo:

Los invitados no pueden ver los enlaces. Por favor registrate AQUI para ver los enlaces.

Tercer Paso

Bueno, empezamos.

Tomamos el sprite parado mirando hacia abajo:

En mi caso, como el boceto es en escala de grises, voy a imporovizar los colores, voy a usar Rojo y Gris. Recuerden que tienen que tener 2 colores y ademas esos mismos 2 colores pero mas oscuros. En mi caso voy a tener por un lado Rojo y Bordó, y por el otro Gris Medio y Gris Oscuro, además de blanco, para borrar errores.

Abrimos el MS Paint, cargamos el sprite, configuramos los colores y empezamos.
primero trazo los limites de la armadura con el gris oscuro (siempre la parte de afuera de los paperdoll tiene que ser mas oscuro, el relleno mas claro)

Tube que suprimir algunas partes de la armadura porque el sprite me quedo demasiado chico, aún asi se puede.

Cuarto Paso

Una vez dibujados todos los bordes, es hora de empezar a rellenar, utilizando los colores mas claros, en mi caso rojo y gris medio.

A continuacion buscamos un color intermedio entre los 2 grises, y un color intermedio entre el rojo y el bordó para hacer los detalles del pecho, el pliegue del cinturon, algunos detalles en las botas, y agregamos los pinches en las ombreras.

A continuacion recortamos la cabeza, la copiamos y la separamos del cuerpo, para dibujar el casco.

Seguimos los mismos pasos de antes, primero dibujamos el borde, luego rellenamos y luego agregamos los detalles.

Es muy importante mantener la armadura y el casco por separado, siempre estamos hablando de dos items diferentes.

Quinto Paso El mas dificil de todos, el movimiento.

Hasta ahora ya tendriamos que tener bastante sabida de "memoria" a la armadura y el casco, ya que es nuestro invento. Afortunadamente, el casco no necesita secuencia de movimiento, asi que por ahora lo dejamos de lado y vamos a la armadura. Tomamos el sprite que estabamos usando y el mismo sprite pero caminando. Al sprite parado le equipamos nuestra armadura.

Ahora vamos a ir copiando de a poco la armadura, alterando unicamente donde vemos que el pj se mueve. alli, vamos a usar nuestra imaginacion. por ejemplo: suponiendo que el brazo derecho se va hacia atras, podemos imaginar que una parte del protector del brazo se va a dejar de ver, por lo tanto vamos a dibujar el protector mas chico.

Usamos un poco nuestra imaginacion obviamente SIEMPRE siguiendo los pasos anteriores, primero bordes, luego relleno, etc...

Una vez terminado, borramos todo lo que no es parte de la armadura, es decir, lo restante del sprite. Tampoco hace falta hacer la otra parte de la secuencia, ya que la que hisimos recien, la copiamos, le damos click derecho, "voltear o girar...", "voltear horizontalmente", "aceptar" y ya tenemos la otra parte de la secuencia.

Sexto Paso Para esta parte van a requerir del segundo programa nombrado arriba, este programa lo vamos a utilizar para sombrear la armadura, porsupuesto este paso lo pueden saltear.

Abrimos el programa y dentro abrimos la imagen de las armaduras.
Seleccionamos la herramienta de la derecha llamada "magic wand tool", MANTENEMOS CONTROL y vamos seleccionando el relleno, pero muy importante, SOLO el relleno, y les va a quedar como la imagen.
Luego seleccionamos el boton "Gradient" seleccionamos alguna direccion de donde se reflejara la sombra, seleccionamos "monochromatic", seleccionamos color negro y damos a opacidad 15 o 20%.
Si no les da flojera, pueden dar sombra a las partes de la armadura por separado, obviamente va a quedar mejor, pero como son las 5:40 de la mañana me da flojera, asi que le doy sombra al equipo entero.

Puede parecer que no hay diferencia alguna, pero pueden comprar la hombrera derecha con la izquierda y verán el pequeño cambio de sombreado.

Ahora hacemos lo mismo con el casco.

Ahora tenemos la armadura y el casco mirando hacia abajo. para hacer los laterales y de espalda se los dejo a ustedes, simplemente sigan los pasos anteriores y usen como referencia la armadura original y USEN SU IMAGINACIÓN.

Saludos! me fui a dormir

[RippeR96]

Muy buen tutorial, muy útil y preciso.

[Facundoellink]

Cool! luego pruebo a ver que tal ^^

[Augusto]

Que te puedo comentar, lo haz desarrollado excelente me encanta y me cae como anillo al dedo, ya tienes mis gracias a favor!

[Near]

Muy bueno el tutorial, y también tu pixel art ;D

[mattjkun]

pase, y me quede sorprendido , buen manejo del pixel

[rrvc100]

Muy bueno aunque me hubiera gustado que el relleno hubiera sido Pixelando -.- ya que no esta a Pixel u.u
Igual me gusta ^^

[Near]

(06-01-2012 03:03 AM)rrvc100 escribió: Los invitados no pueden ver los enlaces. Por favor registrate AQUI para ver los enlaces.Muy bueno aunque me hubiera gustado que el relleno hubiera sido Pixelando -.- ya que no esta a Pixel u.u
Igual me gusta ^^

Muy cierto eso también, aunque bueh, cada uno lo hace como mejor le convenga.

[bilsmall]

whaaaa... exselente grasias un buen pots...

[Sheyk87]

Esta muy bueno!