Author Id: 18355
Author Name: ZeKro
Post Content: Lo primero : hago este tutorial por que desde tiempo atrás quería hacer un aporte o algo "importante" para la comunidad, y se me ha ocurrido esto, ya que mucha gente me está pididendo ayuda últimamente con esto.

El tutorial luego se divide en dos secciones, una para Worldmaps de Fire Red, y otra para worldmaps de Ruby.

Herramientas :

- Paint
- Conocimientos básicos de Paint
- Otro mapa de ejemplo, del que sacar colores
- Plantilla con cuadrados de 8x8 de distintos tamaños
- Opcionalmente, idea en papel o en otro sitio


Una vez especificado eso, vamos con el tutorial :

[spoiler=1º parte : Preparación]
Lo primero, es conseguir la plantilla con cuadrados de 8x8. Depende de para qué plataforma, la necesitaréis de uno u otro tamaño. 
Tamaños : Para ruby-->240x160 / Fire red-->208x144
Como podéis ver, el de ruby es mucho más grande, pero luego eso se compensa.

Plantilla para ruby : [IMG]http://img213.imageshack.us/img213/2690/plantillamapas8pixelspa.png[/IMG]

Plantilla para fire red : [IMG]http://desmond.imageshack.us/Himg214/scaled.php?server=214&filename=plantillamapas8pixelsfi.png&res=landing[/IMG]


Una vez conseguidas las plantillas, hay que hacer las restricciones necesarias para que el "cursorcillo" [spoiler=Abre para saber lo que es el cursorcillo][IMG]http://img545.imageshack.us/img545/4641/screenshot002vf.png[/IMG][/spoiler] pueda llegar a todas las rutas del mapa. Yo os las daré ya hechas.
Restricciones ruby : [IMG]http://img513.imageshack.us/img513/3745/restriccionesdelasrutas.png[/IMG] [spoiler=Explicación de los colores]Los cuadrados rojos y amarillos representan cuadrados donde el cursor no llega. Los verdes y rojos, las zonas donde salen los cartelitos de : "HOENN" y "RUTA x". Los blancos son las zonas donde sí se pueden colocar rutas y cuidades.  Legalmente, donde irían los cartelitos, si se pueden poner rutas, pero no se verán, serán tapadas.[/spoiler]
Restricciones fire red : [IMG]http://img811.imageshack.us/img811/3745/restriccionesdelasrutas.png[/IMG] [spoiler=Explicación de los colores]Los cuadrados rojos y amarillos representan cuadrados donde el cursor no llega. Los blancos son las zonas donde sí se pueden colocar rutas y cuidades. Este, como véis, tiene menos restricciones. [/spoiler]


Una vez que tenemos eso, es hora de coger un mapa de ejemplo, y empezar con la creación. (Aquí es dónde se separa el tutorial, pero por ahora solo está la de crearlo en ruby, aun que para fire red es igual. xD)
[/spoiler]

[spoiler=Para ruby]
Bueno, como por ahora solo tengo las scans de la creación de un mapa para ruby, es el que explicaré, aun que como ya he dicho, para fire red es el mismo procedimiento.

[spoiler=1º paso]
El primer paso será coger el mapa de ejemplo, en mi caso yo he cogido el más reciente que he hecho. [IMG]http://img703.imageshack.us/img703/6536/mapateselia.png[/IMG]
Una vez tengas el mapa de ejemplo, vé al segundo paso. Todo el que quiera puede coger ese mapa como ejemplo, mientras que solo sea para coger colores.
[/spoiler]
[spoiler=2º paso]
Se abre la plantilla con las restricciones de ruby en paint, se coge del mapa de ejemplo el color del borde, y se pinta una línea con el lápiz de la forma que quieras.[spoiler=Ejemplo] [IMG]http://img84.imageshack.us/img84/9862/screenshot001wgr.png[/IMG][/spoiler]
[/spoiler]
[spoiler=3º paso]
Se coge el color que vá justo debajo del borde, y se pinta una línea por debajo, como en el mapa de ejemplo. Para pintar la línea más fácilmente, pincha en la línea recta del paint y selecciona el grosor de un píxel. Debe hacerse solo en la parte del borde que parece que está de frente, para darle un efecto 3D al mapa. [spoiler=Ejemplo] Cuando se termine, debe quedar como aquí : [IMG]http://img59.imageshack.us/img59/8962/screenshot004jw.png[/IMG][/spoiler]
[/spoiler]
[spoiler=4º paso]
Este paso será un paso importante, ya que marca las rutas que tendrá nuestro mapa. Se recorta una ciudad del mapa de ejemplo, y se copia. Se pega en el mapa en construcción, más o menos así :[spoiler=Ejemplo] [IMG]http://img256.imageshack.us/img256/8644/screenshot006ca.png[/IMG] Hay que tener muy en cuenta la advertencia de la imagen, ya que eso te ayuda a que el tileset te salga con pocos tiles repetidos.[/spoiler]
[/spoiler]
[spoiler=4º paso]
Después de pegar las cuidades, se hace lo mismo, pero con los pueblos y las "cuevas". [spoiler=Ejemplo] En este ejemplo, solo he añadido las "cuevas".[IMG]http://img339.imageshack.us/img339/8454/screenshot008nw.png[/IMG][/spoiler]
[/spoiler]
[spoiler=5º paso]
Este paso, es simplemente unir ciudades y crear las rutas. Para ello, hay que coger el color del borde de las rutas de tierra, y empezar a unir una ciudad con otra, y todos los puntos que quieras, pero sin pasarte de los límites. Además, una ruta debe ser de 8x8 pixels, por eso están dibujados los cuadrados.(Pueden ser más grandes, pero siempre y cuando sea de 1, o 2, o 3 cuadrados de 8x8, nunca de dos cuadrados partidos por la mitad, ni nada parecido.)[spoiler=Ejemplo] [IMG]http://img502.imageshack.us/img502/5515/screenshot009zr.png[/IMG]
Una vez terminados los bordes, queda así : [IMG]http://img444.imageshack.us/img444/7792/screenshot011h.png[/IMG][/spoiler]
[/spoiler]
[spoiler=6º paso]
Se hace lo mismo que en el 5º  paso, pero con las rutas de agua. Se siguen las mismas pautas.
[spoiler=Ejemplo] Queda así : [IMG]http://img33.imageshack.us/img33/4190/screenshot012u.png[/IMG][/spoiler]
[/spoiler]
[spoiler=7º paso]Se cogen los colores de rutas de agua y tierra secundarios(los que ván por dentro) y se rellenan las rutas. [spoiler=Ejemplo] [IMG]http://img256.imageshack.us/img256/1734/screenshot013wu.png[/IMG] Debe acabar como este : [IMG]http://img839.imageshack.us/img839/3284/screenshot014o.png[/IMG][/spoiler]
[/spoiler]
[spoiler=8º paso]
Se coge el color que va por encima del borde, que es un verde un poco más claro que el del borde, y se van rellenando de ese color los cuadrados más cercanos al borde. [spoiler=Ejemplo] [IMG]http://img194.imageshack.us/img194/7605/screenshot015i.png[/IMG] [IMG]http://img443.imageshack.us/img443/2416/screenshot016lt.png[/IMG][/spoiler]
[/spoiler]
[spoiler=9º paso]
Se hace lo mismo que en el paso 8º, pero con el siguiente color. [spoiler=Ejemplo] [IMG]http://img31.imageshack.us/img31/7628/screenshot017gq.png[/IMG][/spoiler]

