Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Cómo Crear una Imagen Infinita Dentro de una Fotomanipulación en Adobe Photoshop

Scroll to top
Read Time: 10 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Un magnífico proyecto para poner a prueba tus habilidades de Photoshop es crear una ilusión óptica. Una ilusión óptica crea una experiencia para el espectador que lo hace ver algo que no está ahí o es diferente a lo que parece.

En el tutorial de hoy, aprenderás cómo establecer una composición para crear una imagen infinita dentro de una ilusión de imagen. Usando sencillas técnicas de manipulación, los recursos de GraphicRiver, y mucho más, ¡puedes probar éste fácil efecto por tí mismo!

Recursos del Tutorial

Los siguientes recursos fueron usados en la producción de éste tutorial:

1. Cómo Configurar el Documento para una Ilusión

Paso 1

Una de las cosas que me gusta hacer antes de comenzar una fotomanipulación es elegir una foto que me gusta y evaluar todo lo que necesito hacer para que la composición funcione.

Original Redhead Stock Photo from PixabayOriginal Redhead Stock Photo from PixabayOriginal Redhead Stock Photo from Pixabay
Fotografía de Stock de la Modelo Pelirroja vía Pixabay

Originalmente me enamoré de ésta foto de una Modelo Pelirroja, así que la consideré la base general para la escena. Sin embargo, hay unas cuántas cosas que necesito abordar antes de que pueda proceder.

  1. Posición del Cuerpo: Me encanta ésta foto por su mirada fija a la cámara. Pero desafortunadamente su cuerpo está colocado en un ángulo con sus manos hacia abajo, así que necesitaré encontrar una manera para corregir ésto.
  2. Posición de las Manos: Para que ésto funcione, la modelo debería estar sosteniendo un marco de foto. Si no puedees encontrar una foto de stock que te guste dónde una modelo ya esté sosteniendo uno, entonces considera construir ese lenguaje corporal desde cero. Para hacer ésto, necesitaremos investigar fotos de stock con buenas posiciones de las manos para simular la apariencia que queremos.
  3. Fondo: Lo último que necesitamos es un mejor fondo. La composición original funciona como una foto independiente, pero para crear ésta ilusión necesitaremos centrarla y crear más profundidad de campo para un mejor impacto.

Para ver cómo ésta evaluación se aplica a la ilusión final, veamos rápidamente una comparación de antes y después de la foto original y la manipulación final.

Before and After Manipulation ComparisonBefore and After Manipulation ComparisonBefore and After Manipulation Comparison
Si trabajas con una estrategia sensacional, puedes manipular el cuerpo de una modelo para ilustrar la posición que prefieras.

Paso 2

Ahora que tenemos en mente esas cosas, podemos avanzar a configurar el documento. Abre la fotografía de la modelo pelirroja en Photoshop. Haz doble-click en la capa background (fondo) para cambiarla a Layer 0.

Usando la Herramienta Recortar (C), jala el lado derecho de la imagen afuera para que  haya más espacio en ese lado. Necesitaremos hacer ésto para crear una esena más equilibrada. Luego jala la parte superior hacia arriba ligeramente para encajar más espacio para el fondo. Cuándo hayamos finalizado, las dimensiones cambian de 1920 x 1280 pixeles a 2226 x 1412 pixeles.

Create a Larger Canvas with the Crop ToolCreate a Larger Canvas with the Crop ToolCreate a Larger Canvas with the Crop Tool

Paso 3

Rellenemos los espacios vacíos. Crea una Nueva Capa debajo de la foto original y Rellénala de negro usando la Herramienta Bote de Pintura (G). Luego selecciona la foto y pulsa Control-J dos veces, nombrando uno de los duplicados "Right", para el lado derecho de la composición. Oculta la Visibilidad de la otra copia para un paso posterior.

Selecciona la Capa Right y ve a Edición > Transformar > Voltear Horizontal. Asegúrate de que cuándo veas el panel Capas, ésta capa esté posicionada debajo de la capa de la foto original. Sólo muévela al lado derecho para rellenar el espacio vacío.

Create the Right Side of the BackgroundCreate the Right Side of the BackgroundCreate the Right Side of the Background

