Kaliser's Sprite School[notas 6ª clase][escuela cerrada temporalmente]

 
 
Herramientas Desplegado
  #11  
26/08/2011
Predeterminado RE: Kaliser's Sprite School[inscripciones]
Nick: Palkiadialga2000 (tu ya me conoces XD)
Experiencia: de 1 a 10 (no vale 0 (?))(esta parte en realidad no importa mucho, es para hacerme una idea) 1 n_n
Razón por la cual quieres ingresar: me gustaria aprender, y ser uno de los mejores !!!
¿Te comprometes a realizar las tareas a tiempo salvo por asuntos mayores?: SI/NO
claro que si !!
  #12  
26/08/2011
Predeterminado RE: Kaliser's Sprite School[inscripciones]
Todos a los que he anotado están aceptados en la escuela. A continuación pongo la 1ª clase.

[color=#0000CD]
ESCUELA DE SPRITES
[css-h2=width:90%; margin-left:20px; pa ing:20px; background:rgba(255,255,255,0.4); font-weight:bold; font-size:90%; color:#0000CD;]
CLASE 1: MANIPULACIÓN DE SOMBRAS, LUCES Y OUTLINES


Hola a todos, bienvenidos a la primera clase de esta escuela de sprites. Os enseñaré a manejar luces, sombras y outlines, que es lo básico para poder hacer buenos sprites.
[/css-h2]
[css-h2=width:90%; margin-left:20px; pa ing:20px; background:rgba(255,255,255,0.4); font-weight:bold; font-size:90%; color:#0000CD;]

Para esta clase utilizaremos el paint y el sprite que vayamos a usar.

1. Para la explicación utilizaré un scizor, así que cojo el scizor de B&W, que es más grande. Vosotros coged el pokémon que queráis.

[/css-h2]
[css-h2=width:90%; margin-left:20px; pa ing:20px; background:rgba(255,255,255,0.4); font-weight:bold; font-size:90%; color:#0000CD;]


2. Ahora, lo que vamos a intentar es hacer el sprite básicamente desde 0, por lo que tenéis que repasar las outlines (que son las líneas que bordean el sprite, normalmente de un tono más oscuro) con negro, por ejemplo. Para ello, podéis coger tanto el lápiz como el bote de pintura para repasar las líneas. Para dejar el relleno blanco, basta con el bote de pintura.

Como veréis, no me he molestado en repasar todas las líneas y hay algunas partes sin descolorear. Bueno, no es totalmente necesario repasarlo todo, es sólo para que luego no sea tanto lío hacer nuevas outlines, aquí he repasado lo necesario.
[/css-h2]
[css-h2=width:90%; margin-left:20px; pa ing:20px; background:rgba(255,255,255,0.4); font-weight:bold; font-size:90%; color:#0000CD;]


3. Una vez hecho esto, y como no vamos a aprender todavía a elegir paletas, podéis pegar al lado del sprite el original y empezar a extraer los colores, como abajo. Esto se hace con el cuentagotas que está situado al lado de la lupa. Pincháis con el cuentagotas sobre el color que queráis copiar, cogéis el lápiz y hacéis un cuadradito con el color para seguir extrayendo colores.

[/css-h2]
[css-h2=width:90%; margin-left:20px; pa ing:20px; background:rgba(255,255,255,0.4); font-weight:bold; font-size:90%; color:#0000CD;]


4. Ahora, cojo el rojo intermedio, que es el color base del scizor.

Cuando no sabéis cuál es el color base, suele ser el color más usado en el sprite. Luego hay un tono más claro, que es la parte iluminada, y un tono más oscuro, que es la parte sombreada del sprite.

Sigamos. Cojo el color rojo intermedio y pinto con él el sprite con el bote de pintura. Da igual que nos equivoquemos al rellenar alguna parte sin querer, simplemente retrocedemos en el botón de retroceso. Debería quedar algo así:

Veréis que ya está pintado, sólo falta darle iluminaciones y sombras.

Os preguntaréis qué es la especie de sol que hay a la izquierda arriba. Es para las iluminaciones, os lo explicaré luego.
[/css-h2]
[css-h2=width:90%; margin-left:20px; pa ing:20px; background:rgba(255,255,255,0.4); font-weight:bold; font-size:90%; color:#0000CD;]


5.Empezamos con las luces. Yo empiezo siempre con las luces porque así luego sé situar las sombras. Bien, ahora os explicaré para qué está el solecito ese.
En realidad, no es totalmente necesario ponerlo, es sólo como guía. Así sabréis dónde colocar las luces, pero podéis no hacerlo perfectamente. Cogéis el color amarillo y pintáis un círculo como si fuera un sol.

Así que ahora colocamos las luces. Para esto, cogéis el tono más claro que el intermedio con el cuentagotas, en este caso el primer color empezando desde arriba a la izquierda en mis paletas. Después, y teniendo en cuenta el sol, vamos pintando con el lápiz las zonas donde recibe la luz. Quedaría más o menos así:

Bien, ya tenemos hechas las luces, ahora vamos a por las sombras.
[/css-h2]
[css-h2=width:90%; margin-left:20px; pa ing:20px; background:rgba(255,255,255,0.4); font-weight:bold; font-size:90%; color:#0000CD;]


6. Para las sombras, tenéis que pensar que son lo opuesto a las luces, y por eso, no pueden ir en el mismo lado ( evidente, ¿no?). Hay gente que pasa eso por alto y por eso sus sprites suelen tener las sombras y luces un poco raras.

Así que pintamos las sombras del mismo modo que las luces, sólo que en el lado opuesto, así:

Ya veis que ahora tiene más profundidad.
[/css-h2]
[css-h2=width:90%; margin-left:20px; pa ing:20px; background:rgba(255,255,255,0.4); font-weight:bold; font-size:90%; color:#0000CD;]


7.Ahora vamos a corregir las outlines. Podéis coger los colores del sprite original, pero tenéis que tener cuidado con dónde ponerlas. Las outlines más claras van donde incide la luz. Las más oscuras donde da la sombra. No tiene más explicación. Así que repasáis las outlines con el lápiz.

[/css-h2]
[css-h2=width:90%; margin-left:20px; pa ing:20px; background:rgba(255,255,255,0.4); font-weight:bold; font-size:90%; color:#0000CD;]


8.Ahora lo que haremos será añadirle detalles. ¿A qué me refiero con esto? Habréis visto que muchos sprites llevan unos pixels que suavizan las zonas donde se juntan 2 tonos. El método es éste:


Esto es una representación en grande, en realidad se hace pixel por pixel.

Este método se llama dithering.
En esta clase usaremos esto para mejorar el sprite. Así que donde acabe la sombra podéis poner dithering, o también donde las zonas iluminadas. Cogéis el lápiz y vais poniendo puntito por puntito con un pixel de separación entre ellos. Quedaría algo así:


A mi gusto, queda mejor que el original, ya que es más detallado.
[/css-h2]
[css-h2=width:90%; margin-left:20px; pa ing:20px; background:rgba(255,255,255,0.4); font-weight:bold; font-size:90%; color:#0000CD;]


Y aquí termina la explicación. La tarea que os mando es que os leáis esto e.e.
Después cogéis el sprite que queráis y hacéis lo mismo que aparece aquí. Quiero que el sprite tenga distintas sombras, iluminación, outlines y que le pongáis dithering. Poned el original al lado para que compare el resultado final.
[/css-h2]

Las tareas son para el 2 de septiembre

  #13  
26/08/2011
Predeterminado RE: Kaliser's Sprite School[inscripciones]
(Si nadie ha enviado un mensaje mientras escribia esto, soy el primero ^_^)

Acabé mi... ¿recolor? Bueno, acabé mi tarea
Ahí va (izda. mío, dcha. original)



Es mi primer coloreado completo con sombras y todo eso que he hecho en mis escasos 13 años de vida :L


//EDIT: Creo que la cagué, porque no vi que no soy alumno ^_^U. Si quieres, Kaliser, lo borro, no problemo.
  #14  
26/08/2011
Predeterminado RE: Kaliser's Sprite School[inscripciones]
Aqui esta mi tarea, profesor! Tambien le traje una manzana! (?)

Bueh, aqui esta lo pedido. No dire que me quedo muy bueno, ya que, al igual que Maahkehro, es el primero que he hecho en toda mi vida xDDD (Aunque claro, tengo tres años mas n_nU)



El mismo orden que mi compañero de aula, a la izquierda el mio, a la derecha el original.

Espero este bien
  #15  
26/08/2011
Predeterminado RE: Kaliser's Sprite School[inscripciones]
Bueno aqui esta mi tarea



Es el primero que hago asi que digo que esta bien, el de la izquierda el mio y el de la derecha el original.
  #16  
27/08/2011
Predeterminado RE: Kaliser's Sprite School[inscripciones]
Aqui esta mi tarea!, ehh parece no muy buena, pero hize el intento. (na, me parece genial para un novato aunque me falte un poco de detalles pero como dicen "La Practica Hace Al Maestro")

(izq. mio y derecha el original)



Espero que este bien.

  #17  
27/08/2011
Predeterminado RE: Kaliser's Sprite School[inscripciones]
Nick: Tesk
Experiencia: 3 No demasiado
Razón por la cual quieres ingresar: Para aprender un poco mas sobre esto de lo grafico.
¿Te comprometes a realizar las tareas a tiempo salvo por asuntos mayores?: SI

Si es que puedo entrar aqui la tarea:

  #18  
28/08/2011
Predeterminado RE: Kaliser's Sprite School[inscripciones]
Nick: BlazeeR!
Experiencia: de 1 a 10: Ya que nunca he hecho ningun sprite 0
Razón por la cual quieres ingresar: Quiero aprender Spriting
¿Te comprometes a realizar las tareas a tiempo salvo por asuntos mayores?: SI

Aquí está la tarea, por si entro!



  #19  
29/08/2011
Predeterminado RE: Kaliser's Sprite School[inscripciones]
Aqui esta mi trabajo! es el que esta mas serca del solesito xD
  #20  
01/09/2011
Predeterminado RE: Kaliser's Sprite School[inscripciones]
Yo me quiero inscribir, todavia se puede?

Nick: cambagaba
Experiencia: de 1 a 10: 3
Razón por la cual quieres ingresar: Quiero aprender a hacer sprites de todo (pokes, edificios, etc.)
¿Te comprometes a realizar las tareas a tiempo salvo por asuntos mayores?: SE

Ya adjunte mi tarea
 

Herramientas
Desplegado

Permisos para publicar mensajes
No puedes crear nuevos temas
No puedes responder mensajes
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Los BB code están Activado
Los Emoticones están Activado
El código [IMG] está Activado
El Código HTML está Desactivado
Trackbacks are Activado
Pingbacks are Activado
Refbacks are Desactivado


Temas similares
Tema Autor Foro Resp. Último mensaje
Escuela Pokémon Essentials [Inscripciones cerrada] ~Wey Archivo de Inscripciones 12 19/11/2012 18:00
Scripting School! [Clase 5 y examen] Stupidest Kiwi Ever Archivo de Escuelas 45 24/04/2012 16:16
Escuela de Portadas de Lanixe [Clase 3] LnX Archivo de Escuelas 64 15/05/2011 11:47
Tilling and Scriptting School [TSS] |Clase 3| RogellParadox~ Archivo de Escuelas 27 02/05/2011 14:34


Extra
Estilo clásico
La franja horaria es GMT +1. Ahora son las 19:48.
Skin Afternoon por Sage