Discover ways to flip, mirror and rotate a single picture in Photoshop to create enjoyable and attention-grabbing designs, and easy methods to create distinctive seems for the impact with Photoshop’s layer mix modes!

Written by Steve Patterson.

In a earlier photograph results tutorial, we discovered easy methods to create a easy mirror impact in Photoshop by flipping one facet of a picture horizontally to create a mirrored image of the opposite facet. On this tutorial, we’ll take the identical primary thought and go a lot additional with it, creating attention-grabbing results, designs and patterns just by flipping, rotating and mirroring the identical picture time and again! We’ll additionally experiment with Photoshop’s layer mix modes to see how completely different mix modes can dramatically change our outcomes.

To comply with alongside, you should use any picture you want, however you will typically get the most effective outcomes if the picture comprises a number of element.

Here is the photograph I will be utilizing (flowers photograph from Adobe Inventory):

The unique picture. Picture credit score: Adobe Inventory.

And this is only one instance of the kind of design we are able to create from it in only a few simple steps. We’ll see different examples as we go alongside. Each photograph gives you distinctive outcomes, so as soon as you understand how to create the impact, give it a attempt with various kinds of photographs to see what you may give you:

The final pattern design created from a single image in Photoshop.

One doable design. Your outcomes will rely in your photograph and the mix modes you select.

Let’s get began!

Obtain this tutorial as a print-ready PDF!

How To Flip, Mirror And Rotate Photographs In Photoshop

For this tutorial, I am utilizing Photoshop CC however each step is suitable with Photoshop CS6 and earlier.

It’s also possible to comply with together with my video of this tutorial on our YouTube channel. Or obtain this tutorial as a PDF and get my new Full Information to Layer Mix Modes as a bonus!

Step 1: Crop The Picture If Wanted

To start, let’s crop away any areas of our picture that we do not really want for this impact. When you needn’t crop your picture, you may skip forward to Step 2.

On the whole, you will wish to crop in tight round your topic, eradicating any surrounding areas of low element (like clear blue skies) that will not actually add something to the ultimate outcome. In my case, the picture I am utilizing does not actually have any areas of low element. The truth is, it is virtually blooming with element (a bit flower humor there). I might simply use all the photograph the way in which it’s and find yourself with a very loopy design. However to simplify issues a bit, I will crop a number of the flowers away.

To crop your picture, choose Photoshop’s Crop Instrument from the Toolbar alongside the left of the display screen:

Selecting the Crop Tool in Photoshop.

Deciding on the Crop Instrument.

With the Crop Instrument chosen, ensure that Delete Cropped Pixels is checked within the Choices Bar since we have to truly delete the cropped pixels, not simply disguise them from view (word: the Delete Cropped Pixels possibility is barely accessible in Photoshop CC and CS6. When you’re utilizing an earlier model, Photoshop deletes the pixels by default so that you needn’t fear about it):

The Delete Cropped Pixels option for the Crop Tool.

Ensuring “Delete Cropped Pixels” is checked.

Then, click on and drag out a cropping border across the space you wish to preserve. In my case, I am going to drag the border round the precise facet of the picture. This implies I will be retaining the precise facet and cropping the left facet away:

Cropping the image with the Crop Tool.

Dragging my crop border round the precise facet of the photograph.

Press Enter (Win) / Return (Mac) in your keyboard if you’re able to crop the picture:

The image after it has been cropped in Photoshop.

The remaining a part of the picture ought to create some attention-grabbing designs.

Step 2: Duplicate The Background Layer

If we glance in our Layers panel, we see our picture sitting on the Background layer, at present the one layer within the doc:

The Layers panel showing the cropped image on the Background layer.

The Layers panel exhibiting the cropped picture on the Background layer.

We have to create a replica of this layer. To try this, click on on the Background layer and drag it down onto the New Layer icon on the backside of the Layers panel (second icon from the precise):

Dragging the Background layer onto the New Layer icon.

Dragging the Background layer onto the New Layer icon.

