How to Mirror an Image in Photoshop

What You’ll Be Creating
Whether you are a beginner or an expert, learning how to mirror an image in Adobe Photoshop is one of the most commonly desired skills. However, with so many tools available to you, it might be quite daunting to learn for someon…


This content originally appeared on Envato Tuts+ Tutorials and was authored by Jonathan Lam

Final product imageFinal product imageFinal product image
What You'll Be Creating

Whether you are a beginner or an expert, learning how to mirror an image in Adobe Photoshop is one of the most commonly desired skills. However, with so many tools available to you, it might be quite daunting to learn for someone who is just getting started.

So for this tutorial we will learn how to mirror an image in Photoshop (both horizontally and vertically) using a few different techniques. You'll also learn all the necessary steps along the way, including:

  • how to flip an image in Photoshop
  • how to mirror a layer in Photoshop

Follow along with us over on our Envato Tuts+ YouTube channel:

What You'll Need

You'll need the following resources in order to complete this project:

Find more creative asset resources on Envato Elements!

1. How to Open Your Image

Step 1

To open your image in Adobe Photoshop, you need to go to the top menu bar and select File > Open. Select the image file from your hard drive and click Open.

How to Mirror in Photoshop Tutorial Open new imageHow to Mirror in Photoshop Tutorial Open new imageHow to Mirror in Photoshop Tutorial Open new image

Step 2

This will create a new file where you can edit the image you want Photoshop to mirror.

How to Mirror in Photoshop Tutorial Open new image How to Mirror in Photoshop Tutorial Open new image How to Mirror in Photoshop Tutorial Open new image

Step 3

As an additional step, you may want to create a Photoshop layer using the image. To do this, you need to double-click on the 'Background' layer in the Layers panel, which opens the New Layer window. Rename the layer to a suitable name and click OK.

How to Mirror in Photoshop Tutorial Double click layerHow to Mirror in Photoshop Tutorial Double click layerHow to Mirror in Photoshop Tutorial Double click layer

2. How to Flip an Image in Photoshop Horizontally

Step 1

Let's learn how to flip an image in Photoshop horizontally. Go to the top menu bar and select Image > Image Rotation > Flip Canvas Horizontal.

How to Mirror in Photoshop Tutorial Flip canvas horizontalHow to Mirror in Photoshop Tutorial Flip canvas horizontalHow to Mirror in Photoshop Tutorial Flip canvas horizontal

Step 2

This will flip the image horizontally in Photoshop without the use of layers.

How to Mirror in Photoshop Tutorial Flip canvas horizontalHow to Mirror in Photoshop Tutorial Flip canvas horizontalHow to Mirror in Photoshop Tutorial Flip canvas horizontal

3. How to Flip an Image in Photoshop Vertically

Step 1

Now let's learn how to flip an image in Photoshop vertically. Go to the top menu bar and select Image > Image Rotation > Flip Canvas Vertical.

How to Mirror in Photoshop Tutorial Flip canvas verticalHow to Mirror in Photoshop Tutorial Flip canvas verticalHow to Mirror in Photoshop Tutorial Flip canvas vertical

Step 2

This will flip the image vertically in Photoshop without the use of layers.

How to Mirror in Photoshop Tutorial Flip image verticallyHow to Mirror in Photoshop Tutorial Flip image verticallyHow to Mirror in Photoshop Tutorial Flip image vertically

4. How to Create an Action

Step 1

You can learn how to mirror in Photoshop by creating an action. An action to mirror a layer in Photoshop will allow you to automate the steps quickly and easily. 

Navigate to the Actions panel or go to Window > Actions. Click on the Create New Action button in the Actions panel. 

How to Mirror in Photoshop Tutorial Create new actionHow to Mirror in Photoshop Tutorial Create new actionHow to Mirror in Photoshop Tutorial Create new action

Step 2

Once you've clicked on the Create New Action button, you'll be prompted to fill in a few options first. These settings can be useful when creating your new Adobe Photoshop mirror image action and can help you identify it more quickly.

  • Name: Choose a suitable name for the action.
  • Action Set: Choose default.
  • Function Key: This allows you to map an action to a keyboard key so that when you press that button, it will perform the action (for example F3).
  • Color: You can assign a color to the action to help you identify it more quickly.
How to Mirror an Image in Photoshop Tutorial Create new actionHow to Mirror an Image in Photoshop Tutorial Create new actionHow to Mirror an Image in Photoshop Tutorial Create new action

Step 3

Once you are happy with the initial action settings, you can click on the Record button. When you click on this button, everything that you do in Photoshop will be recorded as part of the action. The small button on the Actions panel will also change to a red dot to let you know that you are recording.

How to Mirror an Image in Photoshop Tutorial Record new actionHow to Mirror an Image in Photoshop Tutorial Record new actionHow to Mirror an Image in Photoshop Tutorial Record new action

Step 4

