Rasgar una foto para revelar otra - Tutorial de Photoshop

Anonim

En este tutorial de Photoshop Effects, veremos otro efecto de tipo póster de película. Vamos a aprender cómo crear la ilusión de que una pieza de una foto se arranca para revelar otra foto debajo de ella. Vi este efecto usado en un póster para un programa de televisión en FX Network, y cuando me di cuenta de lo fácil que sería hacer algo similar en Photoshop, bueno, aquí estamos.

Para crear el efecto, colorearemos una foto y convertiremos la segunda a blanco y negro, luego agregaremos algo de ruido, mejoraremos las sombras y los reflejos, y utilizaremos algunas máscaras de capa para combinarlas.

Voy a usar esta misma foto de uno de nuestros otros tutoriales recientes, Crear una ilusión óptica al llenar una foto con más fotos, porque funciona perfectamente para el efecto que buscamos aquí:

La primera foto.

También voy a usar esta foto, o más específicamente, el chico de esta foto:

La segunda foto.

Y aquí está el efecto final en el que trabajaremos:

El resultado final.

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

Paso 1: Recorta la foto principal alrededor de la cara de la persona

Comenzaré trabajando en la foto de la mujer, que será la foto que terminará con una pieza arrancada, y lo primero que haré es recortar la foto para que todo Me queda el área alrededor de su cabeza. Usaré la herramienta de recorte para esto, así que tomaré mi herramienta de recorte de la paleta Herramientas:

Seleccione la herramienta de recorte.

También podría presionar C para acceder rápidamente con el atajo de teclado. Luego, simplemente voy a hacer clic y arrastrar una selección alrededor de la cabeza de la mujer, asegurándome de que su rostro termine en el centro de mi selección:

Arrastre una selección con la herramienta Recortar.

Cuando esté satisfecho con mi selección, presionaré Enter (Win) / Return (Mac) para aceptarlo, y Photoshop recortará la imagen por mí:

La imagen ahora está recortada.

Paso 2: Duplicar la capa de fondo

Luego, debemos duplicar la capa de fondo porque vamos a llenar la capa de fondo original con negro en un momento, así que presione Ctrl + J (Win) / Comando + J (Mac) para duplicarla. Ahora podemos ver nuestro duplicado sobre el original en la paleta Capas, que Photoshop ha llamado "Capa 1":

Presione "Ctrl + J" (Win) / "Comando + J" (Mac) para duplicar la capa de fondo.

Paso 3: agrega más espacio de lienzo y llénalo de negro

Haga clic en la capa Fondo en la paleta Capas para seleccionarla. Vamos a agregar más espacio de lienzo a la izquierda y a la derecha de la imagen, y vamos a usar la herramienta de recorte para hacerlo. Pero primero, presione la letra D en su teclado para restablecer rápidamente los colores de primer plano y de fondo si es necesario, de modo que el negro se convierta en su color de primer plano (el blanco se convierta en su color de fondo), y luego presione X en su teclado para intercambiarlos, de modo que el negro se convierta en su Color de fondo. Seleccione la herramienta Recortar una vez más. Luego, con la capa Fondo seleccionada en la paleta Capas, arrastre una selección con la Herramienta Recortar alrededor de toda la imagen.

Cuando sueltes el botón del mouse, verás pequeños mangos cuadrados alrededor de la imagen, uno en cada esquina y uno en la parte superior, inferior, izquierda y derecha. Mantenga presionada la tecla Alt (Win) / Opción (Mac) y arrastre cualquiera de los controles laterales para agregar más espacio en el lienzo. Agregue una pulgada extra más o menos a cada lado (manteniendo presionada la tecla Alt / Opción mueve ambos mangos laterales a la vez que arrastra):

Mantenga presionada la tecla "Alt" (Win) / "Opción" (Mac) para arrastrar cualquiera de los tiradores laterales para agregar más espacio en el lienzo.