Photoshop makes a replica of the Background layer, names it “Background copy” and locations it above the unique:

The Layers panel showing the Background copy layer above the original.

The “Background copy” layer seems.

Step 3: Double The Width Of The Canvas

Go as much as the Picture menu on the prime of the display screen and select Canvas Measurement:

Selecting the Photoshop Canvas Size command.

Going to Picture > Canvas Measurement.

This opens Photoshop’s Canvas Measurement dialog field which we’ll use so as to add extra canvas area round our photograph. We have to double the present width of our canvas, and we wish all the further canvas area to look to the proper of our picture. To try this, set the Width worth to 200 p.c and go away the Top at one hundred pc (which is able to go away the peak of the canvas at its present measurement). Go away the Relative possibility unchecked. To drive the additional canvas area to the precise of the photograph, click on on the left center sq. within the Anchor grid:

See also  Download Motorola Device Manager for Windows 10 Free (2021)

The Canvas Size dialog box in Photoshop.

The settings for doubling the width of the canvas.

Click on OK if you’re executed to shut out of the dialog field. Photoshop doubles the width of the canvas, including all the further area to the precise of the photograph. By default, Photoshop fills the additional canvas area with white. If, for some purpose, yours is not white, don’t fret as a result of it is not necessary:

Extra canvas space now appears on the right side of the photo.

The additional canvas area seems on the precise facet of the photograph.

Step 4: Drag The Picture On The “Background copy” Layer To The Proper

Now that we have added our further canvas area, we have to drag the copy of our photograph on the “Background copy” layer into the brand new space. Choose Photoshop’s Transfer Instrument from the Toolbar:

Photoshop Move Tool.

Deciding on the Transfer Instrument.

Be certain the “Background copy” layer is chosen within the Layers panel. Maintain down your Shift key, then click on on the photograph and drag it over to the precise facet of the unique picture. Holding the Shift key as you drag will restrict the route you may transfer, making it simple to tug straight throughout. Once you’re executed, launch your mouse button, then launch your Shift key. It’s best to now see two copies of the photograph sitting beside one another:

Dragging the copy of the image over to the right.

Dragging the copy of the picture to the precise of the unique.

Step 5: Flip The Picture On The Proper Horizontally

To this point, all we now have are two equivalent twins. Let’s create our first mirror impact by flipping the picture on the precise horizontally so it seems as a mirrored image of the one on the left. To try this, go as much as the Edit menu on the prime of the display screen, select Remodel, after which select Flip Horizontal:

The Flip Horizontal command in Photoshop.

Going to Edit > Remodel > Flip Horizontal.

The photograph on the precise immediately turns into a mirror reflection of the photograph on the left, creating our first impact:

Photoshop mirror image effect.

The 2 photographs are actually mirror reflections of one another.

Step 6: Merge The Two Layers Collectively

To this point, so good, however as they are saying, however we have solely simply begun. Let’s merge our two layers right into a single layer by going as much as the Layer menu on the prime of the display screen and selecting Merge Down:

The Merge Down command in Photoshop.

Going to Layer > Merge Down.

Nothing will appear to have occurred within the doc, but when we have a look at our Layers panel, we see that our two layers have been merged right into a single Background layer:

The Layers panel showing the merged layers.

The Background layer now holds our mirror impact.

Step 7: Duplicate The Layer

Simply as we did again in Step 2, let’s duplicate the Background layer by clicking on it and dragging it down onto the New Layer icon:

Dragging the Background layer onto the New Layer icon.

Once more dragging the Background layer onto the New Layer icon.

Photoshop once more duplicates the Background layer, names it “Background copy” and locations it above the unique:

The Layers panel showing the new Background copy layer.

The Layers panel exhibiting the brand new “Background copy” layer.

Step 8: Double The Top Of The Canvas

We will create one other reflection of our picture, this time vertically. For that, we have to double the peak of our canvas and have the brand new canvas area seem under our present picture. Let’s as soon as once more carry up the Canvas Measurement dialog field by going as much as the Picture menu on the prime of the display screen and selecting Canvas Measurement:

