Branding

MIKE'S PHOTOSHOP SKILLS

EXERCISE 5: ROUNDED EDGES

 

 
Perfect rounded edges in Adobe Photoshop
1)

There are many ways to make rounded edges in Photoshop. Some of which don't come out as good as others. This is probably one of the best ways I've found to create realistic rounded edges for an image. Now it may seem hard at first but once you get the hang of it you can make a button in about 2 minutes.

Top image is Mac. Bottom PC

First thing you need to do is open up Photoshop and create a new image.



2)

You will see another box open up asking you to specify the properties of the new image you would like to create. In this case use a width of 250 pixels and a height of 100 pixels.


3)

First thing we need to do is create a new layer. This is done by clicking on the new layer icon as shown left.


4)

Now go to the new layer you just created by selecting it. Next thing we need to do is create a rectangle using the rectangular marquee tool.


5)

Then fill it with any colour you choose. Try black for this tutorial. Fill it using the paint bucket tool.


6)

You should have something that looks like this now:


7)

Next, zoom in on one corner of your rectangle ( say the upper left ) and while holding down the

shift key

create a circle using the elliptical marquee tool on the same layer as the rectangle ( layer 1 ). Be sure that the top and left of the circle touch the top and left edges of the rectanglerespectively, as seen below. Obviously if your starting in another corner your circle will be touching in different areas.


8)

Now that you have your selection, zoom out< a bit. Keep your selection. Now using the rectangular marquee tool,

we want to hold down

the shift key

and select the areas of the rectangle that we want to KEEP.

This will

ADD

to the selection you already have. Try to intersect your elliptical selection as shown here:


9)

Notice how I drew the rectangle? I split the circle down the middle..selecting the areas of the rectangle that I wanted to keep. Now we will add to that again, but splitting the circle the other way. So hold down the shift key, and using the rectangular marquee tool draw another rectangle ( again, adding to what we already have ). You should have something that looks like this now:


10)

Notice how we have selected the areas we are going to keep, and the area of the rectangle that we want eliminated is not selected. Now comes the easy part. Go to the menu up top, and click on select, then inverse. ( SHIFT+CTRL+I ) Now hit the delete key on your keyboard and deselect. ( CTRL+D ). You should have something that looks like this:


11)

Now comes the easy part. Go to the menu up top, and click on select, then inverse. ( SHIFT+CTRL+I ) Now hit the delete key on your keyboard and deselect. ( CTRL+D ). You should have something that looks like this:


This may seem difficult at first, but once you get used to it and practice, it is probably one of the best ways I've seen to make rounded corners. Do the method above to the other 3 corners, and you will have something like this when you are finished:

 

© 2008 Mike Howarth