[TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglificas

Todo lo relacionado con el diseño de gráficos para videojuegos y en general.

[TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglificas

Postby shao » Tue Nov 16, 2010 10:57 pm

Con este sencillo metodo pasamos nuestras imagenes a imagenes 3d para ser vistas con unas gafas anaglificas como estas:
Image

Es curioso probarlo con los juegos, yo lo he hecho aplicando el efecto a los fondos pero no al personaje, asi parece que ironicamente es el personaje el que sobresale de la pantalla, curioso.Quiza parezca algo largo pero ni mucho menos, lo que pasa es que yo he escrito demasiado, lo hice una vez y me basto para volver a hacerlo sin mirar tutoriales.

Con photohop cs3 es asi:

1 - Abrimos la imagen que queremos pasar a 3d, pinchamos en "Seleccion -> todo" y despues en "Edicion->copiar" seguidamente "archivo -> nuevo", automaticamente el archivo adopta las dimensiones de la imagen copiada y le damos a ok, despues "edicion -> pegar" con lo cual obtenemos dos archivos con la misma imagen.

2 - En una de las imagenes pinchamos en "imagen -> ajustes -> niveles", se nos abre la ventana "niveles", en la primera lista desplegable que se llama "rgb" seleccionamos el rojo y en los niveles de salida (borde inferior de la ventana niveles) ponemos la cifra de la derecha a 0 (estara a 255), la de la izquierda esta por defecto a 0 asi que no hace falta alterarla. Es decir eliminamos el color rojo de la imagen.
Image

3 - Ahora nos vamos a la otra imagen que esta sin alterar y hacemos lo mismo, "imagen -> ajustes -> niveles", pero a esta imagen le quitamos el verde y el azul igualmente, seleccionamos la lista desplegable de rgb en la ventana niveles y seleccionamos el verde, en la parte de abajo de la ventanita en "niveles de salida" ponemos la cifra de la derecha a 0, despues lo mismo con el azul.

4 - Una vez que a las dos imagenes se le han quitado sus correspondientes colores seleccionamos la primera imagen, es decir a la que solo le quitamos el color rojo, y pinchamos en "Seleccion -> todo", despues "edicion -> copiar" y la pegamos sobre la 2 imagen (a la que le habiamos quitado el verde y el azul), con esto se habra creado una nueva capa, es decir ahora
esta la capa de abajo con la imagen 2 (llamada fondo,sin verde y sin azul) y la capa de arriba, que se deberia llamar capa 1 (aunque no es necesario), sin el color rojo.

5 - Ahora pinchamos en el boton "add a layer style" y se nos abre una ventana con unas cuantas opciones, pinchamos en la primera de todas "opciones de fusion" que nos abre una nueva ventana que se llama "estilo de capa", en el cuadro "opciones de fusion" en azul, justo abajo de estas letras hay otro cuadro que se llama "fusion general" tambien en azul, pinchamos en la lista desplegable "modo de fusion" y escogemos "diferencia", finalmente pulsamos en ok.

El boton "add a layer style"
Image

6 - La imagen ya esta lista, solo nos falta moverla con la herramienta "mover" que es la primera de arriba que aparece en el cuadro de herramientas de photoshop, el cursor negro con una cruz negra vamos. Con los cursores movemos la imagen a la derecha y ya se puede apreciar el efecto.

Herramienta mover.
Image

El resultado final es algo asi, aunque no es la imagen utilizada para el ejemplo resulta mas vistosa esta.
Image
User avatar
shao
 
Posts: 6034
Joined: Wed Jun 17, 2009 4:51 pm

Re: [TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglif

Postby CicTec » Tue Nov 16, 2010 11:09 pm

Muy bueno, gracias por el aporte shao. :)
User avatar
CicTec
 
Posts: 16553
Joined: Thu Jul 31, 2008 10:18 pm

Re: [TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglif

Postby shao » Tue Nov 16, 2010 11:16 pm

De nada, a ver si alguien sube alguna screen de su juego en 3d y podemos ver!.
User avatar
shao
 
Posts: 6034
Joined: Wed Jun 17, 2009 4:51 pm

Re: [TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglif

Postby GINO » Wed Nov 17, 2010 12:04 am

Yo sabia un método pero consistente en coger 2 imágenes estereoscópicas. Por ejemplo en una escena 3D, en el programa 3D renderizas 2 imágenes, en cada cual la camara la pones como si estuviese en un ojo diferente (humano). Luego en photoshop habría que ponerle el canal verde de una en la otra. Simple y efectivo, pero habría que tener las 2 imágenes de entrada.
User avatar
GINO
 
Posts: 2823
Joined: Thu Jul 31, 2008 10:25 pm

Re: [TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglif

Postby shao » Wed Nov 17, 2010 12:12 am

No se cual es el que dices, quiza se parece a este, que tambien esta compuesto de dos imagenes que se alternan rapidamente para crear el efecto, aunque dudo que sea por que es bastante nuevo.
Image
User avatar
shao
 
Posts: 6034
Joined: Wed Jun 17, 2009 4:51 pm

Re: [TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglif

Postby Geca » Wed Nov 17, 2010 12:31 am

Muy bueno, pues ya no teneis excusa para poner modo 3d en vuestros juegos :)
User avatar
Geca
 
Posts: 637
Joined: Fri Feb 20, 2009 1:35 pm
Location: Madrid

Re: [TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglif

Postby Ignis » Wed Nov 17, 2010 9:34 am

Geca wrote:Muy bueno, pues ya no teneis excusa para poner modo 3d en vuestros juegos :)

El fallo que tiene ese metodo es que creas graficos con tridimensionalidad pero no en tiempo real. Es decir la "profundidad" la defines al hacer el grafico. Lo suyo seria que las 2 imagenes se mostrasen por separado y segun la separacion entre ellas se consigue mas o menos profundidad
User avatar
Ignis
 
Posts: 304
Joined: Sun May 17, 2009 2:37 pm

Re: [TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglif

Postby shao » Wed Nov 17, 2010 12:08 pm

Si ese es el inconveniente pero podria probarse por ejemplo con un scroll, coges la capa del fondo y le pones mas profundidad, a la primera capa le pones menos, luego en el juego aparece un icono señalando que esa fase puede ser vista en 3d, adaptas un poco los demas graficos a la vision 3d y creo que debe quedar bien, ya te digo, lo hice con un escenario fijo sin scroll, al fondo le aplique este efecto, al personaje no, y se notaba bastante que el fondo estaba detras de el personaje, es decir parecian papeles en distintos planos.
User avatar
shao
 
Posts: 6034
Joined: Wed Jun 17, 2009 4:51 pm

Re: [TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglif

Postby SimulatorOne » Wed Nov 17, 2010 2:10 pm

Yo tengo un juego que utiliza esa vision 3D
Image
pero jamas lo e probado con gafas.

Las gafas que sacan ultimamente para ver en el cine la pelicula de Avatar en 3D sirven?
Son aquellas que no se ven los plasticos en rojo y azul...
User avatar
SimulatorOne
 
Posts: 6626
Joined: Tue Nov 17, 2009 2:52 pm
Location: Barcelona

Re: [TUTORIAL]Pasar imagenes a 3d para ver con gafas anaglif

Postby CicTec » Wed Nov 17, 2010 2:13 pm

simulatorone wrote:Las gafas que sacan ultimamente para ver en el cine la pelicula de Avatar en 3D sirven?
Son aquellas que no se ven los plasticos en rojo y azul...

Si mas o menos, se usan para la realidad virtual, aunque creo que entre unos años sera bastante difundido en los juegos (si van a tener exito claro)
User avatar
CicTec
 
Posts: 16553
Joined: Thu Jul 31, 2008 10:18 pm

Next

Return to Gráficos

Who is online

Users browsing this forum: No registered users and 11 guests