Cómo crear un efecto de espejo fragmentado en franjas verticales en Adobe Photoshop
Spanish (Español) translation by Javier Salesi (you can also view the original English article)



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.



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.



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



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.



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.



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.



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.



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



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.



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



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.



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.



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.



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.



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



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.



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.



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.



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.



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.



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.



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.



¡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!



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