2. Cómo Combinar las Imágenes de Fondo

Paso 1

Copia y Pega la Fotografía de Stock Evergreen en el documento en una Nueva Capa arriba de la capa negra. Redimensiónala para que encaje en el fondo con la Herramienta Transformación Libre (Control-T). Asegúrate de que esté posicionada para que la parte superior de los arbustos de la foto original coincidan con el paisaje siempre verde.

Add the Evergreen Stock to the BackgroundAdd the Evergreen Stock to the BackgroundAdd the Evergreen Stock to the Background

Paso 2

Ajustemos los colores de éste stock para que coincidan con la foto original. Ve a Imagen > Ajustes > Tono y Saturación. Ajusta los parámetros así:

  • Tono: -3
  • Saturación: -64
  • Luminosidad: -15
Adjust the Background Color with Hue and SaturationAdjust the Background Color with Hue and SaturationAdjust the Background Color with Hue and Saturation

Necesitaremos ajustar los colores un poco más para hacerlos combinar. Crea una Nueva Capa de Ajuste de Equilibrio de Color con los siguientes parámetros para las Sombras y los Medios Tonos:

Adjust the Background with Color BalanceAdjust the Background with Color BalanceAdjust the Background with Color Balance

Luego agrega una Nueva Capa de Ajuste de Curvas arriba de ella para intensificar y equilibrar la luz. Ajusta la curva para el Canal RGB como se muestra abajo.

Adjust the Background with CurvesAdjust the Background with CurvesAdjust the Background with Curves

Paso 3

Crea una profundidad de campo al desenfocar el fondo ligeramente. Selecciona la Capa Evergreen y ve a Filtro > Desenfocar > Desenfoque Gaussiano. Agrega un Radio de 7.7 antes de pulsar OK.

Blur the Background with Gaussian BlurBlur the Background with Gaussian BlurBlur the Background with Gaussian Blur

Paso 4

Ahora que tenemos todos nuestros elementos de fondo, necesitamos combinarlos para deshacernos de los bordes que estamos viendo. Para hacer ésto, Añadir una Máscara de Capa de la opción ubicada en la parte inferior del panel Capas a la foto original y ambos duplicados.

Add Layer Masks to Your PhotosAdd Layer Masks to Your PhotosAdd Layer Masks to Your Photos

Usa la Herramienta Pincel (B) con una Dureza de 0% para pintar de negro cada Máscara de Capa en las áreas dónde veas cualquier línea de separación. Ésto suavemente ocultará esas áreas para crear una escena combinada de manera no destructiva. Notarás que la Capa Right cubre el paisaje siempre verde detrás de ella, así que sólo asegúrate de que estés pintando en la máscara para combinar más la foto original.

Hide the Lines with Layer MasksHide the Lines with Layer MasksHide the Lines with Layer Masks

Aquí está cómo se debería ver el fondo final.

Final Background After Blending LayersFinal Background After Blending LayersFinal Background After Blending Layers

3. Cómo Cambiar la Posición del Cuerpo de la Modelo

Paso 1

Con el fondo establecido, podemos concentrarnos en la modelo. ¿Recuerdas esa capa oculta desde antes? Activa la Visibilidad de la capa para revelar la segunda copia.

Usa la Herramienta Lazo Magnético (M) para crear una selección alrededor de la modelo. Selecciona la Máscara de Capa, y luego haz click-derecho y selecciona Invertir Selección y pulsa Borrar para rellenar el resto de la máscara de capa de negro para ocultar el fondo.

Add a Layer Mask to the Second CopyAdd a Layer Mask to the Second CopyAdd a Layer Mask to the Second Copy

Paso 2

Para hacerla parecer como si la modelo estuviera de frente a la cámara, necesitaremos asegurarnos de que ambos hombros estén hacia el frente. Selecciona la capa de la Modelo y ve a Edición > Transformar > Voltear Horizontal para voltear su posición.

Flip the Copy of the WomanFlip the Copy of the WomanFlip the Copy of the Woman

