¡Bienvenido a Universo Maker!
¿Es esta la primera vez que visitas el foro? Si es así te recomendamos que te registres para tener completo acceso a todas las áreas y secciones del foro, así también podrás participar activamente en la comunidad. Si ya tienes una cuenta, conectate cuanto antes.
Iniciar Sesión Registrarme

No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo Mensaje [Página 1 de 1.]

Reputación del mensaje :100% (3 votos)

tormunds

avatar
¡Buenas!
 
Hoy les traigo el primero de algunos tutoriales de iluminación y ambientación de mapas en general. Este primer tutorial les enseñará a como iluminar un interior de forma realista y que a la vez se vea bonito. En este tutorial no se profundizará mucho, y será mas bien una introducción a como serán los siguientes. El efecto no es tan notable en este mapa, por ser, como dije, la introducción.
 
Primero que nada, procederemos a abrir GIMP, Paint.net, o Photoshop. Yo usaré la versión CS3 de este último, pero pueden usar la que quieran. Para empezar, hay que tomar una screenshot de el mapa a iluminar.
 
La screen debe estar a tamaño completo, por lo que será mas complicado en mapas grandes. Yo usaré un mapa del tamaño default del RPG Maker, 640x480 pixeles, o 20x15 como sale en el RPG Maker.
 
En principio, el mapa a usar:

Ahora para iniciar a ambientar, debemos abrir nuestro editor de
imágenes preferido, como dije antes. Hacemos una screen de nuestro
mapa y la abrimos o pegamos en el editor.

Vamos a crear una nueva capa, para poder pintar encima.
 
Rellenemos en principio las zonas que queremos que esten oscuras con pincel suave negro.
Le bajamos la opacidad a la capa hasta lograr la oscuridad que deseamos. En mi caso, la he puesto en 87%.

Hacemos otra capa, para dejar las zonas de mas afuera mas oscuras quelas de la capa anterior, y le dejamos Opacidad %100 si queremos que esta sea la parte mas oscura.
 
Hacemos una última capa para hacer la oscuridad de la sala.

Así quedó mi mapa por ahora.
 
Mezclamos todas las capas de oscuridad para dejar una sola. Se deja
la primera capa sin mezclar con las otras para después poder
transformar esta imagen a PNG y que funcione con el RPG Maker.
 
Ahora pasaremos a hacer la iluminación de las ventanas. Fuera es de día en este mapa, así que, para que lo parezca, primero voy a la capa de oscuridad, y borro, con una opacidad de 25% aproximadamente, alrededor de las ventanas.
 
Como va quedando:

Ahora haremos la iluminación de las computadoras, o, en su caso, de
antorchas, luces, etc.
 
Para esto primero duplicamos la capa de
oscuridad (CTRL+J EN PHOTOSHOP) y la dejamos en invisible, solo por
si nos equivocamos y queremos volver atrás.
 
Agarro un pincel suave otra vez, de tamaño no muy grande, y un color
celeste relativamente claro. Pinto alrededor de las pantallas con ese
color, hasta lograr el efecto deseado.
 
Hago también unos últimos ajustes en otras fuentes de luces, como el
generador de la derecha.
 
Imágen final:

Como se puede ver aquí, el efecto en un mapa como este casi no se nota,
pero en otros tipos de interiores se pueden lograr cosas muy buenas.
Otros interiores hechos por mi con estos pasos:


Ahora borramos todas las capas que no sean la oscuridad terminada.
 
Borramos la capa invisible de oscuridad, y borramos la captura
del mapa.
 
También borramos -en caso de tenerlo- el fondo blanco.
 
Guardamos la imágen como PNG en la carpeta Pictures de nuestro
proyecto.

Ahora vamos al RPG Maker. Creamos un nuevo evento de proceso paralelo.
Le agregamos el comando de "mostrar imágen":

Dejamos así los parámetros, un número alto en "numero" para que no
interfiera con otras imágenes, y en la imágen a mostrar ponemos la
que acabamos de guardar en el editor de imágenes. 255 de opacidad
generalmente.
 
Aceptar, Aceptar, y luego ponemos un nuevo comando de "borrar evento
temporalmente", para que esa ambientación se muestre siempre al iniciar
ese mapa.
 
¡Wala! Y ahora tenemos esa ambientación en el juego.

¡Espero que les haya servido! ¡Saludos!

Ledai

avatar
Hora no puedo pararme a leer el tuto, pero por las imágenes se ve que le has puesto mucho empeño así que sin duda tienes mi +1 Rep!!

Trataré de echarle un vistazo en otro momento...




Entérate de todas las novedades

Cuervoso

avatar
El resultado es excelente, sin duda un buen tutorial. Incluso me ha servido a mi, porque la verdad, como todavía no me he dedicado a la ambientación de mi proyecto (de hecho, es una de las taaaantas cosas que todavía no hago), no he utilizado ni me he familiarizado con este tipo de técnicas... ni con el manejo del Photoshop.

+1 Reputación.

Saludos.






Cuervoso! No te pases ¬_¬

tormunds

avatar
¡Muchas gracias a ambos! Espero que este tutorial les sirva c:
Próximamente haré el segundo.

Ledai

avatar
OK, ahora sí pude leerlo y está verdaderamente bien.
Solo que yo no uso "Potosope"; pero como bien dices este tipo de efecto se puede lograr sacar con cualquier editor gráfico medianito, así que es un buen grupo de consejos para los que quieran pulir sus juegos agregando un poco de mimo y trabajo...

Lo único "malo" que veo (que en realidad no es malo) sería que al usarlo mediante picture no puedes aprovechar esos efectos en mapas grandes si no es con un proceso paralelo... así que ¿No sería mejor usar la capa de efecto de luz en una Fog?? es solo una idea...

GRACIAS!!!! espero el segundo XDD




Entérate de todas las novedades

tormunds

avatar
Leda escribió:OK, ahora sí pude leerlo y está verdaderamente bien.
Solo que yo no uso "Potosope"; pero como bien dices este tipo de efecto se puede lograr sacar con cualquier editor gráfico medianito, así que es un buen grupo de consejos para los que quieran pulir sus juegos agregando un poco de mimo y trabajo...

Lo único "malo" que veo (que en realidad no es malo) sería que al usarlo mediante picture no puedes aprovechar esos efectos en mapas grandes si no es con un proceso paralelo... así que ¿No sería mejor usar la capa de efecto de luz en una Fog?? es solo una idea...

GRACIAS!!!! espero el segundo XDD

Sip, sería mas útil en fog, pero el problema de ello es que no se podría poner otra fog encima de esa :S
Claro, aunque eso se arreglaría con un script de multifog xD

¡Saludos!

SkavenOfDarkness

avatar
Muy buen tutorial y bien explicado seguro que ayuda a mucha gente

Tomate

avatar
¡ME EN-CAN-TÓ! ¡MIL GRACIAS, TORMUNDS!

No solo tienes mi punto de reputación, sino también mi agradecimiento infinito...hace tanto que no uso el maker, que perdí mucho conocimiento de las herramientes de éste. Y hasta hace poco, creí que los efectos de iluminación solo eran viables a través de scripts.

Tu tutorial está buenísimo, me enseñó a intentar ser más creativo con el programa. ¡¡Excelente aporte!! Ópalo Contento

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.