Mirror Image Effect - Photoshop Tutorial

Written by Steve Patterson.
In this Photoshop tutorial, were going to look at how to create a mirror image effect with a photo, turning the right half of the image into a mirror reflection of the left half. Youve probably seen this effect used everywhere, especially in movie posters or album covers, and as with many of Photoshops classic and most popular photo effects, its very easy to create.

Heres the image Ill be using for this tutorial:

The original photo. Image licensed from iStockphoto by Photoshop Essentials.com.

The original image

Heres how it will look when were done:

Photoshop mirror image. Image © 2008 Photoshop Essentials.com.

The final mirror image effect.

Lets get started!

Step 1: Create A New Blank Document

Rather than working directly on the photo itself, lets start things off by creating a new blank document. This will allow us to create our effect at any size we need rather than trying to work within the dimensions of the photo itself. Go up to the File menu at the top of the screen and choose New, or simply press the keyboard shortcut Ctrl+N (Win) / Command+N (Mac). Either way brings up Photoshops New Document dialog box. Enter in the dimensions you need for your effect. For this tutorial, Im going to enter in a standard size of 6 inches for the Width and 4 inches for the Height, but of course you can enter whatever dimensions you need. For the Resolution, Ill enter 240 pixels/inch, which should give me professional quality print results if I decide to print the image later. The most commonly accepted resolution for professional print results is 300 pixels/inch, but youll often find that you can get away with less than that without any noticeably loss in quality. I typically use 240 pixels/inch with my images:

The New Document dialog box in Photoshop. Image © 2008 Photoshop Essentials.com.

Create a new blank Photoshop document.

Click OK when youre done to exit out of the dialog box. A new blank document will appear on your screen.

Step 2: Select And Copy The Photo

Switch over to the document window that contains the photo youre working with. We need to move the photo into our new blank document. Theres a couple of ways we can do this, but well use the classic "copy and paste" method. First, we need to select the entire photo. Go up to the Select menu at the top of the screen and choose All, or press the keyboard shortcut Ctrl+A (Win) / Command+A (Mac). This places a selection outline (also known as "marching ants") around the entire image in the document window:

A selection outline appears around the entire photo. Image © 2008 Photoshop Essentials.com.

Go to Select > All to place a selection outline around the entire image.

With the entire photo now selected, go up to the Edit menu and choose Copy, or press Ctrl+C (Win) / Command+C (Mac) for the shortcut. This places the entire image temporarily into your computers memory:

Selecting Copy from the Edit menu in Photoshop. Image © 2008 Photoshop Essentials.com.

Go to Edit > Copy to copy the entire image into memory.

Step 3: Paste The Photo Into The New Document

Switch back over to your new blank document. Were going to paste the photo into it. To do that, go back up to the Edit menu and this time, choose Paste. Or press the keyboard shortcut Ctrl+V (Win) / Command+V (Mac):

Selecting Paste from the Edit menu in Photoshop. Image © 2008 Photoshop Essentials.com.

Switch over to the blank document, then go to Edit > Paste.

Photoshop will paste the photo directly into the new document:

The photo is now pasted into the new document. Image © 2008 Photoshop Essentials.com.

The photo now appears inside the new document.

If we look in the Layers palette for the new document, we can see that our photo has been placed on its own layer above the Background layer. Photoshop has automatically named the layer "Layer 1":

The Layers palette in Photoshop. Image © 2008 Photoshop Essentials.com.

The photo appears on its own layer above the Background layer.

You can close out of the original photos document window at this point, since we no longer need to have it open.

Step 4: Resize And Reposition The Photo Inside The Document If Needed

Youll probably find that the photo doesnt fit perfectly inside the new document. In my case, the photo is too big and part of it is extending out beyond the documents visible area. Well need to resize it, and for that, we can use Photoshops Free Transform command. Go up to the Edit menu and choose Free Transform, or press the keyboard shortcut Ctrl+T (Win) / Command+T (Mac):

Selecting the Free Transform command in Photoshop. Image © 2008 Photoshop Essentials.com.

Go to Edit > Free Transform.

Either way brings up the Free Transform box and handles around the image. Unfortunately, since part of my photo is extending out beyond the documents visible area, I cant see all of the Free Transform handles. To fix that, Ill simply go up to the View menu at the top of the screen and choose Fit on Screen. I could also select the same option with the keyboard shortcut Ctrl+0 (Win) / Command+0 (Mac):

Selecting the Fit on Screen option in Photoshop. Image © 2008 Photoshop Essentials.com.

Go to View > Fit on Screen if your image extends beyond the visible area.

The Fit on Screen command zooms the image out far enough so that everything, including the Free Transform handles, are now visible inside the document window. To resize the image, hold down your Shift key, then click and drag any of the corner handles inward until you have as much of the image as you need inside the visible area. Holding down the Shift key as you drag constrains the aspect ratio of the image so you dont accidentally distort the shape of it. In my case, Im going to click on the handle in the bottom right corner and drag it inward until the bottom of the photo lines up with the bottom of the visible area:

