[Mini tutorial] Creación de sprites de batalla.

Mar Sep 13, 2016 4:27 pm

Mini tutorial.
Creación de sprites de batalla.
Nivel de dificultad: Fácil, Medio.
Tiempo estimado: depende.
Programa para usar: Paint, Photoshop u otra herramiebta que sirva para la creaci´pon de sprites

Aviso que se tiene que tener tiempo, paciencia y sobre todo mucha práctica.

Hola para empezar a spritear cualquier cosa se necesita saber o tener conocimiento previo sobre un concepto o un tipo de regla fundamental para empezar a hacer un sprite, esto vendría siendo el line art.

Line art (arte de línea) es cualquier imagen que se compone de distintas líneas rectas y curvas sobre un fondo (generalmente sin formato, en blanco), sin sombras o tonos para las representación de objetos en dos o tres dimensiones. Los line art son monocromáticos y normalmente se emplea el color negro.

En el Pixel art, es la base del sprite independientemente de si comienza con formas, bocetos sueltos o no.

Líneas y Curvas

Como se menciono anteriormente, el lineart se compone principalmente de líneas y curvas. En el pixel art muchas veces ocurre que nuestro lineart se ve con líneas sucias o deformes, esto se debe a los jaggies.

Ejemplo de líneas correctas e incorrectas.

Spoiler:

Jaggies: se producen cuando un píxel o grupo de píxeles están fuera de lugar e interrumpen el flujo de una línea, el efecto de escalón también puede ocurrir cuando una línea carece de anti-aliasing.

Ejemplos de Jaggies:

Spoiler:

-------------------------------------------------------------------------------------------------------------------

A empezar...

Para crear los sprite de batalla en sí deben ser 25 mini-sprites de 15 de movimiento, 5 de ataque y 5 de herido.

Como por ejemplo:

Spoiler:

Tamaño:

Para empezar a hacer los sprite te recomiendo que lo compares con los tamaños con otros Pokémon ya existentes cuyo tamaño sea similar. Si vas a hacer un sprite desde 0 lo recomendable sería comparar tamaños, ya que el sprite podría ser muy grande o pequeño para poder agregarlo al juego.

Spoiler:

Colores:

La paleta de los sprites estilo PMD mayormente son sobre saturados con sombras vivas o poca saturada con Anti alias.

La elección de paleta de colores es muy importante elegìr colores saturados como base y con una sombra de con un color vivo y poco saturado.

Spoiler:

Creación de sprites.

Para crear sprites se puede hacer de varias maneras como:

1. Editar sprites ya hecho por game freak.

De la siguiente manera.

[Mini tutorial] Creación de sprites de batalla. Hoztz2i

Imagen de ejemplo sacada del proyecto de kalos fase 1.

2. Hacerlos desde 0

Usando los siguientes pasos.

a. Crear una base (usando el line art obviamente).

[Mini tutorial] Creación de sprites de batalla. HbhW8Bn

b. Colorear usando una paleta saturada.

[Mini tutorial] Creación de sprites de batalla. Eju2kYr

c. Agregar los rasgos de lo que sea que estes haciendo en este caso cara, boca y nariz.

[Mini tutorial] Creación de sprites de batalla. Mshtk88

d. Y finalmente agregar sombras, luces y pequeños detalles (el sombreado de los PMD generalmene llevan Anti-aliasing que vendría siendo algo como esto:

[color=#6600ff]Anti-aliasing[/color]:

[Mini tutorial] Creación de sprites de batalla. A3MQj04

En este vídeo se muestra algo similar a este proceso.

Vídeo de burikillo

3. O con Reducción de tamaño en la imagen que consta de reducir de tamaño una imagen y realizar trazos (usando el line art) hasta encontrar la forma de la base del sprite como:

[Mini tutorial] Creación de sprites de batalla. 9qKJhMj

[Mini tutorial] Creación de sprites de batalla. KgLUAH4

Y así hasta hallar una base.

Animación.

La animación sin duda es lo más complejo de todo, para animarlos puedes guiarte de los sprites de game freak ya creados, para tener la idea de cómo hacerlo.

Animación de movimiento generalmente de cuadrúpedos.

[Mini tutorial] Creación de sprites de batalla. AXCmLpz

[Mini tutorial] Creación de sprites de batalla. 1rlshGg

[Mini tutorial] Creación de sprites de batalla. Y1iPfAE

[Mini tutorial] Creación de sprites de batalla. RalXN9w

[Mini tutorial] Creación de sprites de batalla. 1ljqmCo

Animación de movimiento generalmente de bípedos.

[Mini tutorial] Creación de sprites de batalla. WeQEHFL

[Mini tutorial] Creación de sprites de batalla. UIRsmcV

[Mini tutorial] Creación de sprites de batalla. D96LJI6

[Mini tutorial] Creación de sprites de batalla. 5jY96Gd

[Mini tutorial] Creación de sprites de batalla. Jomvowa

Animación de movimiento generalmente de voladores.
[Mini tutorial] Creación de sprites de batalla. F1jMLU3

[Mini tutorial] Creación de sprites de batalla. YXIYPBf

[Mini tutorial] Creación de sprites de batalla. ZqIUl3t

[Mini tutorial] Creación de sprites de batalla. YA1Baxa

[Mini tutorial] Creación de sprites de batalla. 4Opk0Kf

----------------------------------------------------------------------------------------------------------------------------------------------

Cualquier duda, crítica o ayuda que necesites, hablame al MP saludos!

Vie Sep 16, 2016 8:34 pm

gracias por el tutorial ya he hecho pero es bueno ver, siempre se aprende cosas nuevas XD

Mar Nov 08, 2016 5:21 pm

una duda, se puede usar paint tool sai

Mar Nov 08, 2016 5:38 pm

Gabriel Bellomito escribió:una duda, se puede usar paint tool sai

Sí hay una herramienta que se llama Binario que sirve para hacer sprites.

Jue Ene 26, 2017 9:15 am

Yo tengo un a duda :/ me salen los sprites y los hago bien pero cuando los pongo en el juego se tambalean... como arreglo eso?

Lun Feb 06, 2017 7:24 pm

Javierb escribió:

Gabriel Bellomito escribió:una duda, se puede usar paint tool sai

Sí hay una herramienta que se llama Binario que sirve para hacer sprites.

Gracias

[Mini tutorial] Creación de sprites de batalla.

[Mini tutorial] Creación de sprites de batalla.

Re: [Mini tutorial] Creación de sprites de batalla.

Se puede usar paint tool sai?

Re: [Mini tutorial] Creación de sprites de batalla.

Re: [Mini tutorial] Creación de sprites de batalla.

Re: [Mini tutorial] Creación de sprites de batalla.

Re: [Mini tutorial] Creación de sprites de batalla.