Presione Enter (Win) / Return (Mac) cuando haya terminado, y Photoshop agregará su espacio de lienzo adicional y también lo llenará de negro, ya que el negro es nuestro color de fondo:

El espacio del lienzo ahora se agrega a los lados y se llena de negro.

Paso 4: rellena toda la capa de fondo con negro

Photoshop ha llenado el espacio extra del lienzo con negro para nosotros, y todo se ve bien en nuestra imagen, pero si miramos nuestra miniatura de la capa Fondo en la paleta Capas, podemos ver que solo el espacio extra del lienzo se ha llenado de negro. La foto en sí sigue ahí:

La miniatura de la capa Fondo en la paleta Capas todavía muestra la imagen original. Solo el espacio extra en los lados se ha llenado de negro.

Para arreglar eso y llenar toda la capa de fondo con negro, presione Alt + Retroceso (Win) / Opción + Eliminar (Mac), que llena la capa con el color de fondo actual (negro en nuestro caso). Una vez más, nada se ve diferente en la imagen en sí, pero la miniatura de la capa Fondo en la paleta Capas ahora muestra negro sólido:

La miniatura de la capa de fondo ahora muestra la capa completa llena de negro.

Paso 5: Agregue una máscara de capa en "Capa 1"

Haga clic en "Capa 1" en la paleta Capas para seleccionarla. Luego haga clic en el icono Agregar una máscara de capa en la parte inferior de la paleta de capas:

Haga clic en el icono "Agregar una máscara de capa".

Esto agrega una máscara de capa a "Capa 1", y también agrega una miniatura de máscara de capa en la capa en la paleta Capas:

Ahora se ha agregado una miniatura de máscara de capa a "Capa 1" en la paleta Capas.

La máscara de capa en sí, en lugar del contenido de la capa, ahora está seleccionada, y lo sabemos por el borde resaltado blanco alrededor de la miniatura de la máscara de capa.

Paso 6: pinta con negro en la máscara para mezclar los bordes de la imagen con el fondo

Queremos que los bordes alrededor de nuestra imagen se mezclen con el fondo negro, y lo lograremos pintando alrededor de los bordes con negro en nuestra máscara de capa. Necesitamos la herramienta Pincel para pintar, así que selecciónela de la paleta Herramientas o presione B en su teclado:

Seleccione la herramienta Pincel.

Queremos pintar con negro, así que presione X en su teclado para cambiar los colores de primer plano y de fondo nuevamente, lo que hace que el negro sea su color de primer plano. Luego, con un pincel grande de bordes suaves, pinte a lo largo de los bordes de la foto para combinarlos con el fondo. Debido a que estamos pintando en la máscara de capa, no en la capa real, cualquier lugar que pintamos con negro ocultará la imagen. Parece que estamos pintando directamente sobre la imagen en sí porque estamos pintando con negro y el fondo es negro, pero si el fondo fuera de un color diferente, verías que realmente estamos ocultando la imagen mientras pintamos en la capa de máscara.

Puede cambiar el tamaño de su pincel con las teclas del corchete izquierdo y derecho del teclado (la tecla del corchete izquierdo hace que el pincel sea más pequeño y el derecho lo hace más grande), y para asegurarse de que su pincel tenga un borde suave, mantenga presionada la tecla Mueva la tecla y presione la tecla del corchete izquierdo varias veces (presionar la tecla del corchete derecho mientras mantiene presionada la tecla Shift hace que el cepillo sea más duro). Luego pinta alrededor de los bordes para mezclarlos con el fondo negro.

Aquí está mi imagen después de pintar alrededor de los bordes:

La imagen después de pintar los bordes con negro para mezclarlos con el fondo.

Paso 7: colorear la imagen

Con "Capa 1" aún seleccionada, mantenga presionada la tecla Alt (Win) / Opción (Mac) y haga clic en el icono Nueva capa de ajuste en la parte inferior de la paleta Capas:

Mantenga presionada la tecla "Alt" (Win) / "Opción" (Mac) y haga clic en el icono "Nueva capa de ajuste".

