graphicxtras.com › tutorialsPhotoshop shapes

Recording Custom Shape Actions in Photoshop Tutorial

allow tool recording photoshop custom shapes actions

How to record custom shapes actions in Photoshop / tool recording for the vector designs tutorial for CC 2017 2015 CS6 etc. This is for many versions of Photoshop such as creative cloud CC 2017 2015 CS6 etc. The key thing is the actions panel in Photoshop and setting the 'allow tool recording' for the shapes. Use the custom shape tool and create. If you wish to use the action with another shape then you simply need to change the name of the shape to the name used in the recording and then that will be used in the Photoshop actions. This tutorial shows how you can record the actions of custom shapes and then play them back over and over

  1. Display the actions panel

  2. Go to the right side menu

  3. Select the 'allow tool recording'

  4. Now use the custom shape tool and create

 

Once this is done, the tool's actions are recorded though sadly not always in the way you would expect. If you use a shape marked as 'shape X' then 'shape X' is recorded and that is what the recording playback expects.

 

Recording Photoshop actions of the shapes

photoshop custom shapes recording actions
  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 position of the custom shape, the type, the color of the custom shapes etc are recorded.

 

Recorded steps of the custom shapes action

recording shapes actions and expanded fill make layer

You can see the steps of the action via the actions panel by expanding the recorded shape action.

 

You will notice that the recording lists

'make fill layer' (that is the action of adding the shape)

 

You can also expand that out as well and see all the information stored such as color, position, stroke details, name etc

 

  1. Actions panel

  2. Go to the recorded action

  3. Expand

  4. Expand out again to see all the details such as make fill layer in Photoshop

Changing the shape used in the Photoshop action

shapes used and change in custom shapes panel layers for actions

The 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. If you have multiple shapes then change all those as well

 

  1. Change the name of a shape used in the recording (so if shape X then use shape X in the layers panel)

  2. Remove the previously named shape or rename that to something else

  3. Select the action

  4. Click the play selection

 

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.

 

You 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.

 

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)

 

 

Repeat shapes playback and again

repeat shapes action photoshop tool recording cc 2017 2015 layers

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

 

  1. Change the shape name in the layers to the name used in the recording

  2. Delete or rename the previous shape used (you don't want to have two shapes with the same name)

  3. Actions panel

  4. Apply the action

  5. Go to the toolbar in Photoshop

  6. Direct selection tool

  7. Select all the shapes used in the action

  8. Use edit menu and transform (if you wish) to resize selection

  9. Go to the edit menu

  10. Define custom shape

  11. Give the custom shape the name used in the action

  12. Rename or delete any previous with that name in the custom shapes panel

  13. Repeat the apply of the action and repeat again if you wish

 

Other tutorials

1. Adobe Generator feature in Photoshop for image assets

2. how to export custom shapes as vectors / rasters from Photoshop tutorial

3. how to load / add multiple custom shapes in Photoshop quickly

 

Other related items

1. star custom shapes for Photoshop and elements

2. step custom shapes

3. swirl custom shapes

4. letter custom shapes