Después de hacer eso, con el mismo color, se vá trazando una línea con el lápiz que haga que el color cercano al borde se haga más pequeño, y deje de ser un cuadrado. Se deja más o menos borde, dependiendo de como quieres que se quede el mapa. Yo, personalmente, dejo poco borde.
[spoiler=Ejemplo] [IMG]http://img716.imageshack.us/img716/389/screenshot019k.png[/IMG][/spoiler]

Acto seguido, se recolorea lo que queda al otro lado de la línea con el mismo color que la línea.[spoiler=Ejemplo] [IMG]http://img607.imageshack.us/img607/3494/screenshot020o.png[/IMG][/spoiler][/spoiler]
[spoiler=10º paso]
Se coge el mismo color que el relleno de la ruta de agua, y se hace una tercera línea por debajo del borde, como en el paso 3º. [spoiler=Ejemplo] [IMG]http://img703.imageshack.us/img703/5983/screenshot022r.png[/IMG][/spoiler]
Después, se hacen líneas del siguiente color verde(el más claro de todos los verdes) de forma "abstracta", para hacer las montañas. [spoiler=Ejemplo] [IMG]http://img805.imageshack.us/img805/3366/screenshot023z.png[/IMG][/spoiler] Luego, se rellenan con el mismo color de verde. [spoiler=Ejemplo] [IMG]http://img826.imageshack.us/img826/2592/screenshot024h.png[/IMG][/spoiler] Se pueden añadir "mini montañas" también de forma abstacta para decorar.
[/spoiler]
[spoiler=11º paso]
Se repite lo mismo que en el anterior paso, lo de hacer las montañas solo, pero ahora con el siguiente color, el marrón más oscuro. [spoiler=Ejemplo] [IMG]http://img442.imageshack.us/img442/5474/screenshot025g.png[/IMG][/spoiler] Después, se vuelve a repetir lo anterior, pero con el marrón más claro. [spoiler=Ejemplo] [IMG]http://img269.imageshack.us/img269/7573/screenshot026i.png[/IMG] [IMG]http://img256.imageshack.us/img256/5087/screenshot027x.png[/IMG][/spoiler]
[/spoiler]
[spoiler=12º paso]
Se hacen distintos retoques, como suavizar las montañas, crear "bosques" con el color oscuro de verde(no el del borde, el de más encima.) Entre muchas otras cosas, que no explico, ya que son difíciles de explicar, y no quiero que me superéis haciendolos en 2 días. xD Pongo ejemplos :
[spoiler=Pulsa para desplegar este spoiler] [IMG]http://img151.imageshack.us/img151/9479/screenshot030f.png[/IMG][/spoiler]
Después de los retoques, coge el color del agua, y reemplaza todos los cuadrados que hayan quedado sin colorear con ese color(todo lo que sería agua, no los demás que no serían agua.)[spoiler=Último ejemplo] [IMG]http://img515.imageshack.us/img515/9696/screenshot032w.png[/IMG][/spoiler]
[/spoiler]
[spoiler=Paso final(opcional)]
El paso final, sin duda, es ver la obra maestra que has creado, y, si te gusta mucho, exibirlo como yo lo hago aquí : [url=http://wahackforo.com/t-Galer%C3%ADa-de-Worldmaps-de-Javimo-Actu-6-5-12]Enlace a mi galería de Worldmaps[/url]
O también puedes intentar insertarlo en un rom, si lo haces para tu hack rom(lo más normal xD).


A mi, después del tutorial, me quedó así : [IMG]http://img513.imageshack.us/img513/17/mapareginhergank.png[/IMG]
[/spoiler]
[/spoiler]

Espero ser agradecido, que me ha costado lo más grande hacer este tutorial... xD