Frame / border creation using shapes

A quick guide to using custom shapes to create an edge / frame in Photoshop tutorial for CC 2018 2-17 2015 2014 etc

Create frame using custom shapes

how to create frames using custom shapes in Photoshop
  1. Open image for the frame

  2. Select custom shape tool

  3. Select shape

  4. Set color for shape (black or white)

  5. Apply multiple times around the edge to create the frame

Video tutorial about the subject by (youtube)

Irregular edge : irregularHow to create an irregular white frame edge


Use open image and select the CSH tool then Select the pixel mode. Set the color to white. Goto to the History panel and create a New snapshot.


Apply the designs around the edge of the document. Change the size and location of the vector designs added to the work


I would also go to the history panel and then go to the new snapshot command to save a snapshot as if you add 100s of graphics to the edge, you may change your mind and the snapshot means you can quickly revert back to the original.


You can add as many or as few as required to the image. You can add them small or large. You can leave some areas untouched and perhaps add more to other parts.


Another option to make it easier to remove the edge, is to create all the artworks on a layer so add a new layer to the image before you start and the layer can then be modified by effects or perhaps a mask added to fade parts of the design.


You can also duplicate the layer and add transformations to create more interesting combinations of the artworks. You can add them roughly with little consideration to proportionality of the graphics


Pattern tiles

Frame symbols

Frame brushes

Frame shapes


Use regular multiple items for the border : multiple timesYou can add regular spaced vector designs around edge of any image.


The key thing is probably not too drift off too far from the edge though it never hurts to have some randomness and the odd design out on its own.


You can also use the designs as a layer via the layer option along the top bar (instead of pixel or path). You can then add the artworks all the way down the edge and then along another edge and so on. You can then select all the designs along one edge and then use the align tools found in the top bar as well as the distribution tools to spread the art evenly and inline. The same alignment can be done via the layer menu and align commands.


For example, go to the view menu and then the New guide layout and set to 10 x 10 (say) and click OK. Go and select CSH tool and select a preset from the presets panel and set a color for the designs via the fill color picker in the top bar (something like white as in the example on the right). Apply in the cells around the edge of the image


Single artwork added : singleYou can also use a single vector design (such as the cat on the right). You can add the artwork to an image as well as a solid color background. You can add the vector in any color as well though white or black generally works well.


You can also then apply effects such as blurs or use brush strokes to modify the edge of the art


Masks : selectionTo use the artworks as masks, select the artwork to add (and this can be varied) and then select the pixels option. Set the color to black. Click the quick mask button found at the bottom of the toolbar. Select the rectangle tool or ellipse and add a large square or circle to the center of the image. Now go and select the CSH tool and then apply any of the designs to the mask such as around the edge of the rectangle or circle (you can invert the color to cut into the mask)


Exit quick mask via the toolbar


Fill the selection with black or white or whatever edge you want to add to your artwork. Select menu and inverse. Edit menu and stroke and set the color as required as well as the width


Selections : heartYou can use selections as well from the vector designs. Set the artwork to the path option via the top bar. Add the artwork via the CSH tool over the image as a path. Go to the paths panel (window menu) and then right click that work path and select the make selection command. Set the feather radius as required. Click OK. Go to the select menu and invert the selection.


Fill that selection by using the edit menu / fill command or brush strokes etc with black or white or perhaps effects or brush strokes etc


Styles added : layer stylesYou can add styles into the artwork as well. Use the selection features such focus area to select the border design.


Edit menu and copy the artwork generated as a new layer and then go to the styles panel and add new styles or layer effects and modify the size of the layer style via the layer menu and layer style and layer scaling.


Keywords : How to create frames using custom shapes in Photoshop tutorial



Commercial use. Secure sales by (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@