Feb 4, 2010

How to create rounded corners: photography tutorial

Ok, everyone's askin' so I'm here to share, how to round the corners of your pictures. I used  Photoshop Elements in this tutorial but you can do the same thing in CS4 too.

*Open your picture.

*Right click on the layer that says background. Click on "Layer from Background"
Screen shot 2010-02-04 at 1.21.08 PM


*Here is where you can rename it if you'd like. Click ok.

Screen shot 2010-02-04 at 1.21.44 PM

*Now go over to your shapes tool and click on the "rounded rectangle tool".
Screen shot 2010-02-04 at 1.22.43 PM


*In the radius box you can adjust how round you want your roundness to be. I usually go anywhere between 100 pixels and 150. But you can play with it and get it how you like it.

Screen shot 2010-02-04 at 1.23.38 PM

*Start at the corner of your picture and drag your mouse across the whole picture.
Screen shot 2010-02-04 at 1.25.37 PM


*This is what it will look like. The color of your rectangle may vary.
Screen shot 2010-02-04 at 1.26.04 PM

*See how the rectangle isn't covering the whole picture. This is just a matter of preference. We can leave it like that but I am going to adjust mine to fit the whole picture. I will click on the move tool. Which will select the whole rectangle and then I can drag it down to the edges.
Screen shot 2010-02-04 at 1.28.58 PM

Screen shot 2010-02-04 at 1.29.04 PM

*Currently our layers look like this and are in this order.
Screen shot 2010-02-04 at 1.30.22 PM

*Drag the shape layer down so it will be behind our picture layer. See how the order swapped?
Screen shot 2010-02-04 at 1.30.27 PM


*Now click on the layer tab at the top. Scroll down and click on "create clipping mask".
Screen shot 2010-02-04 at 1.39.05 PM

*See our picture now has rounded corners! ......almost finished.
Screen shot 2010-02-04 at 1.39.22 PM


*Go back to the layer tab and click on "merge visible" That will merge all of our layers into one!
Screen shot 2010-02-04 at 1.39.41 PM

*Now save your picture. When saving pictures for my blog I always save in .png.
Screen shot 2010-02-04 at 1.40.30 PM


There you have it!



9 comments:

  1. o now I really want Photoshop! :-) Thanks

    ReplyDelete
  2. Thanks for sharing! I will have to get Photoshop Elements now! :)

    ReplyDelete
  3. Yay! Thank you! The create clipping mask part was the part I either missed/ or wasn't in the other tutorials I found.

    ReplyDelete
  4. Great tutorial! I have been rounding my corners when I write in Live Writer but at a BlissDom workshop today they said that Live Writer isn't good to use. Bummer b/c it's a lot easier that way! I'll have to follow this for Photoshop. Thanks for sharing!

    ReplyDelete
  5. Thanks, Monica!
    I am curious about the .png thing too!

    ReplyDelete
  6. I don't have the Clip option... I am using Elements 6.0... thinking I need to upgrade :-(

    ReplyDelete
  7. Is there another way to clip? I'm using photoshop 7 and didn't have that function under the Layer tabs. Thanks for the tutorial though!

    ReplyDelete
  8. Hey Monica...I'm having some trouble with this...I go through all of the steps, but when I get to the "create clipping layer" part, it won't let me click it...Any ideas??

    ReplyDelete

Thanks for leaving a comment! If you have any questions be sure to email me!

Related Posts with Thumbnails