The Ultimate Photoshop Resource

Rounding corners of anything in Photoshop Tutorial


In this tutorial, Im going to show you how to smoothen of the sharp corners of your graphics.

If you are looking to just create rounded cornered rectangles, then use the shape tool in photoshop and choose the rounded corner option from the live shapes under the properties panel (Photoshop CC). If you are looking for something a bit more advanced, or how to round the corners of a rasterized shape, read on…

Screen Shot 2014-10-18 at 12.39.00 PM

1

Create a new layer, Make a shape, select it and fill with foreground color. Alt/Option delete.

You may already be starting with a shape, that’s fine too.

Screen Shot 2014-10-18 at 12.16.57 PM

2

Select>save selection name the new channel “shape”

Screen Shot 2014-10-18 at 12.17.42 PM

3

Switch to channels Palette and click on the “shape” channel. Cmd/Crtl +D to deselect all

Screen Shot 2014-10-18 at 12.18.04 PM

4

Filters>Blur>Gaussian Blur. Use a higher setting for a more pronounced effect or a smaller setting for a more subtle effect.

Screen Shot 2014-10-18 at 12.18.40 PM

5

Open the levels box: Cmd/Ctrl +L

This is where the magic happens. Drag the left triangle to the middle, now drag the right one to the center until all 3 arrows are on top of each other. Click ok.

Screen Shot 2014-10-18 at 12.19.40 PM

 

Screen Shot 2014-10-18 at 12.19.14 PM

6

Ctrl/Cmd click on the channels thumbnail (1) to turn on the selection.

Click on the RGB thumbnail to select all channels (2)

Screen Shot 2014-10-18 at 12.21.03 PM

7

Go back to the layers palette.

Hide the original shape layer

Create new layer (layer 2) and fill with a solid color or gradient.

Screen Shot 2014-10-18 at 12.21.35 PM

You now have your shape, ready for you to continue building something.

This is the technique I used to create the handle on my raygun.

illo-raygun

Too see more of my Photoshop Illustration work, click here 

Get in-the-know!

CS6 Superguide

Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the free super guides. No spam, all content, no more than once a week.
If you’re on our list, you will receive it free by email as soon as it’s available. If not, sign up now and get the CS6 Superguide for free. Or click the image below.


One response to “Rounding corners of anything in Photoshop Tutorial”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.


Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource