How to change fill color of shape in Photoshop tutorial

How to change the fill color of Photoshop custom shapes in CC / CS6 CS5 etc (such as gradient etc).

Change fill color of shape

how to change fill shape color photoshop tutorial
  1. Select the custom shape

  2. Select the Photoshop custom shape tool

  3. Goto the fill along top bar

  4. Change to gradient or pattern or color and select a new fill color for the shape in Photoshop


Video tutorial on the subject by (youtube)


Set via top bar : topWith Adobe ® Photoshop ®CC 2018 2017 2015 CS6, you can easily change the content via the settings along the top bar of Adobe ® Photoshop ® such as stroke, width and the picker etc


Buy Price : $3.49 US or equivalent. 13,000 Vector designs for all your projects CSH gallery


Content : pickerYou can also fill them with gradients as well as patterns and also apply a variety of different stroke settings to the art (though sadly not including the beautiful strokes from Illustrator - perhaps for another version ?). They are all accessed via the CSH tool and the preset's panel.


You can also fill them with images via the patterns as you can define any large image as a pattern and then select that from the dropdown panel. You can change the content easily via the top bar if the rectangle etc tool has been selected


Only the stroke / outline : no fillYou can also set the content to "No color" and I know that sounds a little boring but actually it is very useful as you can then just use the stroke (both stroke and fill can be no fill and that can have their uses such as layers with a shadow and other effects).


The "no fill" means you can create all kinds of artworks only with strokes and the stroke can have all kinds of different settings such as dashes


Solid : solidYou can set the content to a solid (red, green etc) for the artwork layer. Just select the solid option when you are applying the custom shape as a shape layer.


You can use any of the presets from the swatches displayed as well as add any swatches sets available.


You can, of course, also set the stroke independently which can be also be set to a gradient or pattern or no stroke.


Gradients : gradientsYou can set the shapes fill color to a gradient and then select any of the items included in the displayed panel. You can load 1000s of additional presets such as our gradients collection but there are many additional ones available on the web. You can load them via the right side menu such as replace and load.


You can set the angle and mode etc though you are limited in the things you can change via the panel (you can use the next technique to alter the origin etc).


If you have a single vector artwork (this does not appear with more than one selected) then you can also alter the gradient via the layer menu and layer content options so you can change the gradient to a radial or diamond as well as change the origin as well as scale and more


Patterns : patternsYou can set the artwork to a pattern.


You can use any of the pre-defined patterns included in the panel as well as any of the items available via the right side menu. You can also define your own or use ones ready made available on the web (such as on this site). You can also use any super large image and then define that as a pattern and use that via that option (if it is much larger than the shape then it doesn't matter if the artwork is seamless or not).


You can also set the scale for the artwork. If you have only one piece of artwork selected then you can modify the pattern such as origin and scale etc via the layer menu layer content options.


Pixels : selectionsYou cannot change the artwork via the dropdown if you select the pixel option. You can set the art to red or green etc before you add it. Of course you can use adjustments etc but they will (unless you use selections) affect the entire image


Quick workaround for this is to add the vector to a layer and then use the various adjustment functions to change the content at a later date.


You can also the magic wand to select the area of the custom shape in Adobe ® Photoshop ® and this can then be suffused with gradients, images (using paste into command) as well as patterns via the layer content)


Layer panel : panelYou can change the gradient etc via the layers panel. Double click the layer entry and you will see the picker or content panel.


You can then change the setting such as changing from red to green or a gradient style from linear to radial etc


Layer menu : fill contentWith a layer selected, you can go to the layer menu and layer content options and then change red to blue or green etc as well as change the gradient or gradient type or the pattern scaling etc


You cannot change a gradient into a pattern


Smart objects : adjustmentsYou can turn the artwork into a smart object (via the layer menu and smart objects) and then use smart adjustments (image menu) to change the artwork from red and green etc to blue or turn the layer into a black and white design using the full range of adjustments.


They can be modified at any time via the layers panel


You can also filters such as camera raw as well as other plugins tools (such as the ones from graphicxtras). If it is a smart object, you can always alter the result of the smart filter at any time to change blue to red etc


Keywords : How to change fill color of shape in Photoshop tutorial



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