Now repeat the steps for either flip horizontal or flip vertical. Once you have finished recording, click on the Stop Playing/Recording button. The action is now saved and can be found in the list of actions in the Actions panel.

How to Mirror an Image in Photoshop Tutorial Save actionHow to Mirror an Image in Photoshop Tutorial Save actionHow to Mirror an Image in Photoshop Tutorial Save action

Step 5

Excellent! Now we have created an action to flip the image. You can test that the action works on another image by opening up a different image. Select the action from the Actions panel and then click on the small grey Play Button at the bottom. 

This will repeat the flipping action effect on any photo! You can make actions for flipping both horizontally and vertically.

How to Mirror an Image in Photoshop Tutorial Play ActionHow to Mirror an Image in Photoshop Tutorial Play ActionHow to Mirror an Image in Photoshop Tutorial Play Action

5. How to Mirror in Photoshop

Step 1

Now that we are familiar with flipping images, we can use this technique to create an Adobe Photoshop mirror image or a reflection. To do this, we must first create a duplicate layer from the original image and learn how to flip a layer in Photoshop.

To mirror a layer in Photoshop, first make sure that the original photo is a layer by double-clicking and renaming it. Then, right-click on the layer and select Duplicate Layer.

How to Mirror an Image Layer in Photoshop Tutorial Duplicate Photoshop layerHow to Mirror an Image Layer in Photoshop Tutorial Duplicate Photoshop layerHow to Mirror an Image Layer in Photoshop Tutorial Duplicate Photoshop layer

Step 2

This will create a duplicate layer which is identical to the original. Rename the duplicate layer appropriately. 

How to Mirror an Image Layer in Photoshop Tutorial Duplicate Photoshop layerHow to Mirror an Image Layer in Photoshop Tutorial Duplicate Photoshop layerHow to Mirror an Image Layer in Photoshop Tutorial Duplicate Photoshop layer

Step 3

Mirroring a layer in Photoshop uses slightly different tools compared to flipping the canvas. For this image, we want to create a reflection in the water, which will require us to flip the duplicate layer vertically. To do this, go to the top menu bar and select Edit > Transform > Flip Vertical.

How to Mirror an Image Layer in Photoshop Tutorial Flip Photoshop layer verticallyHow to Mirror an Image Layer in Photoshop Tutorial Flip Photoshop layer verticallyHow to Mirror an Image Layer in Photoshop Tutorial Flip Photoshop layer vertically

Step 4

On the newly mirrored layer in Photoshop, use the Marquee Tool to select the area above the animal's paw and then press the Delete button on the keyboard to remove it.

How to Mirror an Image Layer in Photoshop Tutorial Crop layerHow to Mirror an Image Layer in Photoshop Tutorial Crop layerHow to Mirror an Image Layer in Photoshop Tutorial Crop layer

Step 5

Hide the duplicate layer for now by clicking on the Eye Icon next to the layer. Select the Crop Tool (C) and extend the bottom of the image by clicking and dragging the left mouse button.

How to Mirror an Image in Photoshop Tutorial Crop toolHow to Mirror an Image in Photoshop Tutorial Crop toolHow to Mirror an Image in Photoshop Tutorial Crop tool

Step 6

You want to extend the canvas just enough so that there is room for the flipped image to act as a reflection for the lion cub.

How to Mirror an Image in Photoshop Tutorial Use crop toolHow to Mirror an Image in Photoshop Tutorial Use crop toolHow to Mirror an Image in Photoshop Tutorial Use crop tool

Step 7

Make sure to reveal the duplicate layer again by clicking on the Eye Icon next to the layer, and then use the Move Tool (V) to move it directly below the original photo. 

The duplicate layer must be above the original layer in the hierarchy in order for the flipped image to be displayed correctly. 

Line up the duplicate layer so that any parts of the lion that make contact with the water (such as the paws) are touching each other. 

How to Mirror an Image in Photoshop Tutorial Move flipped Photoshop layerHow to Mirror an Image in Photoshop Tutorial Move flipped Photoshop layerHow to Mirror an Image in Photoshop Tutorial Move flipped Photoshop layer

6. How to Blur the Reflection

Step 1

We can also make some adjustments to the reflection to sell the image and to make it a bit more believable. First, we can add a bit of blur to the reflection layer. To do this, go to the top menu bar and select Filter > Blur > Gaussian Blur

How to Mirror an Image in Photoshop Tutorial Use gaussian blurHow to Mirror an Image in Photoshop Tutorial Use gaussian blurHow to Mirror an Image in Photoshop Tutorial Use gaussian blur

Step 2

In the Gaussian Blur window, select a Radius of up to 5 Pixels and click OK.

How to Mirror an Image in Photoshop Tutorial Gaussian BlurHow to Mirror an Image in Photoshop Tutorial Gaussian BlurHow to Mirror an Image in Photoshop Tutorial Gaussian Blur

Step 3

This will help blur the reflection layer. Adjust the blur radius to your liking by repeating the steps above.

Mirror Image Photoshop Tutorial Blur flipped layerMirror Image Photoshop Tutorial Blur flipped layerMirror Image Photoshop Tutorial Blur flipped layer

7. How to Add Wave Distortion to the Reflection

Step 1

Next, we will add a bit of distortion to the reflection to give it a slight "ripple" effect. To do this, go to the top menu bar and select Filter > Distort > Wave.

Adobe Photoshop Mirror Image Tutorial Use wave filterAdobe Photoshop Mirror Image Tutorial Use wave filterAdobe Photoshop Mirror Image Tutorial Use wave filter

Step 2

Adjust the wave values to the following:

  • Number of Generators: 50
  • Min Wavelength: 10
  • Max Wavelength: 250
  • Min Amplitude: 1
  • Max Amplitude: 10
  • Scale Horiz: 100%
  • Scale Vert: 1%

Feel free to play around with these values to find a look that suits your image.

Adobe Photoshop Mirror Image Tutorial Use wave filterAdobe Photoshop Mirror Image Tutorial Use wave filterAdobe Photoshop Mirror Image Tutorial Use wave filter

Step 3

Drag and drop the water texture on top of your image to create a new layer. Then use the Free Transform Tool (Control-T) to resize the layer to fit on top of the reflection layer.

Adobe Photoshop Mirror Image Tutorial Free transform water textureAdobe Photoshop Mirror Image Tutorial Free transform water textureAdobe Photoshop Mirror Image Tutorial Free transform water texture

Step 4

Blur the water texture as well by going to the top menu bar and selecting Filter > Blur > Gaussian BlurSelect a suitable radius value of around 2 to 5 and click OK.

Mirror Image Photoshop Tutorial Use gaussian blur filterMirror Image Photoshop Tutorial Use gaussian blur filterMirror Image Photoshop Tutorial Use gaussian blur filter

Step 5

In the Layers panel, select Overlay from the dropdown menu to change the blend mode of the layer.

Adobe Photoshop Mirror Image Tutorial Select overlayAdobe Photoshop Mirror Image Tutorial Select overlayAdobe Photoshop Mirror Image Tutorial Select overlay

Step 6

The Overlay blend mode will allow us to see through the water texture layer into the image below. 

Mirror Image Photoshop Tutorial Use overlay layerMirror Image Photoshop Tutorial Use overlay layerMirror Image Photoshop Tutorial Use overlay layer

Step 7

In the Layers panel, set the Opacity of the water texture layer to 50% to reduce the contrast.

Mirror Image Photoshop Tutorial Set layer opacityMirror Image Photoshop Tutorial Set layer opacityMirror Image Photoshop Tutorial Set layer opacity

Awesome! You're Finished!

Congratulations! You have successfully completed this tutorial on how to flip and mirror an image in Adobe Photoshop. I hope you found this tutorial helpful and that you've learned many new tips and tricks that you can use for your future designs. See you next time!

Mirror Image Photoshop Tutorial Final Photoshop mirror imageMirror Image Photoshop Tutorial Final Photoshop mirror imageMirror Image Photoshop Tutorial Final Photoshop mirror image

Learn More Photoshop Actions & Photo Manipulation!

If you liked this mirror image Photoshop tutorial and are looking to learn some Photoshop actions or photo manipulation skills, check out the tutorials below! Expand your expertise by going through these in-depth guides. Happy designing!


This content originally appeared on Envato Tuts+ Tutorials and was authored by Jonathan Lam


Print Share Comment Cite Upload Translate Updates
APA

Jonathan Lam | Sciencx (2020-01-07T09:17:02+00:00) How to Mirror an Image in Photoshop. Retrieved from https://www.scien.cx/2020/01/07/how-to-mirror-an-image-in-photoshop/

MLA
" » How to Mirror an Image in Photoshop." Jonathan Lam | Sciencx - Tuesday January 7, 2020, https://www.scien.cx/2020/01/07/how-to-mirror-an-image-in-photoshop/
HARVARD
Jonathan Lam | Sciencx Tuesday January 7, 2020 » How to Mirror an Image in Photoshop., viewed ,<https://www.scien.cx/2020/01/07/how-to-mirror-an-image-in-photoshop/>
VANCOUVER
Jonathan Lam | Sciencx - » How to Mirror an Image in Photoshop. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2020/01/07/how-to-mirror-an-image-in-photoshop/
CHICAGO
" » How to Mirror an Image in Photoshop." Jonathan Lam | Sciencx - Accessed . https://www.scien.cx/2020/01/07/how-to-mirror-an-image-in-photoshop/
IEEE
" » How to Mirror an Image in Photoshop." Jonathan Lam | Sciencx [Online]. Available: https://www.scien.cx/2020/01/07/how-to-mirror-an-image-in-photoshop/. [Accessed: ]
rf:citation
» How to Mirror an Image in Photoshop | Jonathan Lam | Sciencx | https://www.scien.cx/2020/01/07/how-to-mirror-an-image-in-photoshop/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.