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
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!
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.
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.
To curve off the shape we use a vectorlayer 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 vectorlayer mask”. Click this to add the vectorlayer mask. When you add the mask you will see the parts of the picture that are not under the mask disappear.
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!
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.
Curving the Edges of Images in Photoshop from George Ornbo on Vimeo.
Have an update or suggestion for this article? You can edit it here and send me a pull request.
Build your own Vim statusline
Statuslines in Vim are not hard to create. Making your own means one less dependency in your life.
Custom Vim Bindings in tmux 2.4
tmux 2.4 made a significant change to key bindings. Here is how to support custom keybindings for versions before and after tmux 2.4
Using template files in Vim
Vim templates or skeletons, allow you to specify a template to be used for new files with a certain extension.