How to use Photoshop shapes with creative cloud libraries tutorial

How to use Photoshop shapes with Creative Cloud Libraries tutorial in CC 2017 2015 etc

Custom shapes for Photoshop and libraries

photoshop custom shapes and creative cloud librariesVector designs in Photoshop that can be used as a path, shape layer and fill pixels - all stored in a CSH presets format for use with CC 2014 etc. You can also now store them in libraries (window menu command)

 

You can use them with the libraries as a layer, multiple layers etc Large selection of Photoshop custom shapes CSH sets for CC 2017 2015 CS6 etc and rosette and symmetrical themed custom shapes and saw blade rough cutting custom shapes

 

Creative Cloud Libraries

Introduced in CC 2014, the Adobe creative clouds are a way of storing as well as using resources / presets / information across various apps (at present, PS and Illustrator).

 

You can create one or multiple creative cloud libraries in either app.

 

You can add as much and as little as you wish to the libraries and type / layers etc can be stored and then added back to a document at any point. The items are stored in the cloud as well as synced locally. Find the library via the window menu.

 

Photoshop shape layers

photoshop custom shapes cc libraries1) Select the custom shapes tool

 

2) Select the shape option

 

photoshop cc libraries shapes3) Select color and shape via dropdown

 

4) Add a single layer custom shape to the document

 

5) Display the libraries panel in Photoshop via the window menu

 

6) Create a new library or drag the custom shape to the current library.

 

The item is stored as a shape. You can also select multiple layers (say a vector cube) and drag that to the CC library and that will be stored. You can also add layer transformations such as perspective and rotations and these can also be stored in the panel.

 

Restore the shapes from the CC libraries

cc libraries edit shape from custom shapeYou can take the artwork from the CC library and place it back into the document

 

If you want it as a smart object, simply select the shape in the library and drag (with a link back to the library). If you want to edit the path, double click on the smart object icon in the layer menu and you can then edit the shape layer using the direct selection tool and save the opened psd file for the smart object

 

If you want it as a shape, simply select and hold the alt / option key to duplicate (and break the link) the shape but it is just a normal shape layer and not a smart object. To edit it, simply select the direct selection tool etc and modify the artwork. You can see an edit of the vector shape in Photoshop and this is not updated in the library (as the link has been broken via the alt / option key)

cube vector artwork with shadow cc libraries shapes layer

 

Photoshop shape layers / effects

You can use the layers with layer effects and drag that to the library and that will be stored with all the drop shadow / outer glow etc intact.

 

You can also convert the layer into a smart object and drag that to the CC library and that will retain all the smart filters etc information so you can see a blurred layer etc in the panel. This can then be restored at a later date with the live effects intact.

 

Photoshop Paths

It appears that paths in Photoshop cannot be stored in the CC libraries

 

How to use them with libraries and pixel layer

shapes and CC libraries and renameYou can add the Photoshop shapes to a background or a Photoshop pixel layer and drag that to the Photoshop CC library and that is saved (whether it one or multiple applications). You can add effects and also then drag that to the library.

 

To restore the design, simply drag the library item back to the document and a smart object will be created. You can also hold down the alt / option to break the link with the CC library and just a normal layer is created but the pixel design is still just a pixel design, the shape cannot be modified as a vector shape. You can, as with the vector shape layer, edit the name of the artwork as well as copy and move etc the design in the CC libraries such as displayed on the left

 

Other tutorials

You can find many other tutorials such as how to combine layers / unite / subtract path operations in Adobe Photoshop tutorial and how to use the Photoshop shapes with the panel options such as constrain and center etc and how add multiple custom shapes into a smart object in Photoshop and then edit

 

Youtube Video tutorial

Tutorial on the subject of creative cloud libraries [Youtube]