Crea una foto dentro de una foto con Photoshop

Crea una foto dentro de una foto con Photoshop

Crea una foto dentro de una foto con Photoshop


En esto Tutorial de efectos de Photoshop, aprenderemos cómo agregar emoción a una foto (no es que sus fotos no sean lo suficientemente emocionantes, por supuesto) y traer más enfoque y atención al tema principal creando la ilusión de una versión más pequeña y recortada de la imagen dentro sí mismo. Usaremos una forma vectorial para crear las dimensiones de la foto más pequeña para que podamos rotarla y redimensionarla fácilmente sin pérdida de calidad de imagen, agregando un par de estilos de capa, creando una máscara de recorte, muestreando colores del original. foto, usando Capas de Ajuste y agregando un divertido filtro de Desenfoque Radial. Muchas cosas buenas. Cualquier versión reciente de Photoshop funcionará bien para este efecto. Usaré Photoshop CS3.

Aquí está la imagen original que usaré para este tutorial:

La imagen original.  Imagen con licencia de iStockphoto.com por Photoshop Essentials.com

La foto original.

Y esto es en lo que trabajaremos a lo largo de los pasos:

El resultado final.  Imagen © 2008 Photoshop Essentials.com.

El resultado final.


Este tutorial es de nuestra serie Photo Effects. ¡Empecemos!

Paso 1: duplica la capa de fondo

Con mi foto original abierta dentro de Photoshop, puedo ver en mi paleta Capas que actualmente tengo solo una capa, la capa Fondo:

La capa Fondo en la paleta Capas de Photoshop.  Imagen © 2008 Photoshop Essentials.com.

La paleta de capas de Photoshop muestra la capa de fondo que contiene mi imagen original.

Lo primero que tengo que hacer es duplicar la capa de fondo, así que usaré el método abreviado de teclado rápido, Ctrl + J (Ganar) / Comando + J (Mac). Ahora tengo mi copia de la capa de fondo que se muestra en la paleta Capas, que Photoshop denomina automáticamente «Capa 1»:

La paleta Capas que muestra la capa de Fondo con la copia de arriba, llamada 'Capa 1'.  Imagen © 2008 Photoshop Essentials.com.

La paleta Capas que muestra la capa de fondo con la copia de arriba, llamada ‘Capa 1’

Para que las cosas sean más fáciles de seguir a medida que avanzamos, y como un buen hábito, cambiaré el nombre de esta capa a algo más descriptivo. Dado que «Layer 1» eventualmente se convertirá en la versión más pequeña y recortada de la foto, voy a haga doble clic en el nombre de la capa y cambie su nombre de «Capa 1» a «Versión más pequeña»:

Cambio de nombre de una capa en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Haga doble clic en el nombre «Capa 1» y cambie el nombre de la capa a «Versión más pequeña».

Paso 2: cree una nueva capa debajo de la capa ‘Versión más pequeña’

Lo siguiente que debemos hacer es crear una nueva capa debajo de la capa «Versión más pequeña», para que termine entre las dos capas que tenemos actualmente. Lo que la mayoría de la gente haría aquí es hacer clic en la capa Fondo para seleccionarla y luego crear una nueva capa, ya que de forma predeterminada, Photoshop siempre crea su nueva capa directamente encima de la capa actualmente seleccionada en la paleta Capas.

Aquí hay un buen truco que prefiero usar en su lugar, y si no lo conoces, una vez que lo sepas, lo usarás mucho. En lugar de crear una nueva capa encima la capa seleccionada actualmente, puede decirle a Photoshop que la cree debajo la capa seleccionada actualmente manteniendo pulsado el control clave (Win) / Mando (Mac) mientras hace clic en el Nueva capa en la parte inferior de la paleta Capas, como haré aquí:

.  El icono Nueva capa en la paleta Capas en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Mantenga presionada la tecla ‘Ctrl’ (Win) / ‘Comando’ (Mac) mientras hace clic en el icono Nueva capa para crear una nueva capa debajo de la capa ‘Versión más pequeña’.

Y ahora, gracias a ese pequeño truco, Photoshop ha creado una nueva capa en blanco para mí directamente debajo de la capa «Versión más pequeña»:

Una nueva capa agregada en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

La nueva capa, nuevamente llamada «Capa 1», se creó debajo de la capa «Versión más pequeña».

Desde que cambié el nombre de la «Capa 1» anterior a «Versión más pequeña», Photoshop se ha ido y nombró a esta segunda nueva capa «Capa 1» en su lugar. voy a haga doble clic en el nombre de la capa y cámbiele el nombre a «Máscara de recorte», ya que en un momento, usaremos esta capa para «recortar» la capa superior:

Cambiar el nombre de una capa en la paleta Capas en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Haga doble clic en el nombre de la nueva capa y cámbiele el nombre «Máscara de recorte».

Paso 3: arrastre la forma de la foto más pequeña con la herramienta Rectángulo

Con la capa «Máscara de recorte» seleccionada en la paleta Capas, seleccione la herramienta Rectángulo ya sea desde la paleta de herramientas de Photoshop o presionando U en tu teclado:

La herramienta Rectángulo en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Seleccione la herramienta Rectángulo.

La herramienta Rectángulo dibuja formas rectangulares basadas en vectores y, con ella seleccionada, voy a arrastrar la forma aproximada y la ubicación de mi foto recortada más pequeña. Quiero enfocar y llamar la atención sobre el sujeto de la foto, que en este caso es el chico del kayak, así que arrastraré una forma rectangular a su alrededor:

Arrastrando la forma de mi foto más pequeña.  Imagen © 2008 Photoshop Essentials.com.

Arrastre la forma aproximada y la ubicación de la versión más pequeña alrededor de su sujeto.

Con la forma vectorial dibujada, observe lo que sucedió en la paleta Capas. La capa «Máscara de recorte», que era una capa en blanco normal hace un momento, ahora se ha convertido en una capa de forma vectorial:

Aparece una capa de forma en la paleta Capas de Photoshop.  Imagen © 2008 Photoshop Essentials.com.

La capa «Máscara de recorte» se ha convertido en una capa de forma.

Paso 4: use la forma vectorial para crear una máscara de recorte

Ahora que tenemos la forma de nuestra versión más pequeña y recortada de la foto dibujada, podemos usar esta forma como una máscara de recorte, que «recortará» la capa superior a las dimensiones de la forma. Para hacer eso, mantenga presionado el Alt clave (Win) / Opción tecla (Mac) y mueva el cursor del mouse directamente entre las capas «Versión más pequeña» y «Máscara de recorte», hasta que vea que el cursor cambia a la icono de máscara de recorte (encerrado en un círculo rojo a continuación):

Creando una máscara de recorte en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Mantenga presionada la tecla Alt (Win) / Opción (Mac) y mueva el mouse directamente entre las dos capas hasta que el cursor cambie al ícono de máscara de recorte.

Una vez que aparezca el icono de la máscara de recorte, simplemente haga clic con el mouse para crear la máscara de recorte. No parecerá que haya sucedido nada todavía en su imagen, pero en la paleta Capas, la capa «Versión más pequeña» se sangrará a la derecha, lo que indica que ahora está recortada por la forma vectorial debajo de ella:

La máscara de recorte se ha creado en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

La paleta Capas ahora muestra la capa «Versión más pequeña» recortada por la capa de forma vectorial debajo de ella.

Aún no ha pasado mucho con la imagen, pero estamos a punto de cambiar eso. Vamos a crear la apariencia de nuestra foto más pequeña y recortada alrededor del sujeto agregando un par de estilos de capa a la forma del vector.

Paso 5: agregue un trazo blanco a la forma del vector para crear el borde de la foto más pequeña

Asegúrese de que la capa «Máscara de recorte» todavía esté seleccionada en la paleta Capas (las capas seleccionadas se resaltan en azul), luego haga clic en el Estilos de capa en la parte inferior de la paleta y seleccione Carrera de la lista de estilos de capa que aparece:

Estilos de capa de Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Haga clic en la capa de forma vectorial para seleccionarla, luego haga clic en el icono Estilos de capa en la parte inferior de la paleta Capas.

Esto abre el cuadro de diálogo Estilo de capa bastante masivo establecido en las opciones de Trazo en la columna central:

El cuadro de diálogo Estilo de capa en Photoshop Image © 2008 Photoshop Essentials.com ..

Las opciones de Trazo en el cuadro de diálogo Estilo de capa.

Hay tres opciones que queremos cambiar aquí, y las he marcado en rojo en la captura de pantalla anterior. He configurado mi Tamaño de la carrera para 12px para crear un borde de foto estándar alrededor de mi foto más pequeña. Dependiendo del tamaño de la foto con la que esté trabajando, es posible que descubra que un valor diferente funciona mejor. Debajo de eso, asegúrate Posición se establece en Dentro. Esto significa que nuestro trazo aparecerá dentro de los límites de la forma. De forma predeterminada, Posición se establece en «Exterior», lo que hace que las esquinas del trazo parezcan redondeadas. Queremos que nuestras esquinas sean bonitas y nítidas, y «Inside» lo hace por nosotros. Finalmente, de forma predeterminada, Photoshop establece el color del trazo en rojo, lo que no tiene ningún sentido, y obviamente no queremos un borde rojo alrededor de nuestra imagen, así que cambie el trazo Color para blanco haciendo clic en el muestra de color y seleccionando el blanco de Photoshop Selector de color.

Así es como se ve mi imagen hasta ahora con el trazo blanco de 12px aplicado:

La imagen con el trazo blanco que aparece alrededor de la versión más pequeña de la foto.  Imagen © 2008 Photoshop Essentials.com.

La foto más pequeña ahora es visible con el trazo blanco de 10 píxeles aplicado.

No salga del cuadro de diálogo Estilo de capa todavía. Tenemos un estilo de capa más para aplicar.

Paso 6: aplica una sombra paralela

Con el cuadro de diálogo Estilo de capa aún abierto, haga clic en el primer estilo de capa en la parte superior de la lista de la izquierda, Sombra paralela. Asegúrese de hacer clic directamente en las palabras «Sombra paralela» y no simplemente haga clic dentro de la casilla de verificación a la izquierda de ellas. Queremos que aparezcan las opciones para el efecto de sombra paralela y, para ello, debe hacer clic directamente en las palabras.

Seleccionar un estilo de capa de Sombra paralela en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Haga clic directamente en las palabras «Sombra paralela» en la parte superior de la lista de estilos de capa a la izquierda.

Esto cambia las opciones en la columna central del cuadro de diálogo Estilo de capa de las opciones de Trazo a las opciones de Sombra paralela. Bajar el Opacidad de la sombra paralela a su alrededor 50% para que no parezca tan oscuro, luego cambie el Ángulo de la sombra a 130 °. Finalmente, configure el Distancia alrededor 10 píxeles, aunque es posible que deba aumentar esta cantidad si está usando una imagen más grande que la que estoy usando:

Las opciones de Sombra paralela en el cuadro de diálogo Estilo de capa en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Las opciones de Sombra paralela en el cuadro de diálogo Estilo de capa.

Aquí está mi imagen ahora con el trazo blanco y la sombra aplicada:

La sombra paralela aplicada a la imagen.  Imagen © 2008 Photoshop Essentials.com.

La foto más pequeña ahora tiene el trazo blanco y la sombra aplicada.

Paso 7: use ‘Transformación libre’ para rotar y / o cambiar el tamaño de la forma según sea necesario

Si necesita rotar, cambiar el tamaño o reposicionar su forma vectorial en este punto, asegúrese de que la capa de forma esté seleccionada en la paleta Capas, luego use el atajo de teclado Ctrl + T (Ganar) / Comando + T (Mac) para abrir Photoshop Transformación libre caja y asas alrededor de la foto más pequeña.

Para mover la forma, haga clic en cualquier lugar dentro del cuadro Transformación libre y arrastre la forma a una nueva ubicación, o use las teclas de flecha en su teclado para empujarla. Para cambiar el tamaño de la forma, haga clic y arrastre cualquiera de los controles de Transformación libre. Para simplemente hacer la forma más grande o más pequeña manteniendo las mismas proporciones de ancho y alto, mantenga presionada la tecla Cambio mientras arrastra cualquiera de los tiradores de las esquinas. Manteniendo pulsado Alt (Ganar) / Opción (Mac) mientras arrastra hará que la forma cambie de tamaño desde el centro en lugar de desde el lado o la esquina opuesta a donde está arrastrando. Finalmente, para rotar la forma, haga clic y arrastre el mouse a cualquier lugar fuera del cuadro Transformación libre:

Gire, reposicione y cambie el tamaño de la forma según sea necesario con el comando Transformación libre en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Cambie el tamaño, reposicione y / o gire la forma de la foto más pequeña según sea necesario usando «Transformación libre».

prensa Ingresar (Ganar) / Regreso (Mac) cuando haya terminado para aceptar la transformación. Girar la forma agrega un poco más de emoción a la imagen. También hice pequeños cambios en el tamaño y la posición de mi forma. ¡Y con eso, nuestra foto recortada más pequeña alrededor del sujeto ahora está completa! Terminaremos el efecto coloreando y difuminando la imagen original en el fondo a continuación.

Ya casi hemos terminado. Todo el trabajo para crear la ilusión de la foto más pequeña y recortada dentro de la imagen principal está completo, y todo lo que queda por hacer ahora es un poco de trabajo en la imagen original en el fondo. Hay todo tipo de cosas que puedes hacer con él. Técnicamente, podría dejarlo solo y estar contento con lo que tiene en este punto, pero ahora que hemos aumentado el enfoque en el tema principal, la idea es disminuir el enfoque en el resto de la imagen que está en el fondo. Podría desaturarlo y convertirlo en blanco y negro. Puede agregar un filtro de desenfoque gaussiano simple para desenfocar el fondo. Puede utilizar Niveles o Curvas para aclarar el fondo y darle un aspecto «descolorido». Hay muchas opciones, y ciertamente no tiene que hacer lo que estoy a punto de hacer aquí, que es colorearlo y agregar un efecto de Desenfoque radial, pero si desea el mismo aspecto para su fondo, así es como hazlo.

Paso 8: use la herramienta Cuentagotas para tomar una muestra de un color desde el interior del área de fotos más pequeña

Selecciona el Herramienta cuentagotas desde la paleta de Herramientas, o presione I en su teclado para seleccionarlo. Usaré el Cuentagotas para tomar una muestra de un color del interior del área de la foto más pequeña y luego usaré ese color para colorear la imagen original en el fondo:

La herramienta Cuentagotas en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Seleccione la herramienta Cuentagotas para tomar una muestra de un color del interior del área de la foto más pequeña.

Con el Cuentagotas seleccionado, voy a hacer clic en algún lugar del casco del tipo para probar ese color azul:

Muestreo de un color de una foto en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Muestreo de un color del casco.

Note que mi color de primer plano en la paleta de Herramientas ahora ha cambiado a ese color azul que acabo de muestrear. Ahora puedo usar este color para colorear la foto original en el fondo, usando una capa de ajuste de Tono / Saturación:

La muestra de color de primer plano en el  Paleta de herramientas en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

El color de primer plano en la paleta de Herramientas ha cambiado al color azul muestreado en el casco.

Paso 9: colorea el fondo con una capa de ajuste de tono / saturación

Haga clic en la capa Fondo en la paleta Capas para seleccionarla. Luego haga clic en el Nueva Capa de Ajuste en la parte inferior de la paleta y seleccione La saturación de color de la lista:

Seleccionar una capa de ajuste de Tono / Saturación en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Haga clic en el icono «Nueva capa de ajuste» en la parte inferior de la paleta Capas y seleccione «Tono / Saturación».

Esto abre el cuadro de diálogo Tono / Saturación, que voy a usar para colorear mi fondo. No es necesario comenzar a arrastrar los controles deslizantes para seleccionar un color aquí. Ya he tomado una muestra de mi color de la imagen, así que todo lo que tengo que hacer es hacer clic en el Colorear en la esquina inferior derecha del cuadro de diálogo:

La opción Colorear en el cuadro de diálogo Tono / Saturación en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Seleccione la opción «Colorear» en el cuadro de diálogo Tono / Saturación.

Haga clic en Aceptar para salir del cuadro de diálogo Tono / Saturación. Photoshop usa el color muestreado para colorear mi imagen original en el fondo:

El fondo ahora está coloreado con el color muestreado.  Imagen © 2008 Photoshop Essentials.com.

La imagen original en el fondo ahora está coloreada con el color muestreado.

Paso 10: Duplica la capa de fondo una vez más

Antes de aplicar nuestro Desenfoque radial, dupliquemos la capa Fondo una vez más para que tengamos una capa separada en la que aplicar el filtro, ya que nunca queremos tocar la información de píxeles original de nuestra imagen en la capa Fondo. Seleccione la capa Fondo en la paleta Capas, luego presione Ctrl + J (Ganar) / Comando + J (Mac) para duplicarlo. Haga doble clic en el nombre de la nueva capa y cámbiele el nombre «Desenfoque radial:

Duplique la capa de fondo una vez más y asígnele el nombre 'Desenfoque radial'.  Imagen © 2008 Photoshop Essentials.com.

Duplique la capa de fondo una vez más y cámbiele el nombre «Desenfoque radial».

Paso 11: aplique el filtro de desenfoque radial a la nueva capa

Con la nueva capa «Desenfoque radial» seleccionada en la paleta Capas, suba a la Menú de filtro en la parte superior de la pantalla, seleccione Difuminary luego seleccione Desenfoque radial, que abre el cuadro de diálogo Desenfoque radial. Primero, configure el Método de desenfoque para Zoom, luego configure el Calidad para Mejor. los Monto La opción en la parte superior determina la cantidad de efecto de desenfoque que obtendrá. Voy a poner el mío en 40, pero es posible que desee utilizar un valor diferente. los Centro de desenfoque La opción en la parte inferior derecha del cuadro de diálogo determina de dónde se originará el desenfoque en su imagen. Intente colocar el centro de desenfoque cerca de donde está el sujeto en su foto haciendo clic en esa ubicación aproximada en el cuadro Centro de desenfoque. No es lo más preciso del mundo y te tomará un par de intentos antes de hacerlo bien, así que no tengas miedo de deshacer el filtro con Ctrl + Z (Ganar) / Comando + Z (Mac) e inténtelo de nuevo si al principio no tiene éxito:

El cuadro de diálogo Desenfoque radial en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Filtro> Desenfocar> Desenfoque radial para abrir el cuadro de diálogo Desenfoque radial. Cambie las opciones encerradas en un círculo rojo.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo y aplicar el desenfoque radial a la imagen:

El filtro Desenfoque radial aplicado a la imagen en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

La imagen con el filtro Desenfoque radial aplicado.

Paso 12: Disminuya la opacidad de la capa de desenfoque radial

Este último paso es opcional, pero creo que mi desenfoque radial es demasiado intenso. Quiero que se mezcle más con la imagen original en la capa Fondo, y puedo hacerlo simplemente subiendo al Opacidad en la parte superior de la paleta Capas y reduciendo la opacidad a alrededor 60%, que creo que funciona muy bien:

Reducir la opacidad de la capa Radial Blur en Photoshop.  Imagen © 2008 Photoshop Essentials.com.

Si es necesario, reduzca la opacidad de la capa Desenfoque radial para mezclar el efecto con la imagen original en la capa Fondo debajo de ella.

A modo de comparación, aquí está mi imagen original una vez más:

La imagen original una vez más.  Imagen con licencia de iStockphoto.com por Photoshop Essentials.com.

La imagen original una vez más.

Y aquí, después de reducir la opacidad de mi capa Radial Blur, está mi resultado final de «foto dentro de una foto»:

El efecto final de 'foto en foto'.  Imagen © 2008 Photoshop Essentials.com.

El resultado final de «foto dentro de una foto».


¡Y ahí lo tenemos! ¡Así es como crear una foto dentro de una foto con Photoshop! Visite nuestra sección Efectos fotográficos para obtener más tutoriales de efectos de Photoshop.

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!