Un mundo sin luz o sin Como crear sprites al estilo RO

Esta originalmente era una guía en inglés para colorear sprites, pero decidí traducirla y pronte
lo agregaré un par de cosillas para enseñarles también como hacer los archivos ACT, mientras
se tendrán que conformár con los BMPs y los SPRs

Aprender a colorear con sombras tiene que ver mucho con la observación. Mira a tu alrededor
¿Donde le
pega la luz a los objetos? ¿Qué partes se ven más obscuras?
Uno necesita mucha práctica antes de convertirse en un experto pero, por ahora les mostraré
una técnica simple para que el sombreado de tus sprites se vea como el de RO

Necesitarás:
-Photoshop o paint shop pro (Aquí vamos a ver como hacerlo con photoshop)
-GRF tool (Bájalo aquí)
-SPR conview (Bájalo aquí)
-Una referencia fotográfica (Opcional)

Extrayendo la data
Creeme, extraer la data también sirve para editar sprites de cabello, trajes, armas y todo eso
así que te recomiendo que antes de empezar sigas estos pasos
1. Abre GRF Tool, dale aOpen y busca, en tu carpeta de RO un archivo que se llama sdata.grf
2. Dale Abrir, una vez abierto le das Extract y seleccionas la carpeta donde quieres que se
guarden los archivos
3. Te esperas a que se extraiga todo y ¡Listo! ya tienes tu data extraida