Ahora usa la Herramienta Pincel (B) para pintar de negro en la Máscara de Capa para ocultar la mitad de su cuerpo. Las únicas parte que realmente quieres mostrar son su hombro derecho y lal parte inferior de su suéter. Se necesita un poco de creatividad para maniobrar, así que sólo ten en mente que su sección media será cubierta por el marco de la foto.

Use a Layer Mask to Erase Away the CopyUse a Layer Mask to Erase Away the CopyUse a Layer Mask to Erase Away the Copy
Aquí está un progreso paso-a-paso de la posición original de su cuerpo a la posición final. Nota cómo podemos ligeramente enderezar su cuerpo sólo usando una imagen reflejada.

Paso 3

Con la posición del cuerpo establecida, agreguemos el marco de foto a la composición. Ya es un objeto aislado así que no necesitas extraerlo de nada. Copia y Pega el Marco de Foto en la composición, Redimensiónalo y Rótalo con la Herramienta Transformación Libre (Control-T) ya que toda la escena está en una orientación de Paisaje.

Crea una selección para el interior del marco con la Herramienta Marco Rectangular (M) y Rellénala de negro usando la Herramienta Bote de Pintura (G).

Add a Frame to the SceneAdd a Frame to the SceneAdd a Frame to the Scene

Ajusta el color del marco. Establece una Nueva Capa de Ajuste de Tono y Saturación como una Máscara de Recorte con el cuadro. Ajusta los parámetros así:

  • Tono: +42
  • Saturación: -72
  • Luminosidad: -53
Adjust the Color of the Frame with Hue and SaturationAdjust the Color of the Frame with Hue and SaturationAdjust the Color of the Frame with Hue and Saturation

Paso 4

Agrega una Nueva Capa estableciéndola en Sobrexposición Lineal (Añadir) ariba de la capa del marco. Usa la Herramienta Pincel para pintar un color olivo #68573d en el marco. Debido al Modo de Fusión, ésto creará intensas iluminaciones doradas, así que asegúrate de crear bordes limpios y un bonito acabado brilloso. Con toda confianza agrega más iluminaciones a la escena en ésta misma capa para exponer unas cuántas hojas y equilibrar la luz.

Add Highlights to the FrameAdd Highlights to the FrameAdd Highlights to the Frame

Paso 5

¡No podemos tener una foto sin algunas manos sosteniéndola! Primero extrae una de las manos de la foto de stock de la Modelo de Publicidad usando la Herramienta Lazo (L) y Pégala en una Nueva Capa arriba del marco. Rótala y Redimensiónala en su lugar indicado usando la Herramienta Transformación Libre (Control-T). Agrega una Máscara de Capa a la capa de la primera mano. Pinta de negro en la máscara para ocultar cualquier parte de la mano que no quieras mostrar.

Extract and Position a New Hand onto the FrameExtract and Position a New Hand onto the FrameExtract and Position a New Hand onto the Frame

Ahora mismo la mano es demasiado brillosa. Agrega una Nueva Capa de Ajuste de Tono y Saturación y establécela como Máscara de Recorte con la capa de la mano. Ajusta los parámetros como sigue:

  • Tono: 0
  • Saturación: -36
  • Luminosidad: -12
Adjust the Color of the Hand withe Hue and SaturationAdjust the Color of the Hand withe Hue and SaturationAdjust the Color of the Hand withe Hue and Saturation

Una vez que hayas finalizado con una mano, Duplícala para crear la segunda. Con las capas para la segunda mano seleccionadas, ve a Edición > Transformar > Voltear Horizontal.

¡No hagas que se vea demasiado perfecto! Coloca la mano izquierda ligeramente más abajo para ilustrar un cambio en el peso del cuerpo pues la modelo cambia a una posición más hacia adelante.

Result with Both Hands Added to the FrameResult with Both Hands Added to the FrameResult with Both Hands Added to the Frame

4. Cómo Crear la Imagen Dentro de una Fotomanipulación

Paso 1

¡Ahora por la ilusión! El proceso es muy simple, pero agreguemos un genial filtro a la primer imagen. Agrega una Nueva Capa de Ajuste de Consulta de Colores con los siguientes parámetros:

  • Archivo 3DLUT: Fuji F125 Kodak 2395
