ailon's DevBlog: Development related stuff in my life

Photoshop: Universal Rounded Corners Action

3/13/2008 5:45:39 PM

Note: I'm not an experienced Photoshop user. I know next to nothing about Photoshop but I was presented with a task and this is how I solved it. There could be easier, faster and/or better solutions but this one worked for me.

The problem

There's no "single click" solution to create rounded corners for your photo (or some other image) in Photoshop. There are several ways to achieve this effect with "rounded rectangle" method being probably most popular. At least it is the most popular in Google search for "photoshop rounded corners". In short: you just draw a path using rounded rectangle tool, make selection out of it, inverse the selection and delete what's left.

This is all fine when you need to do it once. But what if you need to do it multiple times on images of various orientations and sizes? You can create a simple "Action" to repeat these simple steps but you will be stuck with a fixed size.

The solution

In short: my solution was to deal with one corner at a time, rotate the canvas and work with the same corner which is now actually not the same corner and so on.

Here are the "Action" steps in detail:

This is our original image

IMG_4578

1. Open your image and select "Rounded Rectangle Tool"

01_rounded_rectangle_tool

2. Select "Paths" as drawing method

02_paths_mode

3. We select a desired rounding radius - 10px in our case. Now we want to work with only one corner so we have to make the rectangle larger than the image. And since we are recording an "Action" we need to make it fixed size. I made it 5000x5000px (picture shows "cm" but that's too much and I was too lazy to make another screenshot)

03_rounded_rectangle_options

4. We place our rounded rectangle by the top left corner of our image

04_place_rounded_rectangle

5. In the Paths palette select "Make Selection..."

05_make_selection

6. In "Make Selection" dialog leave the defaults (unless you want something else) and click OK

06_make_selection_dialog

7. Inverse the selection and we have our rounded corner selected. Now just delete the selected contents

07_inverted_selection

8. Now we rotate the canvas by 90 degrees in your preferred direction

08_rotate_90

9. Repeat steps 4-8 three more times and you are done. Here's the result

cat_rounded

Download

Here's the "Action" to automatically create 10 pixel rounded corners for images of any dimensions and forms (up to 5000x5000px). Download rounded.zip (0.5kb)

Tags:

blog comments powered by Disqus
Copyright © 2003 - 2018 Alan Mendelevich
Powered by BlogEngine.NET 2.5.0.6