3.15.2007

Rounded Corners Tutorial

Here are a pair of tutorials on cropping photos and backgrounds so they have rounded corners. The first tutorial only works in Photoshop Element versions that have the cookie cutter tool (versions 3-5, I think). The second tutorial should work for both Photoshop and Photoshop Elements. While these tutorial focus on the rounded rectangle/square shape, you can use this technique to crop photos and backgrounds into any number of different shapes.

TECHNIQUE 1: Using the Cookie Cutter Tool in PSE

Open the photo or background paper you want to crop. Do a 'Save As' and give it a new name so you don't accidentally overwrite your original. Select the cookie cutter tool from the tools palette. It looks like a heart shaped cookie cutter. Click on the small downward arrow to the right of the word "Shape:" in the options toolbar at the top of your workspace. Select the 'rounded square' from the drop down menu of shapes.



Click and drag on your canvas to draw your rounded square. Holding the shift key as you do so will keep the sides proportionate.



Once you are done dragging PSE will automatically crop your paper/photo. If you like the final result, click the check mark in the options toolbar at the top of the workspace to finalize the crop. If you don't like your selection, click the crossed out circle in the toolbar to revert to the original size and try again.



Now your background/object is cropped and ready to be used on a page.

You may want to follow up this tutorial with the technique described in the Burn It tutorial to give your edges more definition.

TECHNIQUE 2: The Custom Shape Tool

Open the photo or background paper you want to crop. Do a 'Save As' and give it a new name so you don't accidentally overwrite your original.



Key Shift+Ctrl+N to create a new, empty layer.



Right click on the Custom Shape tool in the layers palette and select the Rounded Rectangle tool from the drop down menu. Adjust the Radius setting in the options toolbar at the top of your workspace as desired. The larger the radius, the more rounded your corners. I will be using a radius setting of 90.

Click and drag on your canvas to draw your rounded rectangle. In the layer palette, move the opacity slider to around 55 so you can see your background/photo below the custom shape. Move your custom shape on the canvas until it is over the area you want to crop.



Once you have the custom shape in place, move the opacity slider back to 100. Hold down the control key and click on the rounded rectangle layer icon in the layers palette. You should now have 'marching ants' around your shape.



Click on the background/photo layer in the layers palette to set it as the active layer. Go to Layer->New->Layer via Copy.

Photoshop will cut a rounded rectangle out of your background.



You can now get rid of the original background layer and the custom shape layer by dragging them to the trash icon in your layers palette. Now you should just have your rounded rectangle ready to go into a layout.



You may want to follow up this tutorial with the technique described in the Burn It tutorial to give your edges more definition.

18 comments:

Claudia said...

Thanks Misty for the tutorial! great to have this tutos for PSE!

JillSF said...

Thanks for this tutorial Misty!

Anonymous said...

Thanks for the tutorial!!!

ann said...

Thank you again for the tutorial!

carolyn said...

Great tut, thanks Misty!

Felicia McB said...

How awesome are you! I've been trying to figure outhow to do this!!! you rock Misty!

Trisha said...

I have been trying to figure out how to do this FOREVER! Thanks so much!

Jaime said...

Thanks Misty for the cute kit of "Spring Things" inside the SBE newsletter. It's adorable. Thanks again!

Anonymous said...

Thank You very much for the tutorials! So very helpfull!

Gail said...

Thank you for the wonderful tutorial - I've learned so much from you!

Lisa said...

I learn something new from you ALL the time!!! Thanks so so much, Misty!
Lisa

acash said...

You are amazing!! Your tutorial is easy to understand compared to some other well known "guru".. you are the best!

Stefanie said...

I am using photoshop elements 6 and can't get it to work. It works fine until the "moving ants" part (I use the second workaround). Can you help please?

Michael Shearer said...

Great tutorial! Increased my productivity in creating uniform buttons manifold.

Thanks!

Lance Mohesky said...

I've searched high and low for a way to get rounded edges in Photoshop and your tutorial is the only one that worked (easily too!).

Thank you.

Anonymous said...

Thanks I was bitching a lot cause I had no idea how to do it.

Anonymous said...

sometimes you can go to earn the Pirates of the Burning Sea Gold for your own life and you can also get a lot of happiness in the game if you play the game well. you can brush the potbs gold to upgrade and then you are very strong. You think that you want to play the game well and then you can get the potbs Doubloon for your own. you can earn the potbs money alone and you can give some for your friends; it can make you very happy I think. As long as you play the game you can go to buy potbs Doubloon as the rewards in this game.

The game has a lot of LOTRO Gold, as long as you join to play this game you will get
them. you should try your best to earn as much Lord Of The Rings Gold as you can, so you are strong and no one can
fight you. you can go to buy LOTRO Gold in the game, so many other players want to play with you together. As long as you have the cheap Lord Of The Rings Gold you will be strong and you can go to kill the monsters to upgrade alone.

Anonymous said...

aion chinaaion china gold,
aion cn goldaion chinese gold,
aion gold chinaaion gold chinese,
china aion goldchinese aion gold,
aion china kinaaion chinese kina,
aion kina chinachina aion kina,
aion china buybuy aion china,
aion chinese server goldaion cn server gold,
aion china server goldchina aion server gold,
chinese aion server goldaion chinese server gold,
aion cn server kinaaion china server kina,
china aion server kinachinese aion server kina