Music videos are an excellent source of creative visual effects. The video for Pillowtalk by Zayn Malik has a tremendous amount of inspiring visual effects. One of those is the appearance of a mirror that is fragmented into several vertical strips. Take look at the video around the 2:12 minute mark to see an example of the fractal mirror effect.
In this tutorial, we take a look at an easy way to simulate this effect using Photoshop. If you want to take a shortcut to creating a mirror effect, try one of these awesome Photoshop actions:
1. Preparing the Effect
The original effect in the video features the singer against a solid black background. The fragmented reflections are intentionally arranged so the face is still recognizable. Those two elements seem minor but are important to the success of the final effect.
The starter photo is important. I decided to stay in the same vein as the source material and use a male portrait against a solid black background. Envato Market provided an excellent option with this image of a Handsome Man.
Open the photo in Photoshop and use the Crop Tool (C) to crop the image down to be just the head and neck. It's important to leave plenty of horizontal space to build the effect into, and to match the widescreen format seen in the video.
Create a copy of the background layer with Layer > New > Layer Via Copy (Control-J).
Create a new layer with Layer > New > New Layer (Shift-Control-N), name the layer Black, and place this blank layer between the Background and Layer 1 in the Layers panel.
Go to Edit > Fill and use Black for the Content setting to fill the blank layer with solid black.
2. Creating Slices
The actual fragmenting of the reflection is a fairly simple, and repetitive, process. The key to making this work well is to use a good variety of thicknesses for the slices.
Make sure that Layer 1 is the current layer and use the Rectangular Marquee Tool (M) to create a tall, narrow rectangular selection around the man's right ear.
Go to Layer > New > Layer Via Cut (Shift-Control-J) to cut the selection out and place it on a new layer.
Hide this new layer by clicking on the eye icon next to the layer thumbnail.
Repeat the process of creating about ten or so slices from Layer 1, working from left to right until you reach his other shoulder.
Hide the Layer 1 and reveal all of the slice layers.
Select the leftmost slice (it is likely named Layer 2) and use the Move Tool (V) to move the slice to the far left of the canvas. Then move the rightmost slice to the far right edge of the canvas.
Hold down the Shift key while clicking on the slice layer thumbnails to select all the slices. Then go to Layer > Distribute > Horizontal Centers. This should spread the slices across the span of the canvas.
With all the slices still selected, go to Layer > Group Layers (Control-G) to place all of them into a single group. Rename the group Mirror 1.
3. Duplicate the Effect
At this point, the basic effect is done. But it is just that, basic. To make the entire piece visually engaging, it needs several of these fractal mirrors, and some important visual distinction between them.
Right click on the Mirror 1 layer group and select Duplicate Group to create a copy of the entire group. Leave the name as the default Mirror 1 copy. Then right click again and choose Convert to Smart Object.
Go to Filter > Blur > Gaussian Blur and use a blur Radius of 2.5 px.
Use the Move Tool (V) to reposition the Mirror 1 copy to the left to fill in some of the gaps left by the original fragmented mirror. Then tap the Up Arrow key a couple of times to give a slight vertical offset.
Duplicate the smart object with Layer > Duplicate Layer. Name this new smart object Mirror 3 and then move it over to fill in much of the right side of the canvas. In the Layers panel, put this object beneath the Mirror 1 copy.
Create another fragmented mirror by using the same technique as before, creating slices from a copy of the background layer, distributing them across the canvas, and grouping them together into a group called Mirror 4. Take care that this iteration has significantly different size slices than the first one did.
Duplicate the Mirror 4 group by right clicking and selecting Duplicate Group. Then Convert it to a Smart Object by using the same right-click context menu.
Go to Filter > Blur > Gaussian Blur and use a Radius of 3 pixels. Then move this group to the far right and place it below the Mirror 4 group in the Layers panel.
Select the Mirror 4 group and add a layer mask with Layer > Layer Mask > Reveal All. Then use the Gradient Tool (G) with a Linear gradient and the preset of Black, White to draw out a gradient starting at the far right and ending near the center of the canvas. This fades out the mirror effect from this group and allows the one from beneath it to be visible.
Duplicate the Mirror 4 copy smart object, move it to the far left, and reduce the Opacity to 30%. Then position it below the Mirror 1 group in the Layers panel.
Add a Hue/Saturation adjustment layer to the very top of the stack. Set the Saturation to -27 and the Lightness to -13.
You Are Done!
Ultimately, this effect is relatively simple to create but does require good management of lots of layers. But as long as you use layer groups and smart objects to keep things tidy, crafting the effect on any image shouldn't be a problem!
How did your strip mirror effect turn out? Share it in the comments below.
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post