How To Create Rounded Corners for Your Pictures in Adobe Photoshop CS6

Let’s Round Some Corners On Pictures Using Adobe Photoshop CS6

I really struggled with this one. I literally spent about 4 or 5 hours searching the Internet for a how-to create rounded corners on my picture that I use as a header for this website. All the Photoshop tutorials and videos I looked at online were for Photoshop CS4 and 5. I come to find out there is a huge difference between those versions and Photoshop CS6. This tutorial and video shows how to create rounded corners on a photo or image using Photoshop CS6 and will not work on earlier versions of Photoshop the same way.

Seven Steps to Round Corners on Pictures Using Adobe Photoshop CS6

Written instructions with pictures below this video I made.

Enter your email address to subscribe our free newsletter, and get access to Free Eye-Catching Resume Templates and Click-it link tracking software and Free Website Templates. The newsletter consist of new video updates to this site, tips and tricks for Adobe Graphic and Web Design software, and WordPress.
We will never spam you or give your email address to any third party. You can leave the list at any time. Removal instructions are included in each message.

Powered by WPNewsman

These are the 7 steps for rounding corners for photos in Adobe Photoshop CS6. I don’t know anything about Adobe Photoshop CS5 or earlier. The steps for those may be different. I know the shape tools have been changed in Photoshop CS6 because I saw the Video at Adobe TV. The menu for the shape tools has been completely changed. I’m guessing the stuff I saw online when trying to find a how-to create rounded corners using Adobe Photoshop CS6 where actually Adobe Photoshop CS5 users. But anyhow, I am going to show you the right way to create rounded corners for your pictures in Adobe Photoshop CS6 so you can add some pizazz to your photos. The steps are simple once you know about them. You may want to view the video at Adobe TV to see the changes between Adobe Photoshop CS6 and earlier versions

I needed to round the corners of my header image for this site, up top. Here is how I did it.

Step One:

Open your picture into Photoshop CS6. Set the background as needed. I set mine to transparent because I needed a PNG 24 image, so if I decide to change the header area of this site’s color, no white corners will show.

Photoshop Rounded Corners

Photoshop Rounded Corners

Step Two:

Double click your new background layer and rename the layer to whatever you want.

 

Photoshop Rounded Corners
Photoshop Rounded Corners

 

Step Three:

This and the next step were the issue. I couldn’t find anywhere on the web to explain this part, either correctly, or at all. Make sure your shape tool menu is set to path. Its default is shape. It won’t work if it is set to shape. Your shape menu will appear when you select a shape like rounded rectangle or plain rectangle etc.

 

Photoshop Rounded Corners
Photoshop Rounded Corners

 

Step Four:

In your menu, go to Layer > Vector Mask > Reveal All.
All but one website I visited missed this step all together. This is important step.

Notice two things:

1-The new layer created next to the image layer is in the same pane, not underneath like you may be used to seeing when creating a new layer. This is done automatically when you go to layer > vector mask > reveal all

2- Notice also the vector mask IS NOT selected automatically. At least not in my version of Adobe Photoshop CS6. There is no trim line around the box like there is on the image layer, and that means the vector layer is not selected. This one issue gave me a 3 hour fit. Again, this wasn’t pointed out on any website where I tried to find help.

 

Photoshop Rounded Corners
Photoshop Rounded Corners

Step Five:

Click the vector mask layer so that it is selected. You can see in the properties box that the vector mask is selected. The vector mask layer will also have a trim around it.

 

Photoshop Rounded Corners
Photoshop Rounded Corners

 

Step Six:

Select your rounded rectangle tool, (located where your rectangle tool is), and put your cursor in one corner of your image and drag until you have the shape you want, and release, and you will see the transparent background in the corners, (unless you have a background color then you will see that color). Set the radius first before click and drag. You will see the Radius adjustment under your menu bar up top when you select the rounded rectangle. I set my radius to 35 px.

 

Photoshop Rounded Corners
Photoshop Rounded Corners

Step Seven:

Then save. I saved it both as a PSD and for the web as a PNG 24. PNG 24 so I could have a transparent background.

The image I use is provided royalty free – and for free from Stock Free Images.

Hope This Helps,
Happy Imaging!

P.S. If you found this helpful, how about sharing the link to this page with someone..

Red Nose Pitbull Tattoo

Red Nose Pitbull Tattoo

47 thoughts on “How To Create Rounded Corners for Your Pictures in Adobe Photoshop CS6

  1. Ohh my gosh you are amazing. This is the ONLY post out that I found that gives completely accurate instructions for cs6. Thank you!!

  2. I almost skipped this because too many times I have followed online tutorials only to find they didn’t work and I completely wasted my time. Not only did this one work, but it was very well explained and easy to follow. The rounded corners appeared and it was like magic…lol. Thank you.

  3. OMG, thank you so much! I’ve been searching for how to do this for YEARS, and I’ve never found the answer. Thank you so much for this tutorial, thank you!

  4. Terrifically simple tutorial that showed me how to do something I thought should be simple, but every other tutorial was either complex or plain just didn’t work. Thanks for taking the time to figure this out and post it!

  5. Thanks for solving the mystery!! Invaluable information and you saved me a lot of time figuring out how to make rounded corners in CS6.

  6. FYI there is a way easier way to accomplish the same thing. You can open an image, use the rectangular marquee tool to select the area you want to keep, adjust the radius by clicking select -> modify -> smooth, then click select -> inverse then click edit -> cut and boom, image with rounded corners.

    1. Hey Matt,

      Yea as time went on, (this video is quite old) I figured that out. It’s probably time to make another video. The way I do it now is — open photo > make a copy of the background (photo)> select the rounded rectangle tool.> Draw a rounded rectangle and adjust radius on a layer on top of the background copy layer> select the background copy layer > cmd or ctrl click the rounded rectangle to select it. (marching ants) > select > inverse > delete. That deletes everything outside the rounded rectangle. Then turn off or delete the rectangle layer. You have the rounded photo left.. Then if you want to fit the canvas to the rounded photo >image>trim>based on transparent pixels>left, right, top, bottom. That’s all there is to it.

  7. Impressed :) This has been bugging me for literally months, always kludged it but decided enough is enough. Great stuff, thank you for sharing and the detailed step-by-step!

  8. After several days of trying to round corners on photos I found your “How to Video” and in less than two minutes I’m done. Very will done!! Thanks…..

  9. I hate to be redundant but…. THANK YOU SO MUCH !!! You did a wonderful job with the step by step and the details that were left out in so many other tutorials.

  10. I’ve always had a hard time finding info on rounded corners. This really was the best tutorial I’ve found out there. Makes it really simple compared to a lot of other difficult ways. Thanks so much for taking the time to write this.

  11. GINORMOUS time saver! I needed 3 pics w/rounded corners on website homepage; this is the easiest, most informative tut for CS6 I found! Working the pics now so I can get them up tomorrow! Thank you again for sharing :)

    1. heres a more simpler and less technical way.. and can be used regardless of the version..
      you culd have made a rounded rectangle.. then ctrl+click on the image in the layer in the pane… then select your image layer in the pane and click m
      then right click the image and click select inverse and click delete….
      its simple if u get the logic.. and no need to remind and revise stepss..

  12. Thanks a lot, mate, now i can create my own pictures with rounded corners. But i can’t do that if i had 2 or more layers. Or is it possible?

  13. i have never left a comment in a website, but you deserve more than a comment, thank you very much … i really got a lot from this tips …

  14. Thank you!! No one else had CS6 instructions. This was so easy! I’m sorry it took you hours to figure out, but I’m glad you took the time and then shared it.

  15. Thanks! Finally! I have shared your frustration. Although it would be good if the images were a little clearer so we could see what’s happening in the menus at each step.

  16. Excellent tutorial – thank you. Before finding this I spent ages googling and could only find stuff that did not work in CS6 or had steps missing etc,

Your input is valuable. Please leave your comments here.