7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Effects

Cómo crear una visión estereoscópica para ver imágenes con los ojos bizcos

Scroll to top
Read Time: 5 mins

Spanish (Español) translation by Warlyn Figueroa (you can also view the original English article)

En este tutorial crearemos una imagen estereoscópica para la visión cruzada, lo que significa que podrás ver la imagen final en 3D y a todo color sin necesidad de utilizar ninguna gafa especial.

Voy a crear una pieza simple desde cero para el bien de este tutorial, pero la técnica final aprendida se puede aplicar a las obras de arte existentes muy fácilmente, siempre y cuando seas el creador y tengas el archivo PSD.

Vista previa de la imagen final

Echa un vistazo a la imagen que vamos a crear.

Detalles de la tutoría

  • Programa: Adobe Photoshop CS2 (cualquier versión sirve)
  • Dificultad: Principiante
  • Tiempo estimado de finalización: Menos de 1 hora
Ver imagen en tamaño real

Paso 1

Vamos a empezar con una imagen de 900 píxeles por 900 píxeles con un fondo negro.

Ver la captura de pantalla en tamaño real

Paso 2

Añade un texto blanco en el centro en un ángulo de 45 grados, yo elegí "Psdtuts+" en Century Gothic Bold a 200 píxeles de altura. Vamos a añadir algo de color al texto, en una nueva capa añadí un degradado de 45 grados a una selección del texto en verde puro. También vamos a añadir un resplandor interior negro utilizando un estilo de capa sólo para suavizar los bordes.

Ver la captura de pantalla en tamaño real

Añade un trazo blanco de unos 2 píxeles del texto en su propia capa. Muévelo hacia arriba unos 5 píxeles y hacia la derecha unos 5 píxeles. A continuación, vamos a añadir un estilo de capa rojo Resplandor exterior a la misma. Ya hemos terminado con el texto, así que vamos a limpiar un poco nuestras capas. Poner todas las capas de texto en un grupo propio y llamarlo "texto".

Ver la captura de pantalla en tamaño real

Paso 3

Ahora vamos a empezar a añadir algunos elementos alrededor del texto que podremos mover más tarde y que nos darán nuestros efectos 3D. En una nueva capa utiliza un pincel de 65 píxeles con bordes suaves y crea con él algunos puntos blancos aleatorios alrededor del texto (un solo clic del ratón). Haz lo mismo en otra capa pero con un pincel de 21 píxeles.

Ver la captura de pantalla a tamaño real

En otra capa nueva, usando los mismos pinceles de 65 y 21 píxeles, dibuje un montón de puntos al azar alrededor del texto, utilizando los colores blanco y negro.

Ver la captura de pantalla en tamaño completo

A continuación, aplica un desenfoque de movimiento de 45 grados de 500 píxeles.

Ver la captura de pantalla en tamaño completo

Duplicamos la capa de los puntos difuminados dos veces y establecemos sus modos a Color Dodge. Sigamos manteniendo nuestro PSD limpio y pongamos todas estas capas en su propio grupo y llamémoslo "Puntos".

Ver la captura de pantalla en tamaño completo

Vamos a añadir una línea más de texto antes de empezar a modificar las capas para crear nuestro efecto estereoscópico 3D. Elegí " Imágenes Estereoscópicas" en blanco y lo coloqué ligeramente encima de nuestro texto "Psdtuts+". Añadí una Sombra Paralela, un Resplandor Interior negro y un Trazo rojo de 1 píxel usando estilos de capa.

Ver la captura de pantalla en tamaño completo

Paso 4

Ahora que tenemos nuestra obra de arte básica creada vamos a empezar a modificar todos estos elementos para que aparezcan en 3D una vez que los veamos utilizando el método de ojo cruzado (más sobre esto en el siguiente paso). Para mantener las cosas organizadas vamos a poner todas nuestras capas en un grupo y nombrarlo "Ojo izquierdo".

Aumenta el tamaño de tu lienzo desde el centro de la izquierda para que sea el doble de ancho (1800 píxeles).

Ver la captura de pantalla en tamaño completo

Duplica el grupo "Ojo izquierdo" y nómbralo "Ojo derecho". Luego muévelo todo a la parte derecha del lienzo.

Ver la captura de pantalla en tamaño completo

Vamos a mover ligeramente algunas capas en el lienzo en el grupo "Ojo derecho", utiliza las teclas de flecha de tu teclado para esta parte. Selecciona la capa "Copia de puntos pequeños" y muévela hacia arriba unos 7 píxeles, luego hacia la derecha unos 7 píxeles. Selecciona la capa "Copia de puntos grandes" y muévela hacia arriba unos 10 píxeles, luego hacia la derecha unos 10 píxeles.

Ahora selecciona la capa de texto "Copia de imágenes estereoscópicas" y muévela hacia arriba unos 7 píxeles, luego hacia la derecha unos 7 píxeles. Selecciona la capa "Copia del trazo" y muévela hacia arriba unos 7 píxeles, y luego hacia la derecha unos 7 píxeles. Selecciona la capa " Copia de color" y la capa de texto "Psdtuts+ Copia" y muévelas unos 4 píxeles hacia arriba y otros 4 píxeles hacia la derecha.

Ver la captura de pantalla en tamaño completo

Paso 5

Ahora que tenemos nuestra imagen estereoscópica completa, ¡es hora de verla en 3D! Esto puede ser fácil para algunos y complicado para otros, pero una vez que le tomes el truco no tendrás problemas para hacerlo en cuestión de segundos. He añadido un círculo rojo en el centro de ambas imágenes para ayudarte a entrenar tus ojos en cómo hacerlo.

Ver la captura de pantalla en tamaño completo

Mira los siguientes pasos e imágenes, y cuando estés listo, usa la imagen de arriba para probarlo.

Siéntate a una distancia cómoda de tu monitor y mantén tu dedo índice frente a él. Coloca la punta del dedo en el centro de las dos imágenes. Enfoca la mirada en la punta del dedo y en tu visión periférica, justo por encima del dedo, deberías poder ver las dos imágenes ligeramente fusionadas.

Mientras sigues concentrándote en el dedo índice, acerca o aleja el dedo del monitor hasta que veas que las dos imágenes se fusionan. Una vez que se hayan fusionado, desplaza ligeramente el dedo hacia el monitor. La imagen combinada debería aparecer bien enfocada y en una bonita capa 3D, si no es así, simplemente borra el punto de mira e inténtalo de nuevo. También puedes intentar acercarte a tu monitor.

Conclusión 

Una vez que te acostumbres a ver la imagen de arriba, puedes probarlo en la imagen final de abajo sin el punto rojo.

Ver imagen en tamaño completo

Entonces puedes probarlo en mi primera imagen estereoscópica que creé titulada "Piñón".

Ver imagen en tamaño completo
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.