Home   Products   Tutorials   Videos

How to use the Panel Options for Photoshop Custom Shapes Tutorial

How to use the Photoshop panel options for the Photoshop custom shapes such as define, constrained, from center etc

Basics of the panel options for the Photoshop custom shapes

custom shapes photoshop panel palette  options constrain centerThe vector presets are displayed via the presets panel (on selecting the CSH tool). The panel can hold a large range (though not every shape created on graphicxtras) as thumbnails. To use, simply select. The presets panel can also be added to via the standard file menu and open command as well in later versions of Adobe ® Photoshop ®and Elements


1) Select the custom shape tool

2) Go to the top bar of Photoshop (custom shapes options)

3) Select the panel dropdown

4) Select the required preset vector

5) Apply as required


Panel options - defined etc

There are additional items associated with the custom shape tool such as apply the shape as


Defined proportions

Defined size

Fixed size

From center


define proportions custom shapes photoshop1) Select custom shape tool

2) Select defined size (set size as required)

3) Go to the document

4) Click and repeat click to add the fill over the entire document (great for a nozzle like effect for shapes)


Panel options defined proportions (constrained)

The defined proportions applies the artwork as defined the proportions set by the original shape before being saved as a custom shape. Great for keeping the presets in proportion to one another.


So if you have a custom shape with a size of 10px by 10px, you can then set it as 100px and 100px or 200px and 200px or 2px and 2px etc and they will all be in that proportion.


If the custom shape was created with a size of 100px (horizontal) and 200px (vertical) then any created custom shapes using the panel options in Photoshop will be 10px / 20px or 30px / 60px etc


Photoshop custom shapes - Defined size

photoshop custom shapes panel optionsThis just uses the custom shape as was originally set which may be of little use if the created size was quite small. Many of my custom shapes sets were created with documents sized about 300 x 300px which means that the defined size sets them to around that value.


Still, it is useful for adding the shapes with a set size that you may have defined for a particular project such as perhaps having a building size or architectural item or an engineering shape set to 1000px and 500px and then whenever you use it in your projects, the defined size command adds the artwork exactly to that size.


Fixed size and Photoshop custom shapes

fixed size panel options photoshopThe fixed size panel option is useful for a nozzles like / brush apply of the shapes. You can set the fixed size to 100px by 100px etc and all the shapes will then be applied (whether in proportion or not) the same size over and over by a click of the document. You can also drag the shape into position.


Photoshop custom shapes - Unconstrained

The default option and possibly the easiest to use to apply the shapes as you want and in any position or proportion. The options work with all the shape types as well.


Panel options: from center

fixed size panel options photoshop centerProbably the oddest one to work with as it just creates the artwork from the center (click) outwards.


Takes a few seconds to get used to. Surprised that Adobe ® Photoshop ® just didn't add the full 9 scaling points instead.


Related artworks

You can find many shapes sets such as abstract and decorative design custom shapes and basic custom shapes such as crowns and stars as well as tutorials on the shapes such as how to use the custom shapes in different image modes such as CMYK in Photoshop as well as color changing tutorials such as how to change the fill color for the shapes tutorial and a quick guide on converting presets from one type to another such as how to create seamless tiles from Photoshop shapes and really usefully, how to install the custom shapes CSH in Photoshop


Youtube Video tutorial

A quick tutorial showing some of the Youtube video : panel options in Adobe ® Photoshop ® [Youtube]