Friday July 30 , 2010
image
image
image
image
image
image
image
image

How to Quickly Create Rounded Corner Images in Photoshop

Phil LockeOur clients are always asking us how to create images with nicely rounded corners. So here is a quick Photoshop tutorial that explains exactly what you have to do.

Lets start...

The image below has 90 degree corners. We want to edit this image to give it smooth rounded corners

squared corners

What we need to do...

In Photoshop, look at your Layers palette - which is normally bottom right. You should place a new layer above the layer that contains your image.

layers palette

Select this layer, then we need to draw a rectangle using the rounded rectangle tool which resides with the tools on the left.

rounded rectangle tool

On top of your image, with the top layer still selected, draw a rectangle on this layer.

rectangle on image

Where ever you have drawn your rectangle will be the rounded corner image you'll end up with.

Select the top layer in your Layers palette and double click on the layer to open the Layer Style as below.

layer style

Change the Fill Opacity percentage to 0% in the Advanced Blending area as shown above.

In the Layers palette, click on the Paths tab and with the current Path selected, click on the little arrow button, in the upper right corner of the Layers palette, and select 'Make Selection'.

paths

A Make Selection option box will appear. The Feather Radius needs to be set to 0 pixels and the Anti–aliased needs to be checked.

The final thing to do is to go to your Edit dropdown and then click Copy Merged. Then create a new document and paste your new rounded corner image into the new layer.

You should end up with a nice smooth rounded corner image as below.

final image

Good hey... best of luck.


blog comments powered by Disqus
Live Chat Live Help Software for Website

Joomla Specialists

  • Joomla CMS
  • Joomla Development
  • Joomla Design
  • Joomla Support
  • Joomla Consultancy
  • Joomla Training
  • Joomla Hosting

Request a Callback

  1. Full Name(*)
    Please type your full name.
  2. E-mail(*)
    Invalid email address.
  3. Telephone(*)
    Invalid Input
  4. Contact Date/Time(*)
    Invalid Input
  5. How should we contact you?
  6. Please enter the following
    Please enter the following
    RefreshInvalid Input
  7.   

Find us on

Facebook Twitter Youtube