Luego seleccione Tono / Saturación de la lista que aparece:

Seleccione "Tono / Saturación" de la lista.

Manteniendo presionada la tecla Alt / Opción. esto le dice a Photoshop que aparezca el cuadro de diálogo Nueva capa antes de agregar la capa de ajuste. Haga clic dentro de la casilla de verificación a la izquierda de la opción Usar capa anterior para crear máscara de recorte para seleccionarla. Al seleccionar esta opción, la capa de ajuste de Tono / Saturación afectará solo a la capa directamente debajo de ella ("Capa 1") y no tendrá efecto en ninguna otra capa. Esto no es tan importante en este momento, pero lo será una vez que arrastremos nuestra segunda foto a la imagen. Haga clic en Aceptar para salir del cuadro de diálogo y aparecerá el cuadro de diálogo "Tono / Saturación".

Seleccione la opción Colorear en la esquina inferior derecha del cuadro de diálogo, luego arrastre el control deslizante de Tono para seleccionar el color de su imagen, vigilando su imagen mientras arrastra. Voy a configurar mi Hue a un valor de aproximadamente 38:

Arrastre el control deslizante "Tono" para establecer el color con el que desea colorear su imagen, vigilando su imagen mientras arrastra.

Haga clic en Aceptar cuando esté satisfecho con el color que eligió para salir del cuadro de diálogo. Aquí está mi imagen después de colorearla:

La imagen después de colorearla con la capa de ajuste de Tono / Saturación.

Paso 8: Agregue un poco de iluminación dramática con una capa de ajuste de curvas

En este momento, el rostro de la mujer se ve demasiado brillante para el efecto que buscamos. Agreguemos un poco de iluminación dramática a su rostro, usando una capa de ajuste de Curvas y la máscara de capa con la que viene. No se preocupe si nunca antes ha usado Curves o si parece demasiado avanzado para su nivel actual de habilidades de Photoshop.

Todo lo que voy a hacer es agregar la capa de ajuste. No voy a hacer nada con él, aparte de cambiar su modo de mezcla, lo que haré en un momento. Primero, necesito agregarlo, y quiero agregarlo entre "Layer 1" y mi capa de ajuste de Tono / Saturación, así que voy a hacer clic en "Layer 1" en la paleta de Capas para seleccionarlo.

Luego, voy a hacer clic en el icono Nueva capa de ajuste en la parte inferior de la paleta Capas una vez más:

Haga clic en "Capa 1" para seleccionarlo, luego haga clic nuevamente en el icono "Nueva capa de ajuste".

Esta vez, voy a elegir "Curvas" de la lista:

Seleccione la capa de ajuste "Curvas".

Cuando aparece el cuadro de diálogo Curvas, simplemente voy a hacer clic en Aceptar para salir de él, ya que no necesito cambiar ninguna de las configuraciones. Todo lo que necesito hacer es cambiar el modo de fusión de la capa de ajuste Curvas de "Normal" a Multiplicar en la esquina superior izquierda de la paleta Capas:

Cambie el modo de fusión de la capa de ajuste Curvas de "Normal" a "Multiplicar" para oscurecer la imagen.

Y eso va a oscurecer mi imagen para mí:

La imagen después de agregar una capa de ajuste de Curvas encima se establece en el modo de fusión "Multiplicar".

Su cara está mucho más oscura ahora, pero usemos la máscara de capa con la que vino la capa de ajuste para recuperar parte del brillo original y darnos una iluminación espectacular. Seleccione su herramienta de degradado de la paleta Herramientas o presione G en su teclado para seleccionarla rápidamente:

Seleccione la herramienta de degradado.

Luego, en la barra de opciones en la parte superior de la pantalla, mire en la miniatura de vista previa del degradado y asegúrese de tener seleccionado el degradado de primer plano a fondo (será negro a la izquierda y blanco a la derecha), y haga clic en Reflejado Opción de gradiente :

