Home   Products   Tutorials   Videos

Recording Custom Shape Actions in Photoshop Tutorial

How to record custom shapes actions in Photoshop / tool recording for the vector designs tutorial for CC 2017 2015 CS6 etc

Basics of recording custom shapes actions

allow tool recording photoshop custom shapes actionsHow to start recording Photoshop custom shapes actions ??


This is for many versions of Photoshop such as creative cloud CC 2017 2015 CS6 etc


1) display the actions panel


2) go to the right side menu


3) select the 'allow tool recording'.


Once this is done, the tool's actions are recorded though sadly not always in the way you would expect. If you use the current selected preset, the shape's name is recorded along with the position etc


You can use all kinds of custom shapes with this such as star custom shapes for Photoshop and elements and step custom shapes and swirl custom shapes and letter custom shapes (as shown in the examples of the Photoshop actions below)


Recording Photoshop actions of the shapes

recorded shapephotoshop custom shapes recording actionsAs with normal action


1) display actions panel


2) select the custom shape tool


3) select the shape option


4) select the required custom shape


5) click the new action button in actions panel


6) apply the tool as required


7) stop recording


The postion, the type, the color etc are recorded


Changing the shape used in the Photoshop action

replacementrecording custom shapes photoshop action toolThe Photoshop action records the name and if a path is called 'Shape 22' then it will use 'Shape 22' each and every time the action is run


1) change the name of a shape to the name used in the action


2) select the action


3) click the play selection


Luckily, the action doesn't actually record the points of the vector path, only the name. So you can just change any path to 'Shape 22' and then that will be used in the same position, same type and color. I would suggest changing the action to a name such as 'X' and then record a vector with the same name.


repeat shapes action photoshop tool recordingrepeat shapes action photoshop tool recording cc 2017 2015 layersYou can then, at any time, rename any other to X and run with a different vector artwork.


One thing you should note is that the dimensions of the artwork is recorded so if you use a thin artwork in the Photoshop action then the replacement will also end up thin (even if they are wider than the original designs).


If you want to create a similar look then the replacement path should be approx the same dimensions as the original.


The 'C' path now uses the same name as the previous 'C' design.


It does make it whole lot easier if you name the item something unique instead of searching for a 'letters 1242' etc in a selection of 1500 vectors (it is a pity that the app does not allow for the movement of an artwork in the panel so you can add the items to the top of the panel for easy changing of the name)


The custom shapes recordings can be re-played over and over again to create all kinds of designs such as the grids on the left and right.


Other tutorials

You can also find many additional tutorials on the site on many different Photoshop subjects such as how to use the Adobe Generator feature in Photoshop for image assets and how to export custom shapes as vectors / rasters from Photoshop tutorial and how to load / add multiple custom shapes in Photoshop quickly