Selecting the Photoshop Canvas Size command.

Going to Picture > Canvas Measurement.

When the dialog field seems, set the Width to one hundred pc (which is able to go away the width at its present measurement) and the Top to 200 p.c. Once more, go away the Relative possibility unchecked. To drive the additional area to look under the picture, click on on the prime center sq. within the Anchor grid:

Doubling the height of the canvas in Photoshop.

The settings for doubling the peak of the canvas.

Click on OK to shut out of the dialog field. Photoshop provides the extra canvas area under the picture. If you cannot see all the canvas at this level as a result of it is now too huge to suit in your display screen, go as much as the View menu and select the Match on Display command, or press Ctrl+0 (Win) / Command+0 (Mac) in your keyboard. Photoshop will zoom the doc out to no matter degree is required for it to suit:

The extra canvas space has been added below the image in Photoshop.

The additional canvas area seems under the picture.

Step 9: Drag The Picture Under The Unique

With the Transfer Instrument nonetheless chosen and the “Background copy” layer chosen within the Layers panel, click on on the picture and drag it down into the additional canvas area. Press and maintain your Shift key as you drag to restrict the route you may transfer, making it simple to tug the photograph straight down:

Dragging the image on the Background copy layer below the original.

Dragging the picture on the “Background copy” layer under the unique.

Step 10: Flip The Backside Picture Vertically

To show the underside picture right into a mirror reflection of the highest one, go as much as the Edit menu, select Remodel, after which select Flip Vertical:

Selecting the Flip Vertical command from under the Edit menu in Photoshop.

Going to Edit > Remodel > Flip Vertical.

We now have our second mirror reflection, this time vertically. Issues are already beginning to look attention-grabbing:

See also  How to fix search problems in Windows 10

The second Photoshop mirror reflection effect.

The underside picture is now a mirrored image of the highest picture.

Step 11: Merge Each Layers Onto A New Layer

To this point, all we have been doing is making copies of the picture and flipping them horizontally or vertically. Let’s examine how a lot additional we are able to take issues by rotating copies of the picture and making an attempt out completely different layer mix modes!

First, let’s merge each of our present layers onto a model new layer. To try this, press and maintain the Alt (Win) / Choice (Mac) key in your keyboard. Whereas nonetheless holding the important thing down, go as much as the Layer menu on the prime of the display screen and select Merge Seen close to the underside of the listing:

The Merge Visible command in Photoshop.

Holding Alt (Win) / Choice (Mac) and going to Layer > Merge Seen.

Usually, the Merge Seen command would have merged our two layers right into a single layer, similar to the Merge Down command did earlier. However by holding down the Alt / Choice key as we chosen Merge Seen, we instructed Photoshop to create a model new layer and merge our present layers onto the brand new layer.

We will see in our Layers panel that we now have a 3rd layer, named “Layer 1”, and we are able to see in its preview thumbnail that it holds a merged copy of the photographs from the unique two layers under it:

The two original layers are now merged on to a third layer in Photoshop.

The 2 unique layers have been merged onto a 3rd layer.

Step 12: Rotate The New Layer 90° Clockwise

Let’s rotate the picture on “Layer 1”. Go as much as the Edit menu, select Remodel, after which select Rotate 90° Clockwise:

The Rotate 90 degrees Clockwise command in Photoshop.

Going to Edit > Remodel > Rotate 90° Clockwise.

This may rotate the layer 90° clockwise, leaving the 2 layers under it of their unique orientation:

The result after rotating the top image 90 degrees.

The outcome after rotating “Layer 1” 90 levels.

Obtain this tutorial as a print-ready PDF!

Step 13: Crop The Doc Round The Rotated Picture

Subsequent, we’ll crop the doc across the rotated picture. Press and maintain the Ctrl (Win) / Command (Mac) key in your keyboard and click on straight on the preview thumbnail for “Layer 1” within the Layers panel:

