Mobile app version of vmapp.org
Login or Join
Shakeerah625

: Make border radius for photos in Photoshop 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,

@Shakeerah625

Posted in: #AdobePhotoshop

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?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Shakeerah625

2 Comments

Sorted by latest first Latest Oldest Best

 

@Ogunnowo857

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...





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:


Open one of the files you wish to give rounded corners.
Start recording a new action.
Select all Ctrl + A.
Top menu: Select > Modify > Border.... Width: 1 pixels.
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.

Click on the channel you just made, to select and reveal it.
Deselect Ctrl + D.
Top Menu: Filter > Blur > Gaussian blur.... Try to make the blur radius visually the size you want your rounded corner to be.
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

Take a selection of the channel you made by Ctrl clicking its thumbnail.
Turn RGB channel back on Ctrl + 2
Apply a layer mask based on the selection.


In the Layers Panel click the Layer mask icon while pressing
Alt

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...
Then close the document Ctrl + W.
Stop recording the action.
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.

10% popularity Vote Up Vote Down


 

@Samaraweera207

You can double click the layer in Photoshop (assuming that its not a locked background layer), go to the "Stroke" option, select the colour and size you need. if you choose the "inside" position you wont need to resize the image to fit the extra stroke width.

Edit: I must add that you should probably exand on your question a bit, where are these images to be used, how large are the images etc.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme