Dentro de un Video Juego …

Buceando en el disco de mi maquina (por dios, que quilombo que tengo! de 600GB, tengo 4 libre!), buscando info para el próximo post, encontré algo interesante que casi me había olvidado, y no puedo dejar de postearlo :), de esto hace fácil 6 años, joder, como pasa el tiempo!

Me meti dentro de un Video Juego!

Ah no me crees?, mira estos screenshots:

Claro que no me metí como TRON :P, el juego tenia opciones de utilizar otros Skins (pieles) a parte del original, yo utilicé fotografías mías para armar mi cara (que muy bien no quedo, pero zafaba), incluso hasta la ropa habitual de ese momento le puse.

(Las imagenes no tienen mejor definición,porque en esa época tenia una maquina de escribir :P)

 

Como anécdota podría decir, cuando hice esto, le mostré a toda mi familia , me vieron jugando y manejando al tipejo con mi cara, y justo paff, me atropella un patrullero, dejando el cuerpo debajo de la patrulla, y la cámara se puso a centímetros de la cara (el resto del cuerpo seguía bajo el coche), y la cámara se alejo hacia arriba, fue muy cinematográfica,  cuando la veo a mi vieja, estaba pálida :P, realmente nos dio mucha impresión a todos.

 

chup.

Proyecto: Mapa de plaza de Mayo para Counter Strike

(Post retroactivo, 3 años)
En algún momento de mi vida también hice mapas para vídeo juegos, comencé con el archiconocido Counter Strike/Half Life, luego XIII, battlefield 1942, battlefield 2, y otros mas.

La verdad, me encanto, es algo que sin duda voy a volver a hacer.
En el aprendizaje de la herramienta (VALVE HAMMER EDITOR), replique varias locaciones, dos casas, una cocina, y lo ultimo que hice fue una oficina donde laburaba (GameLoft), de este trabajo me fui y no llegue a terminar, buuuh :(

Salio la versión 2 de Half-Life (HL) y no pude resitir probar el nuevo motor, me encanto, y en ese momento me uní a un grupo/foro de changos que hacían mapas también, escribí algunos tutoriales como este, y demás (www.mapland.com.ar, no existe mas :(  ).

Un día común y corriente dije… “tengo que hacer algo que no este hecho!” …( vaya… cuantas veces lo dije 😛 )
Y pensé en hacer algo… algo que represente argentina, algo que sea facilmente reconocible, y sobretodo aprovechando la nueva tecnología de HL2 (Mucho mas polígonos que el uno).
Pensé en el obelisco, pero me pareció demasiado sencillo y no era muy propicio para un conflicto “bélico” (básicamente poner obstáculos para cubrirse de los disparos enemigos).

Entonces se me ocurrió representar la plaza de mayo! (el techo verde arriba de la plaza)



View Larger Map

El día 2 de Abril del 2005 (después les cuento porque se la fecha) fui a la plaza con mi esposa y mis hijas y Sigue leyendo

Tutorial: Texturas a partir de fotografias (para juegos y otros usos)

La idea de este tutorial es mostrar los pasos para a partir de una foto mostrar como lograr usarla como textura para mapas de juegos y otros usos (escrito hace dos años o mas, cuando iba a crear un mapa con la plaza de mayo para counter strike 2).

Requerimientos: Photoshop 7 o superior.

Fotografias

Primero debemos tener las fotografias del edificio en cuestion, por ejemplo yo elegi el banco nacion (el que esta en frente de la casa rosada en plaza de mayo) (para bajar las imagenes pulsa aqui)

Encuadre

El primer paso va a ser obtener la textura de la pared desde el piso hasta unos 1.6, (es granito y concreto)
 
 

Como el objetivo de la camara no es ortogonal sino que es a partir de un punto de vision, tenemos que ajustar la perspectiva manualmente, en este caso vamos a cambiar la perspectiva basandonos en la ventana.
 
 

Para esto lo tenemos que hacer OjO, es complicado pero tenemos herramientas que nos facilitan la cosa (por mas que siga siendo a OjO), tenemos que mostrar las guias, ya que tenemos que “encuadrar” la imagen (si no se entiende, no se pongan mal con los ejemplos se va a entender mejor), vallamos al menu vista/mostrar/cuadricula, con eso nos va a mostrar una grilla sobre la imagen, tambien no estaria mal mostrar la regla en pixeles 😉 (para ajustar la cuadricula y regla ir a archivo Edicion/Preferencias)

Ahora viene lo lindo, una vez cargada la imagen en el photoshop, esta tiene que ser una capa y no el fondo, si es asi, sobre la capa “fondo”, con el boton derecho del mouse (de ahora en adelante “el otro boton”)”duplicar capa”, luego posicionarse sobre la capa nueva), ir al menu edicion/transformacion libre (o ctrl+t) con transformacion libre escalas y giras la imagen, mas o menos deberia quedar la ventana del medio lo mas cuadrada posible, o sea el marco derecho deberia ser

totalmente vertical esto lo podemos ver facilmente con las guias que mostramos ;), apretamos enter para aceptar el cambio, volvemos a transformacion libre y ahora le damos con el otro boton y seleccionamos”perspectiva” y nos posicionamos sobre la esquina inferior derecha estiramos hacia abajo y vemos como se “estira” la imagen tanto para abajo como para arriba y a su vez para adentro :o, ahora nos aprovechamos de la info que nos da la imagen, que son las “lineas rectas” que las vamos a asimilar contra las guias (como ser los bordes de la ventana y el cambio de granito a concreto) (ver imagen) , ahi tenemos alineado el marmol y la ventana :), o sea esta “aplanada”, ahora podremos dejar de mostrar esas guias (ctrl+h) para que no estorben la vision.

