Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Photo Effects

Cómo crear un efecto de espejo fragmentado en franjas verticales en Adobe Photoshop

by
Read Time:5 minsLanguages:
This post is part of a series called Music Video Inspired Effects.
Create a Taylor Swift "Style" Inspired Double Exposure Effect in Photoshop
How to Create a Doodle Video Inspired by "Where Are Ü Now"

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

Los videos musiclaes son una excelente fuente de efectos visuales creativos. El video para la canción Pillowtalk de Zayn Malik tiene una tremenda cantidad de inspiradores efectos visuales. Uno de ellos es la aparición de un espejo que es fragmentado en varias franjas verticales. Echa un vistazo al video aproximadamente en la marca de los 2:12 minutos para ver un ejemplo del efecto de espejo fragmentado.

En este tutorial, veremos una manera fácil de simular este efecto usando Photoshop.

1. Preparando el efecto

El efecto original en el video presenta al cantante contra un fondo negro uniforme. Los reflejos fragmentados son organizados intencionalmente para que la cara aún sea reconocible. Esos dos elementos parecen menores pero son importantes para el éxito del efecto final.

Paso 1

La foto inicial es importante. Decidí permanecer en la misma tónica que el material original y usar un retrato de un hombre contra un fondo negro uniforme. Envato Market proporcionó una excelente opción con esta imagen de un Hombre apuesto.

Handsome Man starter image available on Envato MarketHandsome Man starter image available on Envato MarketHandsome Man starter image available on Envato Market
Hombre apuesto

Paso 2

Abre la foto en Photoshop y usa la Herramienta recortar (C) para recortar la imagen buscando que solo quede la cabeza y el cuello. Es importante dejar mucho espacio horizontal en donde elaboraremos el efecto, y combinar con el formato de pantalla ancha vista en el video.

Crop the image to the head and shouldersCrop the image to the head and shouldersCrop the image to the head and shoulders

Paso 3

Crea una copia de la capa fondo con Capa > Nueva > Capa vía copiar (Control-J).

Copy the background layerCopy the background layerCopy the background layer

Paso 4

Crea una nueva capa con Capa > Nueva > Capa (Mayúsculas-Control-N), nombra la capa Black, coloca esta capa negra entre el Fondo y Capa 1 en el panel Capas.

Create a blank layer over the BackgroundCreate a blank layer over the BackgroundCreate a blank layer over the Background

Paso 5

Ve a Edición > Relleno y usa Negro para el ajuste de Contenido para rellenar la capa en blanco con un negro uniforme.

Fill the layer with blackFill the layer with blackFill the layer with black

2. Creando fragmentos

La fragmentación real del reflejo es un proceso sencillo y repetitivo. La clave de hacer este trabajo bien es usar una buena variedad de espesor para los fragmentos.

Paso 1

Asegúrate de que la Capa 1 sea la capa actual y usa la Herramienta Marco Rectangular (M) para crear una selección rectangular larga y angosta alrededor de la oreja derecha del hombre.

Create a narrow selectionCreate a narrow selectionCreate a narrow selection

Paso 2

Ve a Capa > Nueva > Capa vía cortar (Mayúsculas-Control-J) para cortar la selección y colocarla en una nueva capa.

Cut the selection into a new layerCut the selection into a new layerCut the selection into a new layer

Paso 3

Oculta esta nueva capa al hacer clic en el ícono del ojo junto a la miniatura de la capa.

Hide the new layer with the sliceHide the new layer with the sliceHide the new layer with the slice

Paso 4

Repite el proceso de crear para unos 10 fragmentos aproximadamente desde la Capa 1, trabajando de izquierda a derecha hasta que llegues a su otro hombro.

Create several layer slices from Layer 1Create several layer slices from Layer 1Create several layer slices from Layer 1

Paso 5

Oculta la Capa 1 y revela todas las capas de los fragmentos.

Reveal all of the slices Reveal all of the slices Reveal all of the slices

Paso 6

Selecciona el fragmento ubicado más a la izquierda (probablemente es el que está nombrado como Capa 2) y usa la Herramienta mover (V) para mover el fragmento hacia la extrema izquierda del lienzo. Luego mueve el fragmento ubicado más hacia la derecha hacia el extremo derecho del lienzo.

move the left slice to the far left and the right piece to the far rightmove the left slice to the far left and the right piece to the far rightmove the left slice to the far left and the right piece to the far right

Paso 7

Mantén presiona la tecla Mayúsculas mientras haces clic en la miniatura de la capa del fragmento para seleccionar todos los fragmentos. Luego ve a Capa > Distribuir > Centros horizontales. Esto debería esparcir los fragmentos por todo la sección del lienzo.

Distribute the slices across the canvasDistribute the slices across the canvasDistribute the slices across the canvas

Paso 8

Con todos los fragmentos todavía seleccionados, ve a Capa > Agrupar capas (Control-G) para colocar todos en un solo grupo. Renombra el grupo Mirror 1.

Group all the slicesGroup all the slicesGroup all the slices

3. Duplica el efecto

En este punto, el efecto básico está terminado. Pero es solo eso, básico. Para hacer toda la pieza visualmente atractiva, necesita varios de estos espejos fragmentados, y alguna distinción visual importante entre ellos.

Paso 1

Da clic derecho en el grupo de la capa Mirror 1 y selecciona Duplicar grupo para crear una copia de todo el grupo. Deja el nombre como el predeterminado Mirror 1 copia. Luego haz clic derecho y elige Convertir en objeto inteligente.

Copy the group and turn it into a smart objectCopy the group and turn it into a smart objectCopy the group and turn it into a smart object

Paso 2

Ve a Filtro > Desenfocar > Desenfoque gaussiano y usa un Radio de desenfoque de 2.5 px.

Add a Gaussian Blur to the smart objectAdd a Gaussian Blur to the smart objectAdd a Gaussian Blur to the smart object

Paso 3

Usa la Herramienta mover (V) para reubicar la capa Mirror 1 copia hacia la izquierda buscando rellenar algunos de los espacios dejados por el espejo fragmentado original. Luego presiona la tecla Flecha hacia arriba un par de veces para dar un ligero desplazamiento vertical.

Move the blurred reflection to one sideMove the blurred reflection to one sideMove the blurred reflection to one side

Paso 4

Duplica el objeto inteligente con Capa > Duplicar capa. Nombra este nuevo objeto inteligente Mirror 3 y luego muévelo para rellenar la mayor parte de lado derecho del lienzo. En el panel Capas, pon este objeto debajo de la capa Mirror 1 copia.

Move a copy of the blurred reflection to the rightMove a copy of the blurred reflection to the rightMove a copy of the blurred reflection to the right

Paso 5

Crea otro espejo fragmentado usando la misma técnica que antes, creando fragmentos desde una copia de la capa fondo, distribuyéndolos por todo el lienzo, y conjuntándolos en un grupo llamado Mirror 4. Presta atención de que esta iteración tiene fragmentos de tamaño significativamente diferentes que el primero.

Create another series of slices and group them togetherCreate another series of slices and group them togetherCreate another series of slices and group them together

Paso 6

Duplica el grupo Mirror 4 al dar clic derecho y seleccionar Duplicar grupo. Luego conviértelo en Objeto inteligente usando el mismo menú contextual del clic derecho.

Duplicate the Mirror 4 group and convert to a smart objectDuplicate the Mirror 4 group and convert to a smart objectDuplicate the Mirror 4 group and convert to a smart object

Paso 7

Ve a Filtro > Desenfocar > Desenfoque gaussiano y usa un Radio de 3 pixeles. Luego mueve este grupo a la extrema derecha y colócalo debajo del grupo Mirror 4 en el panel Capas.

Add a blur and move the reflection to the rightAdd a blur and move the reflection to the rightAdd a blur and move the reflection to the right

Paso 8

Selecciona el grupo Mirror 4 y añade una máscara de capa con Capa > Máscara de capa > Revelar todo. Luego usa la Herramienta degradado (G) con un degradado Lineal y el ajuste preestablecido Negro, Blanco para dibujar un degradado que comienza en la extrema derecha y finaliza cerca del centro del lienzo. Esto desvanece el efecto de espejo de este grupo y permite al que está debajo ser visible.

Paso 9

Duplica el objeto inteligente Mirror 4 copia, muévelo hacia la extrema izquierda y reduce la Opacidad a 30%. Luego colócalo debajo del grupo Mirror 1 en el panel Capas.

Add another faint reflection to the rightAdd another faint reflection to the rightAdd another faint reflection to the right

Paso 10

Añade una capa de ajuste de Tono/Saturación a la parte superior de la pila. Establece la Saturación en -27 y la Luminosidad en -13.

Add a HueSaturation adjustment layerAdd a HueSaturation adjustment layerAdd a HueSaturation adjustment layer

¡Terminaste!

Al final, este efecto es relativamente simple de crear pero requiere buen manejo de muchas capas. Pero mientras uses grupos de capas y objetos inteligentes para mantener las cosas ordenadas, diseñar el efecto de cualquier imagen ¡no debería ser un problema!

Final EffectFinal EffectFinal Effect

¿Cómo resultó tu efecto de espejo con franjas verticales? Compártelo en los comentarios en la sección que aparece a continuación.

One subscription.
Unlimited Downloads.
Get unlimited downloads