This tutorial tells us how to distort an image using a couple of filters. The tutorial is easy, but very interesting.

Creating Distorting Mirror Effect

Let’s begin with finding an appropriate image to work with, we can try searching in Google Images or take my picture it can be absolutely any image. Open the chosen image and begin working with it.

Photoshop Tutorial Creating Distorting Mirror Effect

Let’s make our picture more sharp using Filter > Sharpen > Smart Sharpen with the following parameters, as shown in the screenshot below:

Photoshop Tutorial Creating Distorting Mirror Effect

The result will be the following:

Photoshop Tutorial Creating Distorting Mirror Effect

Further let’s enlarge the picture, as we’ll have to distort the image in two different ways, so we triple it, taking into consideration, that there is an original image. For this purpose we use Image > Canvas Size, as the width of the image is 1024 pixels, so it should be enlarged up to 3072 pixels, the image should be located in the middle of the canvas:

Photoshop Tutorial Creating Distorting Mirror Effect

Now your canvas should look like this:

Photoshop Tutorial Creating Distorting Mirror Effect

Fill the layer under the image with the background color #d4d8e2.

Photoshop Tutorial Creating Distorting Mirror Effect

Now with the help of the Eraser Tool remove the edges of the background on the girl layer. We select soft-edged brush, opacity set to 40%, 250 pixels in diameter.

Photoshop Tutorial Creating Distorting Mirror Effect

We should get such a result:

Photoshop Tutorial Creating Distorting Mirror Effect

Duplicate the girl layer twice using Ctrl+J and place the copies to the left and to the right of the image.

Photoshop Tutorial Creating Distorting Mirror Effect

With the help of Edit > Transformer > Flip Horizontal we flip our copies horizontally.

Photoshop Tutorial Creating Distorting Mirror Effect

We deform one of the reflections using Edit > Transformer > Scale:

Photoshop Tutorial Creating Distorting Mirror Effect

And then go to Edit > Transformer > Perspective and add perspective to the right copy.

Photoshop Tutorial Creating Distorting Mirror Effect

As a result we get a feeling of perspective:

Photoshop Tutorial Creating Distorting Mirror Effect

We treat the second reflection in the same way.

Photoshop Tutorial Creating Distorting Mirror Effect

Select one of the reflections again and deform it using Filter > Liquify with next presets:

Photoshop Tutorial Creating Distorting Mirror Effect

With the help of this filter we can deform the image the way we like, you can experiment a long while, but let’s choose the variant, showed in the screenshot below:

Photoshop Tutorial Creating Distorting Mirror Effect

Now we need to enhance the image with several highlights to create a feeling of reflection in the mirror.
Select the Pen Tool and create a couple of distorted white free designs.

Photoshop Tutorial Creating Distorting Mirror Effect

We rasterize the highlights using Layer > Rasterize > Shape and blur them with the help of Filter > Blur > Gaussian Blur with the following parameters:

Photoshop Tutorial Creating Distorting Mirror Effect

We get such a result:

Photoshop Tutorial Creating Distorting Mirror Effect

We change the Layer Blending Mode for the layer with the highlights to Soft Light.

Photoshop Tutorial Creating Distorting Mirror Effect

As the glass is uneven, there should be shadows, we create them in the same way as the highlights, but choose black color instead of white (#000000).

Photoshop Tutorial Creating Distorting Mirror Effect

We blur and change the Layer Blending Mode to Soft Light in the same way.

Photoshop Tutorial Creating Distorting Mirror Effect

Now we need to add some sharp highlights. We add them in the same way as the previous highlights.

Photoshop Tutorial Creating Distorting Mirror Effect

We add the highlights on the same principle, apply Filter > Blur > Gaussian Blur, but blur them slightly:

Photoshop Tutorial Creating Distorting Mirror Effect

The result should be the next:

Photoshop Tutorial Creating Distorting Mirror Effect

We change the Layer Blending Mode to Soft Light as well.

Photoshop Tutorial Creating Distorting Mirror Effect

Let’s add the border of the mirror, select a hard-edged Brush Tool, 8 pixels in diameter, and color #616?7?. We draw the border while holding the Shift button to make sure the line is straight.

Photoshop Tutorial Creating Distorting Mirror Effect

Let’s add the highlights on the border itself using soft-edged brush, brush diameter is random.

Photoshop Tutorial Creating Distorting Mirror Effect

Photoshop Tutorial Creating Distorting Mirror Effect

The second filter to distort our image with is Shear. We use Filter > Distort > Shear with the following parameters:

Photoshop Tutorial Creating Distorting Mirror Effect

All in all we get the following result:

Photoshop Tutorial Creating Distorting Mirror Effect

The highlights and the shadows are added in the same way as for the previous image.

Photoshop Tutorial Creating Distorting Mirror Effect

Now we use the Crop Tool to crop the unnecessary part of the image.

Photoshop Tutorial Creating Distorting Mirror Effect

Thereon our tutorial is over. We’ve got an attractive distorting mirror effect by applying a couple of filters.

Photoshop Tutorial Creating Distorting Mirror Effect

Posted by brantwilson

Brant Wilson is a staff writer for the DesignMag network. Brant enjoys all things design and development, dogs, and candy. Brant is passionate about training freelancers. Learn how you can earn $125+ freelancing. Start learning for free now! Connect with Brant on google+

Leave a reply

Your email address will not be published. Required fields are marked *