Consiguiendo la paleta
Las paletas de colores usadas en RO son diferentes a las pateras normales. Me explico:
(IMG:http://img517.imageshack.us/img517/9991/palettes0vk.gif)
como puedes ver en la paleta normal el color mas claro es el blanco y en la paleta de
RO el color mas claro es amarillo lo que hace que los colores se vean más cálidos.
Ahora vamos a obtener la paleta de nuestro sprite. asumiré que ya tienen la data extraída del
archivo sdata.grf porqué vamos a trabajar con ella.

1. Abre SPR Conview

2. Click en Convert > SPR to BMP
3. Ahora dale click en el bolón "Browse" junto al cuadro vacío de Spritey ve al folder donde
tienes la data extraida, luego ve a:
data > sprite > ¾Ç¼¼»ç¸® > ¿©
y selecciona una headgear que tenga una paleta similar a la que quieres usar. YPuedes
seleccionar más de una (esto también funciona con armas). Yo seleccionaré la Boy's cap
4. Dale Abrir
5. Selecciona un folder para poner los archivos BMP del sprite que seleccionaste
6. Dale Convert
Bien, ahora terminamos de bajar la paleta de tu sprite, ahora vamos a editarla en photoshop

1. Abre photoshop y has tu sprite (Si no sabes como sigue leyendo, lo voy a explicar luego)
2. Ahora abre las imágenes BMP que sacaste con SPR Conview. Solo vas a usar la imágen
frontal así que abre esa, es de donde vas a tomar los colores para tu paleta. Si quieres cambiar
un poco los colores sique estos pasos:

Editando la paleta
Si quieres cambiar el color junto con el contraste y/o el brillo SIEMPRE cambia el color primero.
Ya verás por qué es esto

1. Cambia el color a RGB (Imagen>Ajustes)

2. Dale click en la herramienta de vartta mágica. Debajo de la barra de herramientas van a salir
estas opciones. Ponle 0 a Tolerancia
(IMG:http://img487.imageshack.us/img487/1072/photoshop18dk.gif)
3. Selecciona el fondo y dale a Seleccion > Invertir
4. Ve a alance de color y cámbialo como quieras

Ahora tienes tu nuevo color, Vamos a editar nuedtro brillo y contraste

(IMG:http://img152.imageshack.us/img152/9215/photoshop32fv.gif)
No deselecciones todavía

1. Dale click derecho a la capa de Fondo y luego dale Duplicar

2. Cambia la capa "Fondo copia" de "normal" a "color" en el menú (El que está en la ventana de
capa junto a la opción de Opacidad)
(IMG:http://img152.imageshack.us/img152/2104/photoshop41qm.gif)
3. Ve a la capa de fondo (todavía no deselecciones) y luego a Imagen > Ajustes >
Brillo/Contraste
4. Ajusta el Brillo/Contraste que quieras. Como puedes ver los colores no se ven más
saturados, pare estó es la capa "Fondo copia". Si te saltas el paso 2 hay peligro de que tu
paleta no se vea como las paletas de RO
(IMG:http://img503.imageshack.us/img503/8302/photoshop54dk.gif)

Listo! Terminaste con tu paleta! Ahora vamos a hacer tu sprite

Dibujando tu sprite
ESTA GUÍA ES SOLO PARA HEADGEAR por ahora, tal vez luego le agregue cosas de armas
^^
Vas a necesitas referencias, si quieres hacer un gorro normal nomas vas a necesitar las de la
cabeza, pero para hacer alas puedes necesitar una referencia de cuerpo entero.
Baja la referencia

1. Crea una nueva capa y dibuja el sprite frontal encima de la referencia que está de frente, por
ahora solo haz las lineas en negro
2. Crea una nueva capa y dibuja otra de las vistas de los sprites (3/4, de lado, de atrás, etc.), ve
dibujando cada uno de los 5 sprites en una nueva capa, estp nos evitará problemas después
3. Una vez que termines con tu sprite dale Selección > Seleccionar todo y ve a la capa donde
hiciste tu sprite de frente.
4. Copia con ctrl + C y ve a Archivo > Nuevo. No le muevas ninguna de las opciones, no le
cambies el alto ni el ancho. Photoshop te pone por default el ancho y el alto de la imágen en el
portapapeles, esto es muy útil, pues no habrá espacios vacíos en tu sprite, lo que te sacará de
muchos problemas con el ACT. Pega tu imágen en el nuevo documento (Ctrl + v)
5. Repite este paso con todas las capas que contengan una vista de tu sprite (Cada una en un
documento), después pinta el fondo de los docmentos de un color, cualquier color que NO
ESTÉS USANDO EN TU SPRITE

Coloreando tu sprite
Cuando vayas a colorear tu sprite es bueno tener una referencia para ver como le llega la luz al
objeto

1. Abre tu sprite (el que dibujaste), luego copia y pega el sprite-paleta(al que le modificaste el
color) en la misma ventana
2. Selecciona el color más obscuro en tu paleta y pinta las lineas de tu sprite con él
3. Selecciona el color más predominante en tu paleta y rellena tu sprite con él.
Ahora tu sprite debería de verse como el mio ^^:
(IMG:http://img506.imageshack.us/img506/6409/photoshop67ih.gif)
4. Mira tu imágen de referencia. ¿Que partes son mas obscuras? Selecciona un color un poco
más obscuro que el principal (dentro de tu paleta) y pinta las partes que deben esár más
obscuras. Usa la herramienta de lápiz
(IMG:http://img300.imageshack.us/img300/2210/photoshop72gw.gif)
5. Que partes son más claras? Selecciona un color un poco más claro que el principal y pinta
las partes más claras.
6. Sigue con este proceso, selecciona colores más obscuros y más claros de modo que te
quede un degradado, si no te gusta un color de tu paleta siempre puedes cambiarlo

Así quedó el mio:

(IMG:http://img366.imageshack.us/img366/8304/finished4qi.gif)

¡Eso es todo! No hay trucos, se trata de práctica...

No, espera...hay algúnos truquitos para hacer que tu sprite se vea más al estilo de ragnarok

-En los sprites originales de RO las lineas no son siempre del mismo color. Puedes intentar
darle colores más claros a la linea donde el color de adentro es también más claro
-Haz un poco de textura

(IMG:http://img383.imageshack.us/img383/5630/tips7el.gif)

-Normalmente RO usa 8 colores en sus paletas

-Si quieres usar colores nuevos es recomendable que uses colores menos saturados
(Gracias a Usako pos los 2 últimos tips

Ve las

imágenes)

Haciendo el archivo SPR

1. Convierte todos tus nuevos documentos de photoshop a color indexado (Imagen > Modo >
Color indexado) En la ventana que te salga entonces debe decir Paleta: Exacta y Forzado:
Ninguno. Una vez que diga esto cambia la opción que dice "Exacta" por "Personalizar"
2. En la nueva ventana que te salga (La que tiene muchos cuadtiros de colores) tu color de
fondo debe ser el color que aparezca en el primer cuadrito, so no es así sigue estos pasos:
*2.1. da click al color que aparece en el primer cuadro y, de la ventana que te salga, copia su
código (Osea la combinacion de números y letras después del #)
*2.2. antes de cerrar la ventana pon el cursor(Que debe ser un gotero) arriba de tu imágen
(Debe estar por debajo de todas las ventanas que tienes abiertas). Ahora selecciona el color de
fondo y dale OK
*2.3. Revisa tu imágen, si algún color se alteró sigue con estos pasos, si no se alteró ninguno
entonces ve al paso 3
*2.4. Da click al cuadrito donde aparece tu color de fondo (El que no está hasta el principio) y
pega el código del color que copiaste después del #.
*2.5. Si tus colores siguen alterados simplemente toma la herramienta de bote de pintura una
vez cerradas las ventanas de color indexado y rellena cada sección con su respectivo color
3. Dale OK a las ventanas y guarda tus archivos en formato BMP de 8 bits
Esto es lo más facil de todo el proceso
4. Abre el SPR Conview y dale Convert > BMP to SPR
5. Dale "Add" y selecciona tus archivos BMP. Puedes ponerlos en cualquier orden, pero para
que sea más facil hacer el archivo ACT ponlos en este orden:
Frente
3/4 frente
Lado
3/4 Atras
Atras
6. En el campo Sprite ponle la capreta donde quieres que esté tu sprite y el nombre que quieres
que tenga,

luego le das convert y ¡Listo!

7. Si te da algún error guarda otra vez tus archivos

(Perdón por no ponerle imágenes, pero ya no me cabían XD)

Otra cosa, si quieres aprender a instalar un custom headgear te recomiendo esta guía

Suerte!

Nuestro trabajo esta protegido:

(IMG:http://i.creativecommons.org/l/by-nc-nd/2.5/88x31.png)
This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative
Works 2.5 License.
Condición:
- Para distribuir esta guía/f.a.q. se necesita previa autorización del autor.
- El autor es el único que se reserva el derecho de copiar esta guía.c