Advertisement


Make border radius for photos in Photoshop


Question

I have a list of photos, different sizes and shapes, and I want to give them 10px border radius for everyone.

This is very helpful in every UI, when there are photos with different sizes.

How to perform this?

2014/09/30
1
0
9/30/2014 7:29:00 AM

The other answers lead me to believe that I might have read between the lines a bit too much and therefore misunderstood the question. Just in case I didn't, here's my answer.

Before I explain the process, here's an example of what I think you want...

enter image description here


Things do get a bit complicated when you wish to export different size images with rounded corners.

I would perhaps do that with the help of Channels, Gaussian blur and Levels:

  1. Open one of the files you wish to give rounded corners.
  2. Start recording a new action.
  3. Select all Ctrl + A.
  4. Top menu: Select > Modify > Border.... Width: 1 pixels.
  5. In the Channels panel, click Save selection as channel icon (Looks the same as Layer mask icon in Layers panel).
    • If there's a chance that your image documents already contain channel Alpha 1, you might wanna click that icon while pressing Alt and give it a distinct name. That way you don't accidentally take a selection from a wrong channel later on.
  6. Click on the channel you just made, to select and reveal it.
  7. Deselect Ctrl + D.
  8. Top Menu: Filter > Blur > Gaussian blur.... Try to make the blur radius visually the size you want your rounded corner to be.
  9. Levels are used to make that blurry rectangle into a crisp rounded rectangle Ctrl + L.
    • This requires a bit more explanation:
    • You'll definitely want to zoom in for these steps so that you can hone in the sharpness of the edge.
    • First move the black arrow as far to the right as it takes for the sides of the blurred rectangle to reach the edges of your document. ( ...or you can also leave some padding for like a Drop shadow or something. )
    • Then move the white arrow to the left so that all of the arrows are overlapping.
    • Click here for a gif example of that
  10. Take a selection of the channel you made by Ctrl clicking its thumbnail.
  11. Turn RGB channel back on Ctrl + 2
  12. Apply a layer mask based on the selection.
    • In the Layers Panel click the Layer mask icon while pressing Alt
  13. Now you can save the document to the folder where you want to save the images once you run batch process. I used Save for web...
  14. Then close the document Ctrl + W.
  15. Stop recording the action.
  16. Top menu: File > Automate > Batch...
    • Select the action you recorded.
    • Select source folder.
    • Destination: none. ( Because your action already saves the files )

On a mac replace every Ctrl with Cmd.

2014/09/30
3
9/30/2014 7:34:00 PM