Add a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment Layer

Paso 2

Selecciona la Herramienta Zoom (Z) y presiona la opción Ajustar en Pantalla para que toda la imagen encaje en la ventana perfectamente. Ahora toma una captura de pantalla al pulsar la tecla Impr Pant en tu teclado.

Abre la captura de pantalla en un Nuevo Documento y  pégala en el documento. Usa la Herramienta Marco Rectangular (M) para seleccionar únicamente la composición de la fotomanipulación y Córtala y Pégala en una Nueva Capa en tu documento original.

Extract the Composition From a Screen CaptureExtract the Composition From a Screen CaptureExtract the Composition From a Screen Capture

Paso 3

Redimensiona la imagen usando la Herramienta Transformación Libre (Control-T) y colócala para que se alinie más centrada dentro del marco. Si ves cualquier borde que se asoma afuera de marco, sólo usa la Herramienta Marco Rectangular (M) para seleccionar esos bordes y Elimínalos.

Create the Picture Within a Picture Photographic IllusionCreate the Picture Within a Picture Photographic IllusionCreate the Picture Within a Picture Photographic Illusion
Para ayudarte a colocar mejor la foto, disminuye la Opacidad de la capa temporalmente antes de cortar los bordes.

Ahora que tienes la primear imagen dentro de un efecto de imagen, repite éste proceso para ese aspecto infinito. Simplemente Duplica (Control-J) la capa de la captura de pantalla varias veces, redimensiona cada una y colócalas dentro de los marcos.

Duplicate the Layer Several Times to Achieve the IllusionDuplicate the Layer Several Times to Achieve the IllusionDuplicate the Layer Several Times to Achieve the Illusion

Yo usé cuatro capas totales para crear éste efecto infinito. Si todavía puedes ver la caja negra en el marco más diminuto, haz una rápida selección con la Herramienta Marco Rectangular (M) y borra la parte negra. Eso debería resolver éste problema.

5. Cómo Finalizar la Edición de Tu Manipulación Final

Paso 1

¿Listo para concluir ésta genial manipulación? Únicamente tenemos unos cuántos pasos por delante. Primero vamos a corregir el color e intensificar los colores aún más. Agreguemos una Nueva Capa de Ajuste de Niveles con los siguientes parámetros:

Add a New Adjustment Layer of LevelsAdd a New Adjustment Layer of LevelsAdd a New Adjustment Layer of Levels

Luego agrega una Nueva Capa de Ajuste de Equilibrio de Color con los siguientes parámetros:

Add a New Adjustment Layer of Color BalanceAdd a New Adjustment Layer of Color BalanceAdd a New Adjustment Layer of Color Balance

Aquí está cómo se ve la composición con éstos dos ajustes:

Final Result After Color AdjustmentsFinal Result After Color AdjustmentsFinal Result After Color Adjustments

Paso 2

Para finalizar ésta apariencia, afinaremos los detalles para más intensidad. Primero crea un Nuevo Grupo y pon todas tus capas dentro de él. Duplica el grupo y Combina todas las capas del segundo grupo.

Selecciona la capa combinada y pulsa Control-J para crear una copia. Establece el Modo de Fusión de la Capa de la copia en Superponer y ve a Filtro > Otro > Paso Alto. Agrega un Radio de 10 pixeles y pulsa OK. Luego disminuye la Opacidad a 29%.

Sharpen the Image with High PassSharpen the Image with High PassSharpen the Image with High Pass

¡Y eso es todo! Revisa el resultado final abajo.

¡Fabuloso Trabajo!

Una de mis cosas favoritas sobre la fotografía es que puedes tomar una imagen que ya es bonita y hacerla aún más dramática con unos cuántos elementos extra.

Realmente espero que hayas disfrutado éste tutorial. Con toda confianza formúlame cualquier pregunta en la sección de comentarios y consulta más recursos de diseño para tus fotomanipulaciones en Envato Market.

Picture Within a Picture Photography Illusion by Melody NievesPicture Within a Picture Photography Illusion by Melody NievesPicture Within a Picture Photography Illusion by Melody Nieves
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads