Adobe Photoshop CS3 Curving the edges of images in Adobe Photoshop Tutorial
Tutorial Written by: Shape Shed (www.shapeshed.com)
I get a lot of search engine referrals from people looking to create curved images or curved rectangles in Photoshop. So here's a quick tutorial to show you how.
UPDATE 15/02/07: Quite a few people seem to have been having trouble with this so I've added a video at the bottom. There are some good comments below too that should help you if you have difficulties
Curved Rectangles
Curved rectanges are simple - there is tool in photoshop that will create the shape for you. You can access this tool by pressing U. This selects the Custom Shape Tool. To create a curved rectangle you need the Rounded Rectangle Tool, which is the second one down.
![]()
Then simply draw your rectangle. You change the amount of curve by altering the radius. In the default workspace this is at the top of your screen. If you don't see your default workspace you can return to this by going to Window > Workspace > Default Workspace.
Examples of curved rectangles where the radius alters the curve.
![]()
Curving the edges of shapes or photographs
Often you will want to break up the hard edges of photographs of solid shapes like rectangles or photographs. By applying a mask you can do this easily.
When you open your photo the image will have one layer by default. This will be called "Background". In order to create curved edges you will need to copy this layer. Right click on the layer and choose Duplicate layer. Then hide or delete the original Background layer. Hiding is probably preferable incase it all goes wrong!
Step one - Draw the curve
Selected the Rounded Rectangle as we did in the first example. Then draw a rectangle over your shape. You can change the curve you have on your rectangle using the radius option. Don't worry about the colour - you won't see this in the end.
![]()
Step two - Select the curved rectangle
In order to create a mask you need to select the curved rectangle you have just drawn. To do this hover over the preview of the shape in the layers window. In the example this is the red square. Hold down the Apple Key on a Mac (ALT CTRL on Windows) and you will see a white rectangle appear next to the hand. Click and the shape will be selected - you will note the familiar black and white edge to the shape showing it is selected.
![]()
Adding a layer mask
To curve off the shape we use a layer mask. To create this you now select the Background copy layer. You should see that your curved rectangle is still selected. At the bottom of the layers pane is what looks like a small camera. As you hover over it is says "Add layer mask". Click this to add the layer mask. When you add the mask you will see the parts of the picture that are not under the mask disappear.
![]()
Showing the finished image
To show the finished image simply turn off the visibility of your curved rectangle layer. You do this by clicking the eye icon in the layers window next to your curved rectangle layer. Then save out your image for the web and your are done!
![]()
Use your imagination
You can use any shape to create a Vector mask so why not explore the elements within the Custom Shapes Tool? You can use any of them to mask off your photograph or shape.
Still don't get it? Watch the movie!
If you are looking for how you can possibly learn more about Adobe Photoshop or any other Adobe product there are some really good tutorial software programs that teach very well. Most of them provide video tutorials that take you step by step through every feature and process within each product in detail. The possibility of getting lost or losing focus is minimal because you are in control of the rate of speed that you learn. I personally recommend Total Training because of its great information and detail. They are also a partner of Adobe. Digital Media Studios also has a very good series of products that may be a better solution for some individuals. Remember that with time you can unlock the Adobe Guru in you!
![]()
Total Training provides customers with a Video Training Series that is promoted by a Partnership with Adobe Systems (Worldwide). You can't go wrong with the incredible series of DVD software that this company provides. Total Training provides a one of a kind offer to let you try all of their online products for 2 days with a special guest pass. You will be on your way to being an Adobe expert in no time!
![]()
If you would like something that is a bit more contemporary, why not settle down and read a good book. This Adobe Photoshop CS3 is written by the Adobe Creative Team. It provides great information for learning the ins and outs of the program. If you have the mindset to read attentively, I personally recommend this book.
These products have a different approach to teaching people from beginners to professionals how they can learn Adobe Photoshop or improve on their techniques. From Video instruction, Adobe Flash illustration, to your plain text-based document, the choice is up to you how you want to learn. Remember to return for updated articles and tips on the forum from myself and visitors. Stay Smart and Keep Learning!