Asegúrese de que el gradiente "Primer plano a fondo" (negro a blanco) esté seleccionado en la barra de opciones y haga clic en la opción "Gradiente reflejado".

Luego, con mi herramienta de degradado, voy a hacer clic en algún lugar en el medio de la nariz de la mujer y arrastrar el mouse hacia el borde derecho de su cara:

La iluminación ahora es más dramática en su rostro.

También quiero recuperar todo el brillo original en sus ojos, así que volveré a usar mi herramienta Pincel, y con el negro todavía como mi color de primer plano, usaré un pincel mucho más pequeño (nuevamente, puede cambiar el tamaño del pincel sobre la marcha con las teclas de soporte izquierda y derecha) y pintar sobre sus ojos:

Pintar con negro sobre sus ojos para recuperar el brillo original.

Aquí está mi imagen después de iluminar sus ojos:

La imagen después de restaurar el brillo en los ojos de la mujer.

Paso 9: Seleccione el área para "arrancar" la imagen con la herramienta Lazo

Tome su herramienta Lazo de la paleta Herramientas, o presione L para seleccionarla rápidamente:

Seleccione la herramienta Lazo.

Luego arrastre una selección alrededor del área que desea "arrancar" de la imagen. Voy a seleccionar un área desde la parte superior de la imagen hasta la parte inferior a través del centro de la cara de la mujer. Intente hacer su selección áspera e irregular mientras la arrastra para crear el aspecto "desgarrado":

Efectos de Photoshop: arrastre una selección a través de la imagen que se convertirá en el área que se "arranca".

Paso 10: Seleccione la máscara de capa en "Capa 1" y complete la selección con negro

Vamos a llenar nuestra selección con negro, y lo haremos en la máscara de capa de "Capa 1" para que podamos ocultar la cara de la mujer en el área dentro de la selección. Para hacerlo, primero haga clic en la miniatura de la máscara de capa en "Capa 1" en la paleta Capas para seleccionarla:

Haga clic en la miniatura de la máscara de capa en "Capa 1" para seleccionar la máscara de capa.

Luego use el método abreviado de teclado Alt + Retroceso (Win) / Opción + Eliminar (Mac) para llenar la selección con negro. La parte de la cara de la mujer que estaba dentro de la selección ahora está oculta a la vista, revelando el fondo negro detrás de ella:

Después de llenar la selección con negro en la máscara de capa, el área dentro de la selección ahora está oculta a la vista, revelando el fondo negro detrás de ella.

Presione Ctrl + D (Win) / Comando + D (Mac) para borrar la selección.

Paso 11: aplique el filtro "Salpicadura" para mejorar las líneas irregulares

Hagamos que nuestros bordes rasgados se vean un poco más rasgados usando el filtro "Salpicar". Vaya al menú Filtro en la parte superior de la pantalla, elija Trazos de pincel y luego elija Salpicadura . Esto abre el cuadro de diálogo "Galería de filtros" establecido en las opciones de "Salpicadura" a la derecha. Es posible que desee experimentar con la configuración por su cuenta, vigilando la ventana de vista previa a la izquierda del cuadro de diálogo, pero voy a establecer mi Radio de pulverización en 10 y mi suavidad hasta 15 :

Vaya a Filtro> Trazos de pincel> Salpicadura.

Haga clic en Aceptar para salir del cuadro de diálogo. Mis bordes rasgados en el centro de la imagen ahora se ven un poco más rasgados:

La imagen después de aplicar el filtro "Salpicadura" para mejorar el efecto de bordes rasgados.

Paso 12: arrastre la segunda imagen al documento

Es hora de agregar nuestra segunda imagen al documento. Queremos que la imagen aparezca detrás de nuestra imagen principal, lo que significa que debemos colocarnos en una capa debajo de la imagen principal en la paleta Capas, así que haga clic en la capa Fondo en la paleta Capas para seleccionarla. La segunda imagen se colocará entre la capa de fondo y la "capa 1" cuando la arrastremos al documento, que es lo que haremos a continuación. Con ambas imágenes abiertas en su propia ventana de documento en la pantalla, tome su herramienta Mover de la paleta Herramientas o presione V en su teclado para seleccionarla:

Seleccione la herramienta Mover.

Luego, con la herramienta Mover seleccionada, haga clic en cualquier lugar dentro de la segunda imagen y arrástrela hacia el documento principal:

Efectos de Photoshop: haga clic dentro de la segunda foto y arrástrela al documento principal.

Cierre la ventana del documento de la segunda imagen después de haberla arrastrado al documento principal.

Si miramos ahora en la paleta Capas del documento principal, podemos ver que la segunda imagen se ha colocado en su propia capa entre la capa de Fondo y la capa de imagen principal ("Capa 1"), y ha nombrado la nueva capa " Capa 2 ":

La segunda imagen ahora está en su propia capa, llamada "Capa 2", entre la capa de Fondo y "Capa 1".

Paso 13: cambie el tamaño y vuelva a colocar la imagen con el comando Transformación libre

Presione Ctrl + T (Win) / Comando + T (Mac) para mostrar los controles de Transformación libre de Photoshop alrededor de la segunda imagen y arrastre cualquiera de los controles de esquina para cambiar el tamaño de la imagen según sea necesario. Si no puede ver los tiradores de las esquinas porque la imagen se extiende más allá del área visible del documento, presione Ctrl + 0 (Win) / Comando + 0 (Mac) para ajustar todo en la pantalla. Mantenga presionada la tecla Mayús mientras arrastra para restringir las proporciones de la imagen. Además, haga clic en cualquier lugar dentro de la imagen y arrástrela alrededor de la pantalla con el mouse para moverla a su posición. En mi caso, quiero que el chico de la foto aparezca dentro del área que simplemente "arranqué" de la foto principal, así que voy a hacer la imagen más pequeña arrastrando los tiradores de las esquinas y luego haré clic dentro del imagen y moverlo a donde quiero:

Mueva y cambie el tamaño de la segunda imagen según sea necesario con el comando Transformación libre.

Cuando esté satisfecho con el tamaño y la posición de su imagen, presione Entrar (Win) / Volver (Mac) para aceptarla.

Paso 14: Desaturar la segunda imagen

Queremos que la imagen que aparece detrás de la foto principal esté en blanco y negro, así que desaturamos rápidamente usando el atajo de teclado Ctrl + Shift + U (Win) / Command + Shift + U (Mac):

Desaturar la segunda imagen.

Paso 15: Agregue una máscara de capa a la segunda imagen

Con "Capa 2" aún seleccionada, haga clic en el icono Agregar una máscara de capa en la parte inferior de la paleta Capas:

Haga clic en el icono "Agregar una máscara de capa".

Esto agrega una máscara de capa y una miniatura de máscara de capa a "Capa 2":

La máscara de capa ahora se agrega a "Capa 2".

Paso 16: pinta con negro alrededor de los bordes de la segunda imagen

Seleccione la herramienta Pincel una vez más, y con el negro todavía como su color de primer plano, use un pincel grande de bordes suaves y pinte alrededor de los bordes de la segunda imagen para ocultarlos, tal como lo hicimos con la imagen principal.

En mi caso, voy a ocultar todos los bordes para que solo queden alrededor de la cara del chico mostrando:

La imagen después de pintar todo, excepto el área alrededor de la cara del chico en la segunda imagen.

También voy a pintar a lo largo del borde donde el "borde lagrimal" izquierdo de la foto principal se encuentra con la segunda imagen, lo que creará un agradable efecto de sombra en el lado izquierdo de la cara del chico, dándole algo de profundidad a la imagen. Voy a mantener la parte principal del cursor del pincel justo a la izquierda del borde lagrimal para que solo el borde suave del pincel se extienda sobre su cara mientras pinto:

Crear una sombra con la herramienta Pincel a lo largo del lado izquierdo de la cara del chico.

Aquí está mi imagen después de pintar la sombra en el lado izquierdo de su cara:

La sombra a lo largo del lado izquierdo de la cara del chico agrega algo de profundidad a la imagen.

Paso 17: agregue algo de ruido a la imagen

Haga clic en la capa superior de la paleta Capas, que debería ser su capa de Tono / Saturación, y luego haga clic en el icono Nueva capa en la parte inferior de la paleta Capas para agregar una nueva capa sobre todas las demás:

Agregue una nueva capa en la parte superior de la paleta Capas.

Presione Ctrl + Retroceso (Win) / Comando + Eliminar (Mac) para llenar la nueva capa con blanco. Luego, vaya al menú Filtro en la parte superior de la pantalla, elija Ruido y luego elija Agregar ruido, que abre el cuadro de diálogo "Agregar ruido". Voy a establecer mi Cantidad en algún lugar alrededor del 20% para agregar un poco de ruido a la imagen, y me aseguraré de tener seleccionadas las opciones Gaussiana y Monocromática en la parte inferior:

Agregue algo de ruido a la imagen con el filtro "Agregar ruido".

Su imagen ahora estará llena de ruido en blanco y negro. Vaya a la opción de modo de fusión en la esquina superior izquierda de la paleta Capas y cambie el modo de fusión para la capa de "Normal" a Color Burn y reduzca el valor de Opacidad a aproximadamente 30% :

Cambie el modo de fusión de la capa de ruido a "Color Burn" y reduzca la opacidad a aproximadamente 30%.

Aquí está mi imagen en este punto. Ya casi hemos terminado:

La imagen después de agregar ruido.

Paso 18: Agregue otra capa nueva y establezca su modo de fusión en "Superposición"

¡Ya casi hemos terminado! Solo agregaremos algunos reflejos y sombras más a la imagen. Haga clic en Nueva capa en la parte inferior de la paleta Capas una vez más, y cuando aparezca la nueva capa en la parte superior de la paleta Capas, configure su modo de fusión en Superposición :

Haga clic en el icono "Nueva capa" una vez más, luego configure el modo de fusión de la nueva capa en "Superposición".

Agarra tu herramienta Pincel una vez más, y hacia arriba en la barra de opciones, baja la opacidad del pincel hasta aproximadamente un 20% :

Disminuya la opacidad del pincel hasta aproximadamente un 20% en la barra de opciones.

Luego, con el negro como color de primer plano, pinte a lo largo de las áreas donde desea mejorar las sombras de la imagen. Quiero mejorar las sombras a lo largo de los lados de la cara de la mujer, debajo de la barbilla, tal vez un poco alrededor de los ojos y en el costado de la boca, así que simplemente pintaré esas áreas con mi pincel. Como he reducido la opacidad de mi pincel al 20%, puedo construir sombras lentamente pintando un trazo, soltando mi mouse y luego pintando otro trazo sobre la misma área según sea necesario. Si comete un error, simplemente presione Ctrl + Z (Win) / "Comando + Z" (Mac) para deshacer el trazo del pincel y continuar pintando:

Use un pincel de borde suave configurado en negro para oscurecer las sombras en la imagen.

Luego presione X en su teclado para cambiar su color de primer plano a blanco y pintar en la imagen para mejorar las áreas resaltadas. Voy a reducir el tamaño de mi pincel y hacer clic varias veces en cada uno de sus ojos para iluminarlos realmente:

Pinte sobre cualquier área con blanco para mejorar los reflejos.

Voy a pintar uno o dos trazos alrededor de su nariz y barbilla también con un pincel más grande para realzar un poco esos reflejos. Cuando esté satisfecho con los reflejos y las sombras en su imagen, ¡ya está! Aquí, después de mejorar los reflejos y las sombras, es mi resultado final:

El resultado final.

¡Y ahí lo tenemos! ¡Así es como arrancar parte de una foto para revelar otra debajo de ella en Photoshop! ¡Mira nuestra sección de Efectos fotográficos para más tutoriales de efectos de Photoshop!