tuts_rpg
Thread Id: 13514
Thread Name: Ultimate Tsuka´s Guide to Pokémon Essentials
#0
Tsuka 15343
Ultimate Tsuka´s Guide to Pokémon Essentials


Inicio del proyecto: 14/05/2012
Engine: Pokémon Essentials v.6

Tenía pensado abrir una escuela pero, como me conozco, al final he decidido abrir un tema para ir colgando poco a poco los tutoriales. Podéis contactarme por mensajería privada y pedir un tutorial sobre aquello que os interese saber. Así es, no pienso llevar un orden concreto, lo siento.

Aquí iré colgando los tutoriales que vaya haciendo sobre cómo usar RPG Maker XP y Pokémon Essentials (Gráficos, scripts, teoría, etc). Éstos serán cortos, precisos y concisos para evitar pérdida de tiempo y malentendidos.

De momento no me apetece escribir más, así que aquí se queda la cosa.

Gráficos





Ultimate Tsuka´s Guide to Pokémon Essentials por Tsuka se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
#1
Cope 12487
Me parece una gran idea esto, así a medida que colocas manuales los demás progresamos yo quiero iniciarme en el rpg también ^^
#2
Tsuka 15343
Muchas gracias, ~Cope. Espero que os sirvan con el tiempo. Me gustan los proyectos a gran escala (:



Cómo Crear un Tileset


Créditos:

Dewitty - Tiles
LotusKing - Tiles

Herramientas usadas:

Adobe Photoshop CS4.

Conocimientos previos necesarios:

Saber qué es un tile y un tileset.
Conocimientos gráficos básicos.

Cómo crear un tileset

Lo primero es conseguir o crear los tiles -cosa que no viene aquí a cuento-. Yo me he hecho con estos tiles de Dewitty.




Es importante que incluyas en tu tileset todos los tiles que vayas a usar en ese mapa y que los aúnes en un mismo estilo si son de varios autores (misma sombra, paletas similares.. ) No sirve cogerlos e insertarlos según te vengan porque eso sólo te llevará al desastre.

Una vez los tengas, abre el Photoshop y crea un nuevo documento de 256 píxeles de anchura y de altura lo que necesites. Dicha altura debe ser de un múltiplo de 32. Rellena el fondo con un color que sepas que no vas a usar en todo el juego y procura que sea el mismo en todos los tilesets (al igual que el color de sombra).

Accede al menú “Edición\Preferencias\Guías, cuadrícula y sectores..” y configuralo de este modo. Si quieres subdivisiones de 8 píxeles en lugar de 16, cambia el ‘2’ por un ‘4’.




Ésto lo que hace es que se superponga una cuadrícula del color que elijas (negro en mi caso) a tu lienzo. Gracias a ello, podrás colocar perfectamente cada tile en su lugar y evitar futuros cortes y demás.

Ahora accede al menú “Vista\Mostrar\Cuadrícula” y obtendrás algo de este estilo:




Abre ahora la imagen con los tiles que quieras insertar (procura que la imagen sea de formato PNG) y accede al menú “Imagen\Tamaño de imagen” para duplicar el tamaño. Ésto se hace únicamente si los tiles están creados de 16x16. Como se supone que sabes, RPG Maker XP trabaja con tiles de 32x32.

Configúralo de la siguiente manera:




Ahora selecciona (M) y llévate (V) los tiles que quieras insertar hasta la plantilla que hemos creado al principio. Utiliza la barra espaciadora para moverte cómodamente por el lienzo. Recuerda que deben encajar en los recuadros de 32x32 y procura que las puertas y los tiles a los que quieras agregarle un evento queden centrados.




Esta casa de LotusKing estaría mal colocada puesto que la puerta es un evento único y ocupa dos recuadros:




En cambio, así está bien colocada porque el evento de la puerta ocupa un único recuadro:




Y, finalmente, guárdalo en formato PNG para obtener un tileset como éste listo para ser insertado:






Ultimate Tsuka´s Guide to Pokémon Essentials por Tsuka se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
#3
Cope 12487
Asombroso! :furia:

Ya estoy esperando otra de las guías, gracias por aportar con esta tremenda calidad.
#4
fm~ 16648
Ya volviste aportando... =D

Grande Tsuka, está bién explicado y objetivo, las imágenes están muy claras.
Muchas Gracias!
#5
Tsuka 15343
Gracias a vosotros por comentar, me animáis a seguir adelante :E



Los Colores en la Paleta


Créditos:

Kiwi [No el de aquí de WAH] - Método base y paletas

Herramientas usadas:

GraphicsGale v. 1.93/Photoshop CS4

Conocimientos previos necesarios:

Conocimientos gráficos básicos.

Los colores en la paleta

Mucha gente decide ir tomando colores a lo loco en lugar de tomárselo con calma. Para crear una buena paleta, ésta debe tener armonía y, en cierto modo, ciencia. No es todo de vista, hay ciertos trucos que te servirán para mejorar tus degradados y aportarle cierta calidad a tus gráficos.





Ésto es algo que debería tener todo programa gráfico que se precie (Para activarlo en Photoshop, tienes que presionar la tecla "F6"). Yo para paletas trabajo con GraphicsGale por comodidad.

Lo recuadrado en rojo son los ajustes RGB (Red, green, blue) que de poco nos sirven si queremos manejar plenamente nuestros colores. Para ello, es necesario pasar al modo HSL o HSB (Hue, saturaturion, lightness/brightness). Una vez ahí tendremos pleno control.

Lo azul se corresponde con Hue/Tono y es un valor que oscila entre 0 y 360. Es el color base de dónde partiremos. (Verde, morado, rosa, rojo, azul, etc.)

Lo naranja se corresponde con Saturation/Saturación y es la fuerza del color. Cuánto más bajo es el valor, menos viveza tiene el color.

Lo morado se corresponde con Lightness/Brightness/Luminosidad/Brillo y como tal, se encarga del brillo o luminosidad del color (no sé cómo explicar ésto, lo siento). Cuánto más bajo sea el color, menos luz tendrá (más oscuro será).





Los colores armonizan según sean cálidos o fríos. Es necesario que siga ese gradiente para evitar que el contraste se cargue el diseño (un amarillo junto a un cian, por ejemplo). Es por ello que debemos jugar con el tono y el brillo.

Siempre que empieces a crear un nuevo degradado, los más oscuros serán los fríos, los de la luna. Luego según se vaya aclarando, debes cambiar el tono en dirección hacia el sol hasta llegar al más brillante. Las buenas paletas llevan azul/morado en un principio y acaban por verde/amarillo. No como colores puros, ahí entrará el juego el brillo.

Para que el conjunto de tiles con distintas paletas esté en armonía, procura partir siempre del mismo valor de brillo y saturación.

Por ejemplo, un verde.





Para las outlines, el color más oscuro, escoge el mismo para todas las paletas y procura que sea un azul o morado oscuro. No cojas nunca un negro total.

Intenta que las paletas compartan colores para así ahorrar tiempo y espacio. También conseguirás que la imagen transmita armonía y evitarás los grandes contrastes.







Ultimate Tsuka´s Guide to Pokémon Essentials por Tsuka se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
#6
Cope 12487
Esta guía esta muy bien explicada! y si respecto a lo que dices sobre las paletas, tienes toda la razón, ¿de que sirve escoger colores a lo loco? si luego no harán contraste entre ellos... yo aprendí eso por las malas a lo largo del tiempo que llevo en el hack, pero cuando uno se da cuenta te ayuda mucho

Estoy esperando otra de tus guías con muchas ansias Tsuka esta excelente todo!
#7
Cheve_X 15014
Hey, gracias por los tutoriales, están de perlas.

Espero ver más ;)

(Haber si puedes hacer alguno explicando los autotiles, que se me hacen extraños de agregar)

Salu2!
#8
Eri Kamei 23535
Tsuka, eres temendo! Me encantan tus tutos y son muy prácticos y útiles.

Puedo usar el tileset que hiciste dando créditos a Dewity y a tí? (por hacerlo)