Resizing the image with Free Transform in Photoshop. Image © 2008 Photoshop Essentials.com.

Hold Shift and drag any of the corner handles to resize the image.

You can also move the image as needed to reposition it by clicking anywhere inside the Free Transform box and dragging the image around. Just dont click on the small target symbol in the center of the Free Transform box, otherwise youll move the target symbol, not the image. When youre done, press Enter (Win) / Return (Mac) to accept the changes and exit out of the Free Transform command.

To zoom the image back in so it once again fills up the entire document window, simply choose Fit on Screen again from the View menu just as we did a moment ago. You can also select Actual Pixels from the View menu, which will zoom the image to a full 100%. The keyboard shortcut for Actual Pixels is Ctrl+Alt+0 (Win) / Command+Option+0 (Mac).

Step 5: Add A Vertical Guide Down The Middle Of The Document

To create our mirror image effect, we first need to move everything that we want to "mirror" over to one side of the document. In my case, I need the guy in my photo to be over on the left side. To help me decide exactly how far to the left I need to move him, Im going to add a guide down the middle of the image. Go up to the View menu at the top of the screen and choose New Guide:

Adding a new guide in Photoshop. Image © 2008 Photoshop Essentials.com.

Go to View > New Guide.

This brings up Photoshops New Guide dialog box. Select Vertical for the Orientation so that the guide runs up and down the image rather than left to right. Then enter 50% for the Position option so that it runs down the exact center of the document:

The New Guide dialog box in Photoshop. Image © 2008 Photoshop Essentials.com.

Set the Orientation to Vertical and enter 50% for the Position of the guide.

Click OK when youre done to exit out of the dialog box, and Photoshop will add a new guide straight down the center of the document:

A new Photoshop guide has been added to the document. Image © 2008 Photoshop Essentials.com.

A vertical guide has been added down the exact center of the document.

Dont worry about the guide appearing in front of your image. Its there only to help us while working in Photoshop. Guides are known as non-printing elements, which means they wont print, or appear if you save the image for the web, even if you forget to remove them when youre done.

Step 6: Drag Your Main Subject To One Side Of The Document

Think of the guide we just added as the flip point or mirror point for the effect. In other words, everything that we place on one side of the guide will appear mirrored on the other side of it. Of course, before we can mirror anything, we first need to move everything we want to mirror over to one side of the document. Select the Move tool from the top of the Tools palette, or press the letter V to quickly select it with the shortcut:

Photoshop Move tool. Image © 2008 Photoshop Essentials.com.

Select the Move tool.

Then, with the Move tool selected, click anywhere on the image and drag it left or right until everything you want to mirror is on one side of the guide. Hold down the Shift key as you drag, which will force the image to move only left or right, preventing you from accidentally moving it up or down. In my case, Im going to drag the guy in my photo over to the left of the document just to the point where the bottom part of his ear touches the side of his face. This is going to be the "flip point" for my effect:

Dragging the photo to the left side of the guide in Photoshop. Image © 2008 Photoshop Essentials.com.

Drag your main subject to one side of the document, using the guide as the flip point.

Dont worry about the solid white area thats now appearing on the side of the photo. Everything on that side of the guide will be replaced with a mirrored version of whats on the other side in a moment.

Step 7: Drag A Selection Around The Side You Want To Mirror

Select the Rectangular Marquee Tool from the top of the Tools palette, or press the letter M to select it with the keyboard shortcut:

The Rectangular Marquee Tool in Photoshop. Image © 2008 Photoshop Essentials.com.

Select the Rectangular Marquee Tool.

Then, with the Rectangular Marquee Tool selected, drag a selection around the entire half of the document that you want to mirror. In my case, Im going to drag a selection around the left half of the document. Youll find that your cursor will snap to the guide once youre close enough to it (as long as you have both the Snap and Snap to Guides options enabled in the View menu at the top of the screen). When youre done, you should have a selection outline around the entire half of the document that youre going to mirror:

A selection outline appears around the left half of the document. Image © 2008 Photoshop Essentials.com.

Drag a selection around whichever side you want to mirror.

Step 8: Copy The Selection To A New Layer

With the side thats going to be mirrored now selected, go up to the Layer menu at the top of the screen, choose New, and then choose Layer via Copy. Or press the keyboard shortcut Ctrl+J (Win) / Command+J (Mac):

Selecting the Layer via Copy command in Photoshop. Image © 2008 Photoshop Essentials.com.

Go to Layer > New > Layer via Copy.

This creates a copy of the selection and places it on a new layer directly above the previous layer. Nothing will seem to have happened in the document window, but if we look in the Layers palette, we can see that we now have a new layer named Layer 2, and if we look in the layers preview thumbnail to the left of the layers name, we can see that the layer contains a copy of the side of the document we had selected:

The selection appears on a new layer in the Layers palette. Image © 2008 Photoshop Essentials.com.

The selected half of the document now appears on a new layer in the Layers palette.

Step 9: Flip The Left Or Right Side Of The Document Horizontally

To create our mirrored image effect, all we need to do at this point is flip the half of the document thats on Layer 2 horizontally. Before we do that, though, we need to tell Photoshop that we want to use the vertical center of the document (where the guide is) as the flip point. To do that, press Ctrl+T (Win) / Command+T (Mac) to quickly bring up Photoshops Free Transform command once again. Youll see the Free Transform box and handles appear around whichever side of the document you copied to "Layer 2". In my case, its the left side. See that little target symbol in the center of the Free Transform box, the one I told you not to click on earlier:

The rotation point target symbol for the Free Transform command in Photoshop. Image © 2008 Photoshop Essentials.com.

The small target symbol in the center of the Free Transform box.

That target symbol represents the rotation point for the Free Transform command. By default, its located in the center of the Free Transform box, but we can move it anywhere we want. Wherever we move it to becomes the new rotation point. To tell Photoshop that we want to flip the image along the guide, simply click on the target symbol and drag it over to the side handle thats sitting directly in the middle of the document. Once you get close enough to the handle, the target symbol will snap to it:

Dragging the Free Transform rotation point to the center of the document. Image © 2008 Photoshop Essentials.com.

Drag the target symbol (rotation point) to the Free Transform handle in the center of the document.

With the Free Transform command still active, go up to the Edit menu at the top of the screen, choose Transform, and then choose Flip Horizontal:

Selecting the Flip Horizontal command in Photoshop. Image © 2008 Photoshop Essentials.com.

Go to Edit > Transform > Flip Horizontal.

Photoshop flips the contents of Layer 2 for us, using our newly repositioned target symbol as the rotation point, and the right half of the document now becomes a perfectly mirrored copy of the left half (or vice versa):

Photoshop mirror effect. Image © 2008 Photoshop Essentials.com.

The right side of the document is now a reflected version of the left side.

Press Enter (Win) / Return (Mac) to accept the transformation and exit out of the Free Transform command. We dont need our guide anymore, so go up to the View menu and choose Clear Guides:

The Clear Guides command in Photoshop. Image © 2008 Photoshop Essentials.com.

Go to View > Clear Guides to remove the guide.

As I mentioned earlier, even if you forget to clear your guides when youre done working on the image, theres no need to worry because they wont print and they wont appear in the image if you save it for the web.

And with that, were done! Here, after just a few simple steps, is our completed mirror image effect:

Photoshop mirror image effect. Image © 2008 Photoshop Essentials.com.

The final mirror image photo effect.

And there we have it! Thats how to create a mirror image effect in Photoshop!

Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier!

You May Also Like...


Mirror Image Effect - Photoshop Tutorial
Written by Steve Patterson. In this Photoshop tutorial, were going to look at how to create a mirror image effect with a photo, turning the right half of the image

Flip, Rotate and Mirror Designs and Patterns in Photoshop
Written by Steve Patterson. In a previous Photoshop photo effects tutorial, we learned how to create a simple mirror effect with an image by flipping the right side

Mirror Image Effect - Photoshop Tutorial | 101 Photoshop ...
Written by Steve Patterson. In this Photoshop tutorial, were going to look at how to create a mirror image effect with a photo, turning the right half of the image

Photoshop Tutorial - How To Create A Mirror Image Effect
In this video tutorial I show you how to create a "Mirror Image" effect within photoshop. If you have any questions feel free to ask them in the comment

Mirror Image Effect in Photoshop - Photoshop Tutorial
In this Photoshop tutorial, we're going to look at how to create a mirror image effect with a photo, turning the right half of the image into a mirror reflection of

How to Create a Mirror Effect in Adobe Photoshop: 6 Steps
How to Create a Mirror Effect in Adobe Photoshop. This tutorial will show you how to create a mirror effect using Adobe Photoshop. Open an image. This tutorial will

Photoshop Tutorial How To Create A Mirror Image Effect
Photoshop Tutorial - How To Create A Mirror Image Effect, Mirror Effect PhotoShop CS6 Tutorial, Photoshop tutorials:How to create Mirror Image Effect With Photoshop

Photo Reflection Effect | Planet Photoshop
Recreating Apples iWeb photo reflection effect it is like a black mirror Web Development » Blog Archive » Tutorials for Adobe Photoshop, Illustrator and

Photoshop Mirror Image Effect - Photoshop tutorials ...
Flip, Rotate And Mirror Designs And Patterns Create a Water Reflection Photo Effect In Photoshop Water Reflection Effect In Photoshop CS6 Photoshop Punch Through

Photoshop Cs5 Tutorial: Mirror Image Effect
Learn how to turn your photos into abstract mirror image, inkblot style photos. This is similar to a kaleidoscope. You can do a horizontally, vertically

Previous
Next Post »