Limpieza

Fue sencillo esta imagen porque esta a la altura de la camara, el tema se complica cuando no esta a esa altura o estas apuntando con la camara torcida :P, ese tema lo tocamos despues, sigamos ahora con esta textura. Como se puede apreciar hay un cable, una seña de transito, un cartel la ventana, vamos a eliminarlas :)

La herramienta “tampon de clonar”, vendria a ser como pintar calcando con otra area de la imagen, veamoslo en accion, elegimos el tamaño apropiado, en este caso elegi 45, luego en el area que queremos que sea la matris a pintar pulsamos ALT y click del mouse luego sobre el area que queremos suplantar, pintando libremente y asi hasta eliminar
por completo la señal, (nota: para volver a cambiar la matris de copia solo hay que volver a marcar otra zona, con ALT)
 
 
 
 


La imagen queda asi, sacando el cable, y los carteles

Mosaico

Bueno ya tenemos la textura encuadrada y limpia, ahora tenemos que ver el tema de balance de blancos (normalizar la imagen) ya que esta va a ser una imagen mosaico (una imagen al lado de otra repetida veces), en este caso solo mosaico horizontal, veamos como quedaria para dar una idea

Para corregir esto hay varias alternativas, veamos esta (que no es la mejor, pero es rapida), dupliquemos la capa y mobamosla hacia la derecha hasta la mitad del lienzo, luego ala capa duplicada la movemos para el lado opuesto, tendria que quedar asi:


Ahora seleccionamos la capa mas oscura (derecha) y nos ponemos en modo “mascara rapida” (Q), seleccionamos “degradado” (verificar que el degradado sea de negro a blanco y sea recto), y ahora arrastramos desde la derecha hacia la izquierda manteniendo shift apretado (para que sea en angulo llano), hacia la mitad de la imagen de la capa, quedaria algo asi, esto nos permite controlar cuanto y donde afectamos con las modificaciones (lo rojo no altera), volvemos a modo estandar (Q) y veremos como esta seleccionado el resto, ahora modificamos el brillo y contraste desde el menu imagen/ajustes/brillo y contraste (tambien tenemos “Niveles”, que seria el mas apropiado pero es mas complejo, con brillo y contraste nos alcanza) (para ocultar la seleccion ctrl+h) y lo aproximamos lo mas posible a la capa inferior.
 
 
 
 
 
Deberia querar algo asi:
 

 
 
 
 
 
 
 
 
 
 

una vez terminado con los niveles mas proximos acoplamos la imagen (ctrl + e)
Ahora lo que resta es terminar la union, usando el “clonador” (como lo usamos antes) y el “dedo”! (esta herramienta permite manipular la imagen como si fuese que tenes el dedo mojado con pintura, es especial para esto, invito a que jueguen con esta herramienta, da resultados muy interesantes)
 

Quedaria asi:

Este paso no es necesario, pero es implemente para que se entienda que es la textura, estara interesante volver a dejarla donde estaba la ventana, de la misma manera que hicimos antes para emparejar los bordes, pero ahora ya encajaria perfectamete.

Espero que les haya servido este mini tutorial!