How to use live shapes in Photoshop tutorial

How to use a live shape in Photoshop CC 2018 2017 2015 etc.

Live shapes in Photoshop

how to use live shapes in Photoshop tutorial
  1. Select the rectangle shape (or ellipse) in the Photoshop toolbar

  2. Select the shape layer option

  3. Apply shape

  4. Display properties panel (if not displayed)

  5. Set the corner settings (middle of the properties panel) for the live shapes in Photoshop

The following can be used : Rectangles and circles (as of 2018).


Video tutorial on the subject by (youtube)


Key panel : propertiesThe key panel is the properties where you can change a number of properties such as the corners and size at any point until you turn them into a normal vector artwork.


The properties panel will appear as you create a rectangle or circle (if the right side menu show on creation in properties is ON).


Buy Price : $3.49 US or equivalent. 13,000 Vector designs for CC 2018 2017 2015 2014 CS6 CS5 etc and elements CSH gallery


Use panel to change: dashfill color (to a solid color or gradient or pattern)

stroke color in the properties



dash style etc

combine etc


Feather and density of the mask for the rectangle and ellipse (select the little icon at the top of the panel with the little hole.


Corners for rectangle: cut outYou can also change a limited set of properties such as the rounded corner setting for rectangles but say if you wish to change an anchor point by using the direct selection tool then the tool will display a message to change to more standard path


You can independently modify the rounded corners so you can set the left to 10px and set the top right to 5px etc. Click the link button in the center of the panel to change them all to the same value


The feature is not available for the ellipse.


Path selection tool : transformArtwork made of multiple live shapes can be moved and modified in numerous ways using the path selection tool as well as the path scaling command or path rotation (use the edit menu and transform path with the selected path).


You cannot use perspective or warp etc without turning the artwork to the dark side i.e. just a regular design.


Combine them : layersHow to combine multiple live shapes ?


Simply go to the layer menu and use the combine command and then go to the properties panel and change the unite / subtract etc settings as required in that panel to remove or combine with the other vectors


You can combine multiple artworks together using this approach and they can all still be manipulated at any time such as changing corners etc


Create a hole example : combineIf you want to move the paths, simply select any combined paths and use the path selection tool in the toolbox and you can then move them within the combination and this is continuously updated.


So if you want to create a hole in the center of a rectangle, create two rectangles and place the latest one in the center or the first and select both and go to the layer menu and combine command and use the subtract at overlap command (notice that this is exclude in the properties).


You now have a hole or frame design. You can then use the path selection tool to select the hole and move that (use the properties to change the size and corners)


Modify properties of combined : cut out moreWhen combined, you can modify the properties of the current selected path and change the corners (together or independently) as well as the position and size.


Keywords : How to use live shapes in Photoshop tutorial






Commercial use - Royalty free (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@