Rounded Corner Tutorial for Photoshop Elements 7
filed in Rounded Corners, Tutorials on Mar.17, 2009
Although there is a FREE Rounded Corner Action available on this blog, it is designed for use with Photoshop CS. For those of you using Photoshop Elements 7, try this tutorial to produce your own rounded corners! Like so many things, once you’ve done it a couple of times you will see how easy it is! Have fun!
Step 1:
Open photo. Notice it is on the only layer and it is called ‘Background’. See illustration below.

Step 2:
Right click on the ‘Background’ layer. Choose ‘Duplicate Layer’ and click OK. Now you have a copy of the original photo in a layer above the original and it is called ‘Background copy’. See illustration below.

Step 3:
Select the rounded rectangle tool, set the radius to achieve the amount of roundness you desire. I set mine to .25 in this example. Then draw a rectangle inside your document. The rectangle will automatically be created on its own layer, called Shape 1. See illustration below.

Now you should have some kind of colored-in rectangle showing above your photo layer. After selecting the Shape 1 layer, use the Move tool to place the shape where you think you’d like it to clip your photo. You can lower the opacity so you can see to position it better. See illustration below.

You can also adjust the size of the Shape 1 by pulling on the square boxes on each side. See illustration below.

Once you are happy, be sure to click the green arrow at the bottom right corner of the bounding box, if you have made adjustments to the size, AND be sure to raise the opacity back up to 100% (if you had lowered it). Click on the Eye icon to the left of the ‘Background’ layer (first layer/your original photo) to hide the original photo. Also notice that the Shape 1 layer in the layer palette is dark, meaning it is already selected. See illustration below.

Step 4:
Click in the Shape 1 layer in the layer palette and drag it down below the ‘Background copy’ layer. The Shape 1 layer will now be between the two copies of your photo. See illustration below.

Step 5:
Notice (in illustration ABOVE) that the Shape 1 layer is highlighted/darker, meaning it is selected. We don’t want that. So, click on the ‘Background copy’ layer to highlight it. See illustration below.

Step 6:
With the Background copy layer highlighted, on your keyboard hold down Ctrl and G at the same time to clip the Background copy photo over the Shape 1 layer.
As you see in the illustration below, the photo now appears to have rounded corners. Notice that the Background copy layer is slightly indented with a small arrow pointing downward to the Shape 1 layer. This is indicating that the top layer has been clipped to the layer beneath it. The background behind the two layers is transparent because we have hidden the original photo earlier by clicking on the Eye icon to its right.

Step 7:
Now, for the final step in creating the rounded corners photo, notice above we are still on the ‘Background copy’ layer. Stay there! Now hold Shift-Ctrl-E to merge the Shape 1 layer and the Background copy layer together. See illustration below.

Additional information:
You should have the photo with rounded corners on its own layer now and your original photo should remain hidden as the Background layer.
Be sure to save the new file with a different name from the original photo. You can now drag the rounded photo into other layered files to become part of your layouts, etc.
Note: You can now delete the Background layer if you wish. To do so, you must rename the layer. Do this by doubleclicking on the Background layer. When the dialogue box opens, click OK to accept the ‘Layer 0′ name. Now you can drag the layer to the trash. This will leave your rounded corner photo alone in its own file.
Please note that the rounded corner photo must be saved as a PNG or a layered file to preserve the transparent background qualities. If you do save it as a JPG, the photo will still have rounded corners but you will now have a fused solid background behind the photo. See illustration below.

Finally, be aware that the the radius chosen in Step 3 will appear more or less rounded depending on whether your photo is 72 ppi or 300 ppi, so be sure your photo is sized to your project before you apply the rounded corners!




April 14th, 2009 on 3:03 pm
Thank you SO much for this! I’ve been wondering how to make rounded corners for the longest time!
July 14th, 2009 on 7:27 pm
Hello, thank you for this informative tutorial. It helped me improving my skills greatly. It is ever excellent to get some newly inspiration and I hope to read more of such posts here in future because nobody will ever stop learning new things. Go ahead
August 19th, 2009 on 10:40 pm
Oh my goodness! Thank you! This is the best tutorial around! I tried following a bunch of other tutes but couldn’t make heads or tails of them. Your screen shots are so helpful.
September 11th, 2009 on 10:34 am
Glad it helped! Did you get the free actions to go with, I hope?!
September 26th, 2009 on 1:12 pm
Thank you SO much for publishing this! I have been frustrated beyond belief trying to apply Photoshop CS techniques that I found on this subject to Elements 7. This was clear, concise and easy as pie. You are a life saver!
October 23rd, 2009 on 12:09 am
THANK YOU, THANK YOU! Like Lam above, I tried several other tutorials before I came across yours and found them all to be incredibly confusing. Your tutorial was extremely easy to follow and I have just made my first image with beautifully smooth, rounded corners.
October 26th, 2009 on 10:04 am
You are welcome! I appreciate you taking the time to leave me a note!
April 21st, 2010 on 6:46 am
This is a great tutorial and I wanted to say “thank you”. I got Photoshop Elements for my Mac a few weeks ago and, although I knew the styling I wanted (rounded corners with a slight glow) I couldn’t figure out how to do the corners.
One more thing to figure out and I’m all set… You don’t happen to know if there’s a way to ‘trim’ in PSE do you?
April 21st, 2010 on 6:48 am
Oh I should have mentioned that I am using the latest version of PSE, which is version 8.
April 23rd, 2010 on 11:31 am
THANK YOU! Thanks for making it so easy to make rounded corners.
July 6th, 2010 on 5:06 am
Your collections are piece of art showing how talented you are.
Very inspiring.
July 22nd, 2010 on 11:16 am
Thank you!
July 26th, 2010 on 10:10 am
It’s ridiculous that you should have to go through all these steps just to do something which would be easy if PSE had a collection of marquee tools that worked like shape tools.
If you can select a rectangle with square corners or an ellipse, why can’t you select a rectangle with rounded corners or a polygon or any other shape instead of going through all this rigamarole?
It’s almost as if they set out to make it hard.
November 15th, 2010 on 1:19 pm
Awesome! That’s a great tutorial. It worked perfectly. Thank you for taking the time to do this. <3