logoPhotoshop shapes - how to rotate

Updated: October 8th, 2014

Initial set-up of custom shape in Adobe PS for rotation

Really does depend on the shape format in Adobe PS. If the shape is a shape layer or fill (pixels) and if it is on a layer. You can see the current state of the design via the layers palette (accessed via the window menu).

 

shape layer type

 

layers palette

Fill (pixels) on a layer - rotate custom shape in Adobe PS

If the shape decorative graphic is applied as a fill and it is applied to a layer then you can quickly rotate the layer by selecting the layer (in the layer palette) and then go to the edit menu and transform and rotate command. You can then either enter a value in the top bar options for the rotation (rotate text filed) or you can just use the art bounds controls to manually rotate the custom shape layer in Adobe PS. To finish, press enter or click the tick button. You can also use the transform command to repeat the rotation or set up a keyboard shortcut for the operation.

Rotate Photoshop custom shape if on background

In this case, the custom shape can be rotated via the image menu command and image rotation where you can use on the defined rotations or set an arbitary rotation. You may find the image is re-sized and the background color is added to the new created background (you might like to set this beforehand via the Photoshop toolbox)

Rotate Photoshop custom shape if shape layer used in Adobe PS

You might like to set the show transform controls to ON (this can be found in the top bar options in Adobe PS when using a shape layer). You can then use the art bound / transform controls to manually rotate the custom shape. When you start rotating the design using the transform controls in Adobe PS, the rotation text box will appear along the top option bar and you can enter a new value for the rotation. You can also update the rotation by holding the mouse down and placing the mouse over the little rotate icon and drag the mouse left or right to decrease or increase the angle. Click the tick button or press return to complete both operations. Another way to rotate the Photoshop shape layer is via the edit menu and transform command (and rotate).

 

rotate custom shape in Photoshop

 

With CC (Photoshop creative cloud), you can also apply various transforms to the rectangle and live shapes but for some weird reason, there is no rotation option.

Rotate custom shapes if shape layer in Adobe PS and Illustrator used

You can also just select the custom shape in Adobe PS and then go to the edit menu and use the copy (or cut) command and then paste the design in Adobe AI and use the rotation features of Illustrator.

Rotate custom shapes using actions in Adobe PS

You can always use actions to capture a rotation. Select a custom shape and then goto the action palette and then select the new action command and record the various steps such as rotate by 45 degrees. Give a name to the action and this action can be used to rotate a selected custom shape by 45 degrees etc with a single click. Of course, you can setup a range of actions such as rotate by 1 degree or 5 degrees etc and these can be applied over and over in seconds. A very quick and useful way to rotate a custom shape in Adobe PS.

Photoshop Custom shape - rotated and saved

Once you have rotated the custom shape in Adobe PS, you can always go to the edit menu and use the define custom shape command to save the rotated design for future use. The example of the shapes below are at different angles - all set via the transform command. The designs were then saved as a new custom shape.

 

rotate examples

Rotate custom shapes and layer comps

One additional oversight (I think) with the rotation of custom shapes is that the comp / layer comp feature preserves the various states of position but does not preserve rotation. So if you create a custom shape layer and then save a layer comp (via the layer comp panel) and then rotate it and save that, the layer comp does not include that information.

Video 'how to rotate custom shapes in Adobe PS'

A quick youtube video showing a few ways of rotating custom shapes. The video is by Andrew Buckle (you can also find it via our video tutorials link at the top of the page) Video