Photoshop: Empty selection with smooth rounded edges

Posted on 06. Jun, 2009 by Dragos in Design, Photoshop

In this tutorial we’ll try to create an empty rectangle selection and to add smooth edges to it.
There are several methods to accomplish this task, but only one of them worked best in my case.
This is what we are trying to create:

Empty rectangle with smooth edges

Now how to do it?

[ad]

Step 1: Select the rounded rectangle tool

Select rounded rectangle tool

Step 2: Select ‘Paths’

Select 'Paths'

Step 3: Draw a rectangle

Click and drag to draw a rectangle with your preferred size.

Draw a rectangle

Step 4: Make a selection from your rectangle path

Right click on your just drawn rectangle and select ‘Make selection’.

Make selection

Now a popup window will show up asking you for some values. Make sure that ‘Rendering’->’Feather radius: is set to 0 and ‘Rendering’->’Anti-aliased’ and ‘Operation’->’New Selection’ are checked. Click ok.

Step 5: Select the selection tool

Select 'selection tool'

Step 6: Stroke your selection

Now right click on your rectangle selection tool and select ‘Stroke’.  In the popup window set your preferred values. I suggest you choose the location of the stroke to be ‘Inside’, because if you choose the other values your rectangle will slightly expand. Click ‘Ok’.

That’s all! You have just created an empty rectangle with smooth edges. This technique can be applied to any path shape, beginning with step 4.

                    
                    

Related posts:

1. Photoshop: How to apply a pattern to a custom selection/layer
2. Photoshop: How to save/define a new pattern
3. Rare icons: AOL Logo/Big Icon PNG
4. How To: Install Portable Linux Ubuntu on a bootable USB Flash Drive from SUN VirtualBox