Clicking on the preview thumbnail for Layer 1 in the Layers panel in Photoshop.

Clicking the preview thumbnail whereas holding Ctrl (Win) / Command (Mac).

This masses a range define across the rotated picture. With the choice in place, go as much as the Picture menu on the prime of the display screen and select Crop:

Selecting the Crop command in Photoshop.

Going to Picture > Crop.

Photoshop crops away the areas above and under the picture. To take away the choice define since we not want it, go as much as the Choose menu on the prime of the display screen and select Deselect, or press Ctrl+D (Win) / Command+D (Mac) in your keyboard:

Choosing Deselect from under the Select menu in Photoshop.

Going to Choose > Deselect.

Now that we have cropped away the highest and backside, all we are able to see now’s our rotated picture. We’ll repair that subsequent as we begin experimenting with Photoshop’s layer mix modes:

The result after cropping away the areas above and below the image.

The outcome after cropping away the areas above and under the picture.

Step 14: Experiment With Layer Mix Modes

At this level, issues begin to grow to be a bit extra experimental and a matter of non-public style. At present, the picture on “Layer 1” is totally blocking the layers under it from view, which is not what we wish. We have to mix our prime layer in with the layers under it, and we are able to do this by altering the layer’s mix mode.

You will discover the Mix Mode possibility within the higher left of the Layers panel. It does not say “Blend Mode” wherever but it surely’s the choice that is set to Regular by default. “Normal” implies that the layer will not be mixing in any respect with the layers under it. It is simply blocking them from view. Let’s check out a number of completely different mix modes to see what we get. I am going to begin by altering my mix mode from Regular to Multiply:

Changing the blend mode for Layer 1 to Multiply.

Altering the mix mode for “Layer 1” to Multiply.

The Multiply mix mode does a pleasant job of mixing my photographs collectively to create an attention-grabbing design. However since Multiply is certainly one of a number of mix modes in Photoshop that has the impact of darkening the general picture, we are able to see that the impact it created is kind of a bit darker than what we had earlier than:

The design after setting the blend mode to Multiply.

Multiply creates an attention-grabbing however darkish sample.

I am going to attempt a unique mix mode, this time Lighten:

Changing the blend mode for Layer 2 to Lighten.

Altering the mix mode for “Layer 1” to Lighten.

Lighten is certainly one of a number of mix modes that make the general picture brighter. It really works by evaluating the pixels on the chosen layer with the pixels on the layers under it after which retaining whichever pixels are lighter. Right here we see that it has positively brightened issues up, and given me one other attention-grabbing design. Personally, I like this one significantly better:

The design after setting the blend mode to Lighten.

Lighten creates one other attention-grabbing and far lighter design.

In order for you one thing extra psychedelic, attempt both the Distinction or Exclusion mix modes. I am going to attempt Distinction:

Changing the blend mode for Layer 2 to Darken.

Altering the mix mode to Distinction.

The Distinction mix mode seems for variations between the layer and the layers under it, after which shows these variations as completely different colours. True to its identify, the outcome positively seems completely different:

See also  shadow fight unblocked

The design after setting the blend mode to Difference.

The impact with the mix mode set to Distinction.

Biking By way of Mix Modes From The Keyboard

To this point, I’ve simply been clicking on the Mix Mode possibility within the Layers panel after which selecting random ones to check out from the listing. However this is a a lot simpler option to check out the mix modes. Be sure to nonetheless have the Transfer Instrument chosen. Then, merely press and maintain the Shift key in your keyboard and use the + and keys to cycle up or down by the listing.

After making an attempt all of them out, I believe I am going to follow the Lighten mix mode. Chances are you’ll choose a unique mix mode to your picture, however on this case, Lighten offers me the outcome I like the most effective.

Step 15: Merge Each Layers Onto A New Layer

Let’s attempt making yet one more copy of the picture, rotating it after which altering its mix mode to see what we get. First, we’ll merge all three of our layers onto a brand new layer. As soon as once more press and maintain your Alt (Win) / Choice (Mac) key as you go as much as the Layer menu and select Merge Seen:

The Merge Visible command in Photoshop.

Holding Alt (Win) / Choice (Mac) and selecting Layer > Merge Seen.

This merges all three layers onto a fourth layer, “Layer 2”, above them:

All three layers are now merged onto Layer 2.

All three layers are actually merged onto “Layer 2”.

Step 16: Rotate The New Layer 45°

With “Layer 2” chosen, go as much as the Edit menu, select Remodel, after which select Rotate:

Selecting the Rotate command in Photoshop.

Going to Edit > Remodel > Rotate.

Then, within the Choices Bar alongside the highest of the display screen, enter 45.0 into the Angle enter field to inform Photoshop to rotate the picture on “Layer 2” by 45° clockwise:

Setting the Angle option in the Options Bar to 45 degrees.

Coming into “45.0” into the Angle field.

Press Enter (Win) / Return (Mac) in your keyboard as soon as to just accept the angle that you have entered, then press Enter (Win) / Return (Mac) a second time to exit out of the Rotate command. Here is my design with the highest picture now rotated:

Flip, mirror and rotate an image in Photoshop.

The impact after rotating “Layer 2” by 45°.

Step 17: Change The Mix Mode

Lastly, check out completely different mix modes similar to we did earlier than to see how each impacts the way in which the rotated picture on “Layer 2” blends in with the layers under it. Once more, the best method to try this is by holding down your Shift key and utilizing the + and keys to cycle by the mix modes.

After making an attempt all of them out, I will go along with the Darker Shade mix mode this time. Just like the Multiply mix mode that we tried earlier, Darker Shade additionally darkens the picture, however it is a bit extra superior. It really works by evaluating the pixels on the chosen layer with the pixels from the layers under it, after which it retains whichever pixels are darker:

Changing the blend mode of the top layer to Darker Color.

Setting the highest layer to Darker Shade.

And this is the outcome:

The result after changing the top layer's blend mode to Darker Color.

The impact after altering the highest layer’s mix mode to Darker Shade.

After all, you may at all times return at this level and alter the mix mode for “Layer 1” if you wish to preserve experimenting. To try this, I am going to click on on “Layer 1” to pick out it. Then, I am going to change its mix mode to one thing utterly completely different, like Luminosity:

Selecting Layer 1 and changing its blend mode to Luminosity.

Deciding on “Layer 1” and altering its mix mode to Luminosity.

The Luminosity mix mode mixes the luminance (the brightness values) of the chosen layer with the colours from the layers under it, and right here we see that it creates a really completely different outcome from the earlier examples we have checked out:

The result with Layer 1's blend mode set to Luminosity.

The outcome with “Layer 1” set to Luminosity.

Lastly, I am going to click on on “Layer 2” to reselect it. Then I am going to change its mix mode to Shade:

Selecting Layer 2 and changing its blend mode to Color.

Deciding on “Layer 2” and altering its mix mode to Shade.

Photoshop’s Shade mix mode is the alternative of Luminosity. It blends the colour of the chosen layer with the luminance of the layers under. In different phrases, it colorizes the picture, giving us yet one more distinctive outcome:

The result with Layer 2 now set to the Color blend mode.

The outcome with “Layer 2” now set to Shade.

After all, you needn’t understand how every of Photoshop’s 27 completely different layer mix modes (as of Photoshop CC 2017) work to create this impact. All you really want to know is easy methods to cycle by them and select the one you want the most effective! Nonetheless, there are a handful of mix modes you will use on a regular basis in your Photoshop work. To be taught all about them, try our Photoshop’s 5 Important Mix Modes tutorial.

And there we now have it! That is easy methods to create attention-grabbing designs and patterns with a picture just by flipping, rotating and mirroring it, and experimenting with layer mix modes, in Photoshop! For related tutorials, see our Mirror Picture Impact or our Mix Textures With Photographs tutorials. Or go to our Picture Results part for extra Photoshop results tutorials!

Leave a Reply

Your email address will not be published.