New Home
Image Galleries
Minted
« Jack the Pumpkin and a Few Blog Ramblings | Main | An article about my process »
Thursday
Oct192006

Photoshop Friday #16 : Rounded Corners!

Hello! Welcome to another edition of Photoshop Friday!

 Here’s today’s inspiration layout:

722646-515428-thumbnail.jpg
Click for Larger


Here are the supplies I used:

Kraft paper: Jen Wilson’s Being Kit; Overlay (cut from patterned paper) and stripe: Spring Dreams Paper Pack by Tia Bennett (I don’t know if this is available right now? Tia sells at TwoPeas); Arrow frame: Moments kit by Jackie Eckles; Font: Danette and Dannette Outline, Fonthead designs; Date stamp: Old Stamps Kit by Rhonna Farrer; Frame: Snap Frame set by Katie Pertiet 

And just like I promised (okay, it was two weeks ago.. but I DID promise), today’s PS Friday is all about rounded corners!

Yay!

Rounded corners are one of my favorite looks in paper scrapping. I never met a rounded corner I didn’t love, and I like incorporating them occassionally into my digital pages as well. :)

Rounding corners is simple if you have two things:

  1. An eraser tool in Photoshop
  2. A corner rounder brush

Number one, you are going to have to take care of. Just hit “e” for eraser and away you go (but remember that hidden inside the eraser tool are also the Magic Eraser and Background Eraser tools, which don’t allow you to select a brush - if you have one of these selected, just keep hitting “e” to cycle through the eraser tools until the brush selector dropdown list activates at in the options bar at the top of your screen.)

Number two, we’ll take care of today. :)  

I’ve created a corner rounder brush set that will help you erase all 4 corners of a square or rectangle image.

You can download it here (just click on the image). It contains .png files and an .abr set:

CornerRounderBrush_prev.jpg 

Now for a  quick tutorial.

Corner Rounder Tutorial 

1. Download the brush set by clicking on the image above. (If you don’t have a designated download spot, choose your desktop. It makes things easy to find.)

2. Unzip the file by double-clicking on the icon. Extract the files (again, to the desktop if you haven’t got a system set up)

3. In Photoshop Elements,  you can load brushes using either the Brush tool or the Eraser tool. They both work the same way. Select the tool, then drop down the brush selector in the Options bar at the top of the screen. Inside there, you will see a little button with an arrow. Click that, and choose Load Brushes from the flyout menu.

Here’s a screen shot:

722646-515442-thumbnail.jpg
Load Brushes - Click for Larger
4. Navigate to the place where you unzipped your brush set, select it, and click OK.

5. Now you can select your Eraser tool (“e”), and choose the appropriate rounder brush for the corner you want to round.

6. Make sure you have the correct layer targeted in the layers palette, and line up the straight edges of the brush against the sides of the object you want to round.

7. Click once to erase the corner.

 Now you simply repeat this process, choosing the appropriate brush from the brush selector and erasing the corners one by one.

Photoshop CS2 Coolness 

Now what if you’re  running a full version of Photoshop that comes with paths? You’re in luck! There’s an easier way to round all four corners of a rectangular object.

Let’s assume that you’ve got your rectangle already drawn.

1. Choose the Rounded Rectangle tool (it’s usually hiding behind the Rectangle tool just above the eyedropper).

2. Make sure that “Paths” is selected in the Options bar at the top of your screen (it’s the second button in from the left)

3. Draw a rectangular path just INSIDE of where you’d like to cut. You can adjust the radius of the rectangle (how round the corners are) by editing the numbers in the Options bar at the top of the screen).

4. When you are happy with the shape you’ll end up with, open the Paths palette (Window > Paths), and choose the “Convert Path to Selection” button at the bottom of the palette.

5. Choose Select > Inverse.

6. Make sure you have your rectangle shape targeted in the Layers palette.

7. Hit delete.

This seems like a lot of steps. But it’s actually easier than rounding all four corners individually with an eraser, AND you get full control over how round your corners end up. If you’re running CS or CS2 and have a question about the way this works, let me know and I’ll put up some screen shots.

I’d love to see the rounded-corner coolness you make with this! Link me up in the comments so I can go peek. 

Have a wonderful weekend, and happy Photoshop Friday!

 

PrintView Printer Friendly Version

Reader Comments (49)

Jessica, thanks so much for the brush set! Can you tell me the name of the font you used and where I can find the other elements in the layout? It's so cute! Thanks!
October 20, 2006 | Unregistered CommenterMichelle
Thanks for the brushes, Jessica. I usually use the paths method, but the brushes will come in handy when I only want to round one or two corners instead of all 4. Or is there an easy path solution for that as well? So far I created the path,and after turning it into a selection, subtracted the part with the corners I wanted to keep rectangular.
Rikki
October 20, 2006 | Unregistered CommenterRikki
Thanks for these! I was wondering the other day how I could round corners - very timely!!
October 20, 2006 | Unregistered CommenterColette
thanks so much for the brushes!
October 20, 2006 | Unregistered Commenterlauren
Another beautiful LO! I remember seeing her brush Tractor Water's teeth too. So fun! I love that girl and all her sweet ways. Miss you All!

PS: I bought Creating Keepsake's November and December issues. WOW!! Chuck full of Jessica Sprague's creative genius! I love standing at the counter at Artsy Tartsy saying " and that's her blocks, and that's my granddaughter and there's my grandson and my son, there's Jessica, this one is hers too, and, and," -- well you get the picture. :)
Luv U!
October 21, 2006 | Unregistered CommenterCarol
Hi Jessica-
Cool corners...easy peasy! Wondering if you could email me...I have a quick question, and don't need to clutter up your comments...:) Have a great day!
October 21, 2006 | Unregistered CommenterMegan
A free corner rounder brush? Now i KNOW I love you...
October 21, 2006 | Unregistered CommenterJanet O
Wah. "file not compatible with this version of Photoshop." Double Wah. :(
October 21, 2006 | Unregistered CommenterJanet O
My rounded corners project is on my blog:http://ohshootohscrap.blogspot.com/ What fun! 2 seconds, and done, and a big visual difference. A nice touch!
October 22, 2006 | Unregistered CommenterMegan
thanks Jessica...I'm finally working with CS2...need some design help, but the technology is fabulous!

http://georgeeliotclub.typepad.com/sarahbjones/2006/10/i_can_round_cor.html
October 23, 2006 | Unregistered CommenterSarah Jones
I have CS2 and am obviously a dork because I can't seem to follow your directions. Any help would be appreciated!
October 25, 2006 | Unregistered Commentermartha m. in austin
Thanks for making it so simple for us with a template! Your tutorials are awesome! Thanks for taking the time to put them together for us. Loved your video tut too!
October 25, 2006 | Unregistered CommenterPaula
Thank you so very much for taking the time to do this. You are so gracious to share your talent. I am just starting PSCS after using Elements and really look forward to your blog. Thank you again!! :)
October 25, 2006 | Unregistered Commenterfrancine
Thanks so much....People like you make life so much easier! I put a page on my blog
http://chelseasfamily.blogspot.com/
October 27, 2006 | Unregistered CommenterChelsea
I came late to this party, but upon seeing this post, I just had to say: You Rock!! A corner rounder brush! Brilliant! Now I don't have to spend hours figuring it out myself, which I always put off and end up not doing. Thank you. Seriously: You Rock.
:D
November 1, 2006 | Unregistered CommenterAnne
Jessica- Thanks SO much for your ps fridays. I am just learning PSE...mostly by playing. But, thanks to you, I can round my corners! So cool.
November 1, 2006 | Unregistered Commentercarrie
thank you thank you thank you....rounded corners is one thing i really wanted to learn in photoshop!
November 2, 2006 | Unregistered Commenterrenee f.
holy coolness, jessica! this made my day! can't tell you the hours i've spent trying to figure this one out. duh! thanks for the brush set -- and for the all-important directions. :)
November 2, 2006 | Unregistered Commentersara winnick
Thank you so much for the brushes and for photoshop fridays period. I am new to photoshop (CS2) and have learned so much from you. Thanks especially for the CS2 tip. Really helpful.
November 11, 2006 | Unregistered CommenterTasah
Thank you so much! I have been searching for instructions on this and I'm so glad I found them here! Wonderful work too!
November 23, 2006 | Unregistered CommenterKara Jones
THANK YOU! I've been putting off learning about brushes in my "new" PSE because I was truly afraid of having to spend forever slogging through a "learning curve."

Your instructions (and free download) were a perfect holiday gift!

THANK YOU!
December 21, 2006 | Unregistered CommenterKFS
Thanks for the tutorial and the download, jessica.

I'm just starting to use PSE (at a frustratingly slow pace!) and love both the corner rounding and how simple you've made it.

I'll be checking back to see what else is on your blog!
January 8, 2007 | Unregistered CommenterHeather in Scotland
Thanks so much, Jessica! I remembered reading this a while back and was having problems getting rounded corners to look the way I wanted them to look. I tracked this PS Friday down and lickety split, I had the corners I wanted! Thanks so much!
January 20, 2007 | Unregistered CommenterSinead
WOW. Thank you so much for the brushes and for the easy way to round the corners. I had no idea I could possibly do this. Your blog is the most amazing thing ever! :) Love ya! (p.s. I'm the one last night who made the comment about my 7 year old -- this evening she said "I bet I'm the only 7 year old who knows Photoshop!!!") :)
February 17, 2007 | Unregistered Commenterleslie
Oh buggers, I still use Photoshop 7.0. Is there any way you can convert the brush file to 7.0 so that I can try it?
March 18, 2007 | Unregistered CommenterMaggie

PostPost a New Comment

Enter your information below to add a new comment.
Author Email (optional):
Author URL (optional):
Post:
 
All HTML will be escaped. Hyperlinks will be created for URLs automatically.