I love the look of rounded corners on images, especially for blog-display purposes. Although they are simple to do, I don’t love spending extra time to round corners manually. I’m all about automation!! I’ve come across several rounded corner actions that speed up the process, but they’ve all had some restrictions…
- Some resize your image slightly – this makes my images somewhat pixelated and leaves me with an image size a few pixels short on each end (a potential problem if you’re doing design work)
- Some require you to know the size of the image beforehand
- Some require you to know the orientation of the image beforehand (landscape vs. portrait)
I like to batch things in Photoshop when I can, and I had never come across an all-purpose rounded corner action. That is, until I read this tutorial: Universal Rounded Corners. Ding ding ding! Brilliant.
The author does provide an action at the end of his tutorial using his method, which honestly works great if you want corners with a 10px radius that are set to the background color of your color swatch.
For a little more flexibility, a while ago I had created an action set for myself that uses his method but also does the following:
- Rounds your image on a transparent background so you can save the file as a .png with transparent corners (or if you save it as a .jpg, the corners will be white)
- Provides actions for a 10, 20, 30, 40, or 50px radius on your corners
Here is a visual to the radius options available:
I wanted to share the action set with you, and it is available here.
If you have an action you use for website resizing and sharpening, you can tack it on the end of that in order to round your corners as well. Or if you are creating some sort of storyboard layout for your blog, it works great for that, too! This action will work on a flattened image of any dimension up to 5000px by 5000px. Square or rectangle, it doesn’t matter.
I hope you find it useful!!