Octagon custom shapes for Photoshop / Elements

Updated: January 29th, 2015

octagonal custom shapes for Photoshop CC CS4 CS3 framed

Add to cart

$ 7.95 (Use PayPal / Visa / Mastercard / Amex - purchase in US Dollars, GBP, Yen, Euros and others. Download)

Octagon shapes for Photoshop (#134)

100 Octagon custom shapes for Photoshop CC CS4 CS3 CS2 CS6 14 13 12 CS5 CS1 Elements 10 7 6 etc includes elaborate vector graphics, outlines, double outlines, bold, flower themed vectors, petals, curved, starbursts and many more.


Commercial use, royalty free. All are by Andrew Buckle / graphicxtras.com. Use the vectors to create items for sale such as books, adverts, packaging, cards, mugs, posters and more.


CSH + EPS - on purchase, receive those along with documentation and gallery and serial


PC and MAC OS X. Use the Photoshop octagon shapes as layers as well as paths / selections / masks and fills. They can be used with all the new features in CC CS6 such as blurring them and adding strokes to them. They can be exported to other applications, distorted, grouped, combined, warped, blended, used with gradients and more. Eight is a magic number.

Octagon shapes for Photoshop and Elements


can be filled with gradients

Can be filled with gradients and other colors as well as duplicated and aligned and more


combined with type

You can combine them with type in numerous ways


multiple vectors in fill color

You can add them more than once and fill them with all kinds of colors


octagonal pattern tile  for elements

They are a great source for patterns - can be used to create a vast range of different vectors - as they are vectors they can be used to any size, they can also be used with any color, etc

How can I use the Octagon shapes for Photoshop etc ?

You can use them to create commercial as well as personal work, you can also use them to create items that can be used in turn to create items for sale. You can use the Vector graphics to create logos, books, illustrations, adverts, surreal, packaging, videos and much more. If you have any questions about the set, please contact us on support@graphicxtras.com


text combined on blur flower rounded curve

You can combine them with layer effects / styles such as shadows as well as combine with text in many different ways such as adding the type at the side or below or above or pasted into or using one character per element and much more

distorted path in blue stretched

You can take any of the artworks and use them as is but you can also add transformations such as scale or shear or rotate as well as distort (above) and perspective warp and perspective and others

fill with multiple random colors frame edged magic wand selections

You can use them with the magic wand and create a selection for the inner part of the frame and then fill with random colors

glow and adjustments hdr toning effects

Effects can be added such as camera raw filter glows in Adobe PS and you can also then tweak the color using adjustments or adjustment layers such as HDR toning

Cookie cutter (Elements only)

The Photoshop octagon custom shapes can be used as standard Vector graphics in Elements but they can also be used as cookie cutters as well. Select the cookie cutter tool and then you will see the various options on the top options bar such as the path (which can be any of the vector CSH presets) as well as feathering and also crop (which will crop the entire document to the size of the vector graphic). If the crop is not set to on then the end result is just placed in the original position with the the document and all the image outside of the cookie cutter are erased. While using the cookie cutter in PSE, you can constrain the proportions (vertical and horizontal) as well as rotate and scale and shear the tool.


Once you have the octagon cookie cutter, you can always re-add another cookie cutter to cut even more away from the path. You can use the result as a wonderful source for strokes as well as patterns. You can also add PSE effects to the cookie cutter.


If you want to have the original image as well as cookie cutter shape then before using the tool, simply duplicate the layer as many times as you wish and use them on those (in different locations if you wish) and you can then also combine those multiple cut layers using blending modes such as difference and darken and overlay etc. How to recreate the same tool in PS ? actually quite a few steps and personally, I wish Adobe would just add the cookie cutter into PS as it would be a very useful option (considering how many tools in the toolbox that I hardly ever use)


vector frame form added to black with red format

The frames for Photohop can be used in any color

 dynamic form vector custom

Black and white and very dramatic artwork using the CSH paths

type and text added to the frames in Adobe PS on red in different colors in white and black - great for manga comic books

They can be combined with text / type in numerous ways - actually end up looking like a very elaborate comic book balloon

aligned paths in PS row of them

They can be used as layers and can be aligned and distributed in numerous ways

frame and fill with stroke ub Adobe PS on red in PS

As a shape layer, they can be used with a fill and stroke (yellow) Any color can be applied to the them as well as gradients and patterns and the settings can be changed at any point (as long as you don't flatten them)

transformed artwork using layers and distorted in PS in black and on a red background

The layers can be transformed and distorted in 1000s of ways

watermarks using the opacity and fill pixel option added to a photo created in Poser

They can be used with images as watermarks etc, just set the opacity to less than 100%

Help ?

You can find more about vectors in general via the wonderful Adobe site such as how to create the presets, how to modify the presets, etc This is general help about the vector presets (as well as brushes and patterns and more).


You can also find a whole lot more information about the presets via the videos (all by Andrew Buckle) as they cover a whole range of information and tutorials via our tutorial link at the top of the page

Octagon shapes and Photoshop dynamic libraries

A great new feature of Adobe CC, libraries. Now you can build up a library of layers, shapes, brushes, etc and all the libraries are accessible via other machines as well as other apps in the CC such as Illustrator. You can drag any of these items to the library and then re-use them at any time in the future. The libraries are all kept in sync via the cloud (though you can use them offline as well as online). You can just drag the item back to the image and add as a new layer etc


You can use the libraries to store all the vectors for your projects (as well as images) perhaps grouped by project, or color scheme, or perhaps a selection of flames, or a library full of frames, or perhaps a set by date, or abstract themes and so on.


flame filled document repeated libraries

The above are all items generated from the new library feature. The item has been included as a new piece of artwork which can then be dragged from the library to the image. You can then align and fill as required.

PS styles and frame

The above consists of three shapes with styles added. They were created by adding a single item (with a metallic style) to the libraries feature and then dragging that artwork from the libraries twice to create in total three frames. All of the library items include the style - a useful way of storing a style without keeping the styles palette open and allowing for a consistent style across a product range

Smart objects and the Octagon shapes for Photoshop

The presets work fine on their own but they can work even better as a smart object. You can convert the presets into a PS smart object via the layer menu or via the filter menu (smart filters). As a smart object, you can use smart filters and that means the settings are not cast in stone so they can be changed at any point. You can also change the underlying vector graphic and use visual effects as well as tiles etc to that. You can also transform and modify thm in numerous ways to create truly unique forms.


You can duplicate the smart object, combine the smart objects into new smart objects, layer styles that can be used and changed at any point, you can even save the vector preset via the linked to command which saves it as a PSB file for future projects.


smart object shape

The above is a smart object. It was converted into a smart object and a blur was applied. The object was then duplicated and the smart filter settings were reduced to create a slightly less blur for the second smart object. The two objects were then combined into a single smart object and that had additional effects applied along with a bevel added to give an extra glossy look

Preset browser

If you have 100s of sets of Vector graphics then it is quite hard to find a particular CSH vector, there is a great solution from Tumasoft - a preset browser. It will find all the Vector graphics and display a preview / thumbnail. You can also export the vector thumbnails as a raster format file for future reference.


A great tool, you can find more about Breeze on their site.


frame and pattern tile in pink and yellow and black

They can be applied to a layer and that layer can be filled with other colors such as the yellow core. You can then duplicate the layers and fill in numerous ways with that element (they can be saved as a new file and stored for future use via the place embedded or place linked command)

For applications ??

Photoshop CC & CS 6 5 4 3 2 1 and Elements 13, 12, 11, 10 to 1 and standalone 14-6 + new creative cloud 2014

Octagon Photoshop shapes and flame tool

With the creative cloud subscription model there are often new releases every couple of months, always something new to look forward to. With the October 2014 release, a flame tool has been added. The tool uses paths and you can generate a path from the CSH artworks: apply as a path. Run the flame tool and set the type / style / width / length (there are a lot of different settings). Personally I prefer to run the filter (found in the render menu of filter) on a new layer as the flame is then added to that and can be transformed and duplicated, layer effects applied and much more


flame added to the path

Many different types of flame are available to be used with the path

you can add them as a row by duplication

You can apply the render once or multiple times or just duplicate the layer as above - four of the same paths