Home
» Wiki
»
Cómo crear el efecto de imagen en imagen en Photoshop
Cómo crear el efecto de imagen en imagen en Photoshop
Este tutorial le mostrará cómo crear un atractivo efecto de imagen en imagen con Adobe Photoshop tomando una sola foto y creando la ilusión de que dentro de ella hay una versión más pequeña y recortada de la misma foto. Recortaremos y rotaremos la imagen más pequeña alrededor del sujeto principal, agregaremos un borde y una sombra para resaltarla y, finalmente, convertiremos la imagen original detrás de ella a blanco y negro.
Paso 1: Abre la foto
Comience abriendo su foto.
La imagen original se utilizará en el efecto Imagen en imagen.
Paso 2: Haz una copia de la capa de fondo
En el panel Capas , la imagen se abrirá en la capa Fondo:
El panel Capas de Photoshop muestra la imagen original en la capa Fondo.
Haga una copia de la imagen arrastrando la capa Fondo hacia abajo hasta el ícono Agregar nueva capa :
Arrastre la capa Fondo al ícono Agregar nueva capa
Una copia aparece encima del original:
Aparece una capa duplicada encima de la capa de fondo original.
Paso 3: Cambie el nombre de la copia a Pequeña
La copia se utilizará para crear una imagen más pequeña dentro de la imagen más grande. Entonces haga doble clic en el nombre de la copia de Fondo y cambie el nombre de la capa a Pequeña. Presione Enter (Win) / Return (Mac) en su teclado para aceptar:
Cambie el nombre de la capa a Pequeña.
Paso 4: Desactivar la capa pequeña
No necesitamos la capa Pequeña en este momento, así que desactívela haciendo clic en su ícono de visibilidad:
Haga clic en el icono de visibilidad de la capa Pequeña.
Paso 5: Seleccione la capa de fondo
Antes de crear una versión más pequeña de la imagen, convertiremos la imagen original a blanco y negro. Haga clic en la capa de Fondo para seleccionarla:
Seleccione la capa Fondo en el panel Capas de Photoshop.
Paso 6: Agrega una capa de ajuste en blanco y negro
Luego haga clic en el ícono Nueva capa de relleno o ajuste en la parte inferior del panel Capas:
Haga clic en el icono Nueva capa de relleno o ajuste en el panel Capas de Photoshop.
Y seleccione una capa de ajuste Blanco y Negro de la lista:
Añade una capa de ajuste de blanco y negro sobre la imagen original
La capa de ajuste aparece entre la capa Fondo y la capa Pequeña. Esto significa que solo afectará a la capa de Fondo que se encuentra debajo, no a la capa Pequeña que se encuentra encima:
Se agrega una capa de ajuste en blanco y negro encima de la capa de fondo.
Y la imagen se convierte instantáneamente a blanco y negro:
Resultado después de agregar la capa de ajuste Blanco y Negro.
Paso 7: Haga clic en el botón Automático
Los controles para la capa de ajuste Blanco y negro aparecen en el panel Propiedades de Photoshop. Puede ajustar la conversión de blanco y negro arrastrando los controles deslizantes de color individuales (Rojo, Amarillo, Verde, etc.) para ajustar el brillo de diferentes partes de la imagen en función de su color original:
Arrastre los controles deslizantes de color para la capa de ajuste Blanco y negro en el panel Propiedades.
Pero como el efecto es realmente sólo para el fondo y quedará mayormente oculto por la imagen más pequeña, hacer clic en el botón Automático le dará resultados bastante buenos:
Haga clic en el botón Automático.
Paso 8: Seleccione y active la capa Pequeña
Ahora crearemos una imagen más pequeña y a todo color dentro de la imagen original.
De vuelta en el panel de capas, haga clic en la capa Pequeña para seleccionarla:
Seleccione la capa Pequeña en el panel de capas de Photoshop.
Luego haga clic en el ícono de visibilidad de la capa para volver a activarla:
Activa la capa Pequeña.
Reaparecerá la versión en color de la imagen:
Resultado después de activar la capa pequeña.
Paso 9: Seleccionar la herramienta Rectángulo
En la barra de herramientas, seleccione la herramienta Rectángulo. No seleccione la herramienta Marco rectangular cerca de la parte superior porque es una herramienta de selección. Seleccione la herramienta Rectángulo, una de las herramientas de forma de Photoshop:
Seleccione la herramienta Rectángulo de la barra de herramientas de Photoshop.
Paso 10: Establezca el modo de herramienta en Forma
En la barra de opciones, asegúrese de que el Modo de herramienta esté configurado en Forma , no en Trazado o Píxeles:
Establezca el modo de herramienta en Forma.
Paso 11: Establezca el color de la forma en negro.
Establezca el color de la forma en negro si aún no lo ha hecho. El color realmente no importa, pero el negro es fácil de ver cuando dibujamos formas.
Haga clic en la muestra de color de relleno :
Haga clic en la muestra de color de relleno en la barra de opciones de Photoshop
Luego, haga clic en el ícono Selector de color en la esquina superior derecha del cuadro de diálogo:
Haga clic en el icono Selector de color para seleccionar un color para la forma.
Y seleccione negro en el Selector de color estableciendo los valores R, G y B en 0. Luego haga clic en Aceptar para cerrar el Selector de color:
Seleccione el color negro en el Selector de color de Photoshop.
Paso 12: Desactivar los trazos alrededor de las formas
De forma predeterminada, Photoshop agrega un trazo negro de 1 píxel de ancho alrededor de la forma, lo cual no queremos. Entonces haga clic en la muestra de color del trazo :
Haga clic en la muestra de color del trazo en la barra de opciones.
Luego haga clic en el ícono Sin color en la esquina superior izquierda. Presione Enter (Win) / Return (Mac) para cerrar el cuadro de diálogo:
Haga clic en la opción Sin color para el trazo.
Paso 13: Dibuja una forma alrededor del objeto principal
Dibuja un rectángulo alrededor del objeto principal. La forma se convertirá en una versión más pequeña de la imagen, así que asegúrate de envolverla alrededor de todo lo que aparecerá dentro de ella.
Haga clic en la esquina superior izquierda del objeto para establecer el punto de inicio de la forma. Luego mantenga presionado el botón del mouse y arrástrelo hacia la parte inferior derecha. Al arrastrar, solo aparece el contorno de la forma:
Dibuja un rectángulo alrededor del sujeto principal de la fotografía.
Cómo reposicionar formas
Para reposicionar una forma mientras dibuja, mantenga presionado el mouse y presione y mantenga presionada la barra espaciadora en su teclado. Arrastre la forma a la ubicación que necesite, luego suelte la barra espaciadora y continúe arrastrando el resto de la forma.
Cómo perfeccionar la forma
Suelte el botón del mouse cuando haya terminado para completar la forma, momento en el cual Photoshop rellenará la forma con negro:
Suelte el botón del ratón para completar la forma.
Paso 14: Cambia el tamaño de la forma si es necesario
Dado que la forma oculta por completo la imagen que hay detrás de ella, es difícil saber si la forma está dibujada exactamente donde la necesitamos. Entonces, para ver la imagen a través de la forma, reduzca la Opacidad de la capa de forma en el panel Capas al 50%. Una forma rápida es presionar el número 5 en el teclado:
Reduce la opacidad de la forma al 50% en el panel Capas de Photoshop
Luego, haga clic y arrastre cualquiera de los controladores alrededor de la forma para cambiar su tamaño según sea necesario:
Cambie el tamaño de la forma arrastrando los controladores
Restablecer la opacidad de la forma al 100 %
Una vez que haya terminado de cambiar el tamaño de la forma, restablezca la opacidad de la capa de forma en el panel Capas al 100% presionando 0 en su teclado. La forma volverá a bloquear la imagen de la vista:
Restablezca la opacidad de la capa de forma al 100%.
Paso 15: Arrastre la capa Pequeña sobre la forma
A continuación, colocaremos la imagen en la capa Pequeña dentro de la forma. En el panel Capas, la forma ahora está encima de la imagen:
El panel Capas de Photoshop muestra la capa de forma sobre la imagen.
Necesitamos que la imagen esté encima de la forma. Entonces haga clic en la capa Pequeña y arrástrela sobre la capa de forma. Cuando aparece la barra resaltada azul encima de la capa de forma:
Arrastre la capa de imagen sobre la capa de forma.
Suelte el botón del mouse para colocar la capa Pequeña en su lugar:
La imagen se ha movido encima de la capa de forma.
Y en el documento, la imagen ahora bloquea la vista de la forma:
La foto actualmente está bloqueando la forma que se encuentra debajo de ella.
Paso 16: Crear máscara de recorte
Para colocar una imagen en una forma, haga clic en el ícono del menú del panel Capas:
Haga clic en el icono del menú del panel Capas.
Y seleccione Crear máscara de recorte:
Seleccione el comando Crear máscara de recorte.
Photoshop corta la imagen de la capa Pequeña en la capa de forma que se encuentra debajo de ella:
El panel Capas de Photoshop muestra la capa de imagen recortada a la capa Pequeña.
Y la imagen a todo color ahora aparece solo dentro de los límites de la forma, mientras que la versión en blanco y negro en la capa de Fondo reaparece a su alrededor:
Resultado después de recortar la capa pequeña en la capa de forma.
Paso 17: Seleccione la capa de forma
Para ayudar a que las imágenes más pequeñas se destaquen, agregue un borde blanco y una sombra paralela. Comenzaremos con la frontera.
En el panel Capas, seleccione la capa de forma:
Seleccione la capa de forma en el panel Capas de Photoshop.
Paso 18: Agrega trazos blancos alrededor de la forma.
Luego haga clic en el ícono de efectos de capa (el ícono “fx”) en la parte inferior:
Haga clic en el icono de efectos de capa en el panel Capas de Photoshop.
Y seleccione Trazo de la lista:
Añade un efecto de capa de Trazo a la forma.
Trazo de color
En el cuadro de diálogo Estilo de capa , cambie el color del trazo haciendo clic en la muestra de color:
Haga clic en la muestra de color del Trazo en el cuadro de diálogo Estilo de capa de Photoshop.
Y en el Selector de color, seleccione el blanco estableciendo los valores R, G y B en 255. Luego haga clic en Aceptar para cerrar el Selector de color:
Seleccione blanco en el Selector de color.
Posición de la carrera
De vuelta en el cuadro de diálogo Estilo de capa, asegúrese de que la Posición del trazo esté establecida en Interior para mantener las esquinas del borde bonitas y nítidas:
Establezca la posición del trazo en Interior.
Tamaño del trazo
Luego, arrastre el control deslizante Tamaño para establecer el ancho del borde. El tamaño que necesitas dependerá de tu imagen. El ejemplo establecerá su imagen en 40 píxeles:
Utilice el control deslizante Tamaño para establecer el tamaño del borde.
Y aquí está el efecto con un borde más pequeño alrededor de la imagen:
Efecto con borde añadido.
Paso 19: Agrega una sombra paralela
Para agregar una sombra paralela detrás de la imagen, haga clic en la opción Sombra paralela en la columna de efectos verticales a la izquierda del cuadro de diálogo Estilo de capa:
Seleccionar el efecto Sombra paralela
Ángulo y distancia de la sombra
Luego haga clic y arrastre dentro de la imagen para establecer el ángulo y la distancia de la sombra. Aquí, el ejemplo consiste en arrastrar hacia abajo y hacia la derecha para que la fuente de luz de la sombra aparezca desde la esquina superior izquierda:
Arrastre la sombra hacia abajo y hacia la derecha de la imagen.
También puede introducir valores específicos de ángulo y distancia en el cuadro de diálogo. El ejemplo establecería el ángulo en 135 grados y la distancia en 50 píxeles. Es posible que necesite un valor de distancia menor o mayor según su imagen:
Introduzca valores específicos de ángulo y distancia.
Tamaño de la pelota
El valor de Tamaño controla la suavidad u opacidad de los bordes de la sombra. El ejemplo lo establecerá en 15 píxeles:
Suaviza los bordes de la sombra aumentando el tamaño.
Opacidad de la sombra
También puedes ajustar la intensidad de la sombra (qué tan clara u oscura es la sombra) arrastrando el control deslizante Opacidad . Pero el ejemplo lo dejará en el valor predeterminado del 35%:
Mantenga la opacidad de la sombra en el valor predeterminado.
Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo Estilo de capa. Y aquí está el efecto con un borde y una sombra agregada a la imagen más pequeña. Sólo una cosa más por hacer:
Efecto de imagen en imagen con borde y sombra agregados a una foto más pequeña.
Paso 20: Girar la forma
Por último, puedes agregar algo de diversión al efecto girando la forma alrededor del sujeto.
En el panel Capas, asegúrese de que la capa de forma esté activa:
Seleccione la capa de forma en el panel Capas de Photoshop.
Y con la herramienta Rectángulo aún activa en la barra de herramientas, coloque el puntero del mouse justo afuera de uno de los controladores de la forma. El cursor cambiará al icono Girar (una línea curva con flechas en ambos extremos):
Coloque el cursor cerca de un controlador para obtener el ícono Girar.
Luego haga clic y arrastre para rotar la forma. La imagen dentro de la forma permanecerá fija en su lugar. Sólo esa forma, junto con su contorno y sombra, rotará, haciendo que la foto parezca tomada en ángulo:
Gire la foto pequeña alrededor del sujeto principal.
Paso 21: Realice los ajustes finales al tamaño de la forma.
Verifique que la forma girada no corte partes del sujeto y cambie el tamaño de la forma nuevamente si es necesario arrastrando los controladores.
Cuando haya terminado, oculte el borde y los controladores alrededor de la forma presionando Enter (Win) / Return (Mac) en su teclado.
Y aquí, después de estirar la parte inferior de la forma para evitar cortar parte del pulgar de la mujer, está el efecto final de imagen en imagen: