Get the basic skills of working with Photoshop. This section contains descriptions of the Photoshop bars and tools as well as the basic techniques of using them.  Home Photoshop Photoshop Basics Rounded Corners

Rounded Corners


Step 1 We are going to create rounded corners with one of Photoshop's most neglected tools, the Pen Tool. First, select the Pen Tool from the toolbar menu.

image 1

Step 2 At the top of the screen, you'll see 3 buttons. Shape Layers, Paths, and Fill Pixels. We want to select Paths.

image 2

Step 3 Now select the Rounded Rectangle Tool.

image 3

Step 4 After you select the Rounded Rectangle Tool, you will see a box where you can specify the Radius. This makes the Pen tool the most versatile way of drawing rounded corners. No more guessing with the Elliptical Marquee Tool or any of that nonsense. You can specify the exact amount that you want your corners to be rounded by. I selected a 5px radius.

image 4

Step 5 Once you have selected the radius, all you have to do is draw the rectangle just like you would with the Rectangular Marquee Tool.

image 5

Step 6 Here's where the magic happens. Right click somewhere inside the image and you will get the Pen Tool's menu. Select Make Selection from the context menu and it will transform your path into a selection.

image 6

Step 7 Voila! Once you have your selection, you can do pretty much anything you want to with it.

image 7

Step 8 For instance, I made a new layer, filled the selection, and added some Blending Options to produce this nicely rounded rectangle.

Rounded Corners



Author's URL: kromefx
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Get the basic skills of working with Photoshop. This section contains descriptions of the Photoshop bars and tools as well as the basic techniques of using them. More Photoshop Basics Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments Russell March 01, 2011 says:
Thanks for this saved me hours of time.
Reply
comments Greg June 01, 2010 says:
thank you so much, I used this in creating a quick corner
Reply
Add comments to "Rounded Corners"

Captcha