{"id":1960,"date":"2010-11-15T10:25:00","date_gmt":"2010-11-15T10:25:00","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/after_sale_support\/Demo_movies_database\/Photoshop\/article3.html"},"modified":"2016-04-08T08:50:54","modified_gmt":"2016-04-08T12:50:54","slug":"how-to-modify-colors-of-shape-layers","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-modify-colors-of-shape-layers.html","title":{"rendered":"How to modify colors of Shape layers"},"content":{"rendered":"Shape layers and the Shape tools are Photoshop&#8217;s way of simulating vector artwork. They can be a great way to simulate the crisp, clean edges of true vector art, such as that produced in Adobe Illustrator.\r\n\r\nShape layers are new layers added to the Layers palette and filled with the foreground color (or a pattern if you change it). The layer is completely filled with color, edge to edge, top to bottom. The &#8220;shape&#8221; is formed by using a layer mask, created as a path, to show portions of the\r\nfilled layer.\r\n\r\n<ol>\r\n\t<li>Please, open your PSD file and click on <strong>Window>Layers (F7) <\/strong>to show your Layers.<\/li>\r\n\r\n\t<li>Click on the color you would like to edit holding CTRL button\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_01.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_01-300x79.jpg\" alt=\"\" title=\"How_to_modify_colors_of_Shape_layers_01\" width=\"300\" height=\"79\" class=\"alignnone size-medium wp-image-16910\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_01-300x79.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_01-150x40.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_01-768x203.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_01.jpg 784w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\r\n\r\n\t<li>The Shape layer should be selected in your Layers list. Double click on it, you will see the Layer Style window.<\/li>\r\n\t<li>Match the Color Overlay option.\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_02.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_02-300x233.jpg\" alt=\"\" title=\"How_to_modify_colors_of_Shape_layers_02\" width=\"300\" height=\"233\" class=\"alignnone size-medium wp-image-16912\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_02-300x233.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_02.jpg 610w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\r\n\r\n\t<li>Choose your desired overlay color.\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_03.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_03-300x202.jpg\" alt=\"\" title=\"How_to_modify_colors_of_Shape_layers_03\" width=\"300\" height=\"202\" class=\"alignnone size-medium wp-image-16913\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_03-300x202.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_03.jpg 558w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n        <\/li>\r\n\t<li>Save changes and see the result.\r\n<a href=\"\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_041.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_041-300x134.jpg\" alt=\"\" title=\"How_to_modify_colors_of_Shape_layers_04\" width=\"300\" height=\"134\" class=\"alignnone size-medium wp-image-16915\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_041-300x134.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/How_to_modify_colors_of_Shape_layers_041.jpg 593w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n        <\/li>\r\n<\/ol>\r\n\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a class=\"link3\" href=\"\/help\/wp-content\/uploads\/2011\/03\/Photoshop\/How_to_modify_colors_of_Shape_layers.htm\">How to modify colors of Shape layers<\/a>","protected":false},"excerpt":{"rendered":"<p>The following tutorial will show you how to modify colors of Shape layers.<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[355,250],"tags":[520,564],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1960"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1960"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1960\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1960"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}