{"id":552,"date":"2016-07-31T12:45:58","date_gmt":"2016-07-31T12:45:58","guid":{"rendered":"https:\/\/psd2htmlconverter.com\/en\/blog\/?p=552"},"modified":"2016-07-31T12:46:25","modified_gmt":"2016-07-31T12:46:25","slug":"setting-effects-on-photoshop-layer-groups","status":"publish","type":"post","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/","title":{"rendered":"Setting effects on Photoshop layer groups"},"content":{"rendered":"<p>These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because <!--more-->that allows to change style for all the layers at once instead of changing it for each layer one by one.<\/p>\n<p>Previously, service of automated design to html\/css conversion ignored effects which were set up on layer groups and generated a corresponding warning. However, now service supports this feature. All the effects which are set up on the layer group will be applied to every inner layer of this group. Because of some peculiarities of rendering in Photoshop, it may happen that setting layer effect on group and setting it on its inner layer will lead to different visual results, but in most cases it will be the same. That allows to use effects on layer groups freely when developing a design template.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1,5],"tags":[],"class_list":["post-552","post","type-post","status-publish","format-standard","hentry","category-all","category-new"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because that allows to change style for all the layers at once instead of changing it for each layer one\" \/>\n\t<meta name=\"robots\" content=\"max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"author\" content=\"Alex\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Blog about automated Photoshop to HTML\/CSS conversion | Blog of Psd 2 Html Converter developers\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Setting effects on Photoshop layer groups | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta property=\"og:description\" content=\"These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because that allows to change style for all the layers at once instead of changing it for each layer one\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2016-07-31T12:45:58+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2016-07-31T12:46:25+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Setting effects on Photoshop layer groups | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta name=\"twitter:description\" content=\"These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because that allows to change style for all the layers at once instead of changing it for each layer one\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/07\\\/31\\\/setting-effects-on-photoshop-layer-groups\\\/#article\",\"name\":\"Setting effects on Photoshop layer groups | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"headline\":\"Setting effects on Photoshop layer groups\",\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\"},\"datePublished\":\"2016-07-31T12:45:58+00:00\",\"dateModified\":\"2016-07-31T12:46:25+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/07\\\/31\\\/setting-effects-on-photoshop-layer-groups\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/07\\\/31\\\/setting-effects-on-photoshop-layer-groups\\\/#webpage\"},\"articleSection\":\"All, New!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/07\\\/31\\\/setting-effects-on-photoshop-layer-groups\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"name\":\"All\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"position\":2,\"name\":\"All\",\"item\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/07\\\/31\\\/setting-effects-on-photoshop-layer-groups\\\/#listItem\",\"name\":\"Setting effects on Photoshop layer groups\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/07\\\/31\\\/setting-effects-on-photoshop-layer-groups\\\/#listItem\",\"position\":3,\"name\":\"Setting effects on Photoshop layer groups\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"name\":\"All\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\",\"name\":\"Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"Blog of Psd 2 Html Converter developers\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/\",\"name\":\"Alex\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/07\\\/31\\\/setting-effects-on-photoshop-layer-groups\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6116c23917d8b63930c77aa8efb6f4e9ac316b3f56904aacfd5ab3e7432fcae?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Alex\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/07\\\/31\\\/setting-effects-on-photoshop-layer-groups\\\/#webpage\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/07\\\/31\\\/setting-effects-on-photoshop-layer-groups\\\/\",\"name\":\"Setting effects on Photoshop layer groups | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because that allows to change style for all the layers at once instead of changing it for each layer one\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2016\\\/07\\\/31\\\/setting-effects-on-photoshop-layer-groups\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"datePublished\":\"2016-07-31T12:45:58+00:00\",\"dateModified\":\"2016-07-31T12:46:25+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/\",\"name\":\"Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"Blog of Psd 2 Html Converter developers\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Setting effects on Photoshop layer groups | Blog about automated Photoshop to HTML\/CSS conversion","description":"These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because that allows to change style for all the layers at once instead of changing it for each layer one","canonical_url":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/","robots":"max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/#article","name":"Setting effects on Photoshop layer groups | Blog about automated Photoshop to HTML\/CSS conversion","headline":"Setting effects on Photoshop layer groups","author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"publisher":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization"},"datePublished":"2016-07-31T12:45:58+00:00","dateModified":"2016-07-31T12:46:25+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/#webpage"},"isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/#webpage"},"articleSection":"All, New!"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en#listItem","position":1,"name":"Home","item":"https:\/\/blog.psd2htmlconverter.com\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","name":"All"}},{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","position":2,"name":"All","item":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/#listItem","name":"Setting effects on Photoshop layer groups"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/#listItem","position":3,"name":"Setting effects on Photoshop layer groups","previousItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","name":"All"}}]},{"@type":"Organization","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization","name":"Blog about automated Photoshop to HTML\/CSS conversion","description":"Blog of Psd 2 Html Converter developers","url":"https:\/\/blog.psd2htmlconverter.com\/en\/"},{"@type":"Person","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author","url":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/","name":"Alex","image":{"@type":"ImageObject","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/f6116c23917d8b63930c77aa8efb6f4e9ac316b3f56904aacfd5ab3e7432fcae?s=96&d=mm&r=g","width":96,"height":96,"caption":"Alex"}},{"@type":"WebPage","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/#webpage","url":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/","name":"Setting effects on Photoshop layer groups | Blog about automated Photoshop to HTML\/CSS conversion","description":"These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because that allows to change style for all the layers at once instead of changing it for each layer one","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/#breadcrumblist"},"author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"creator":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"datePublished":"2016-07-31T12:45:58+00:00","dateModified":"2016-07-31T12:46:25+00:00"},{"@type":"WebSite","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#website","url":"https:\/\/blog.psd2htmlconverter.com\/en\/","name":"Blog about automated Photoshop to HTML\/CSS conversion","description":"Blog of Psd 2 Html Converter developers","inLanguage":"en-US","publisher":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Blog about automated Photoshop to HTML\/CSS conversion | Blog of Psd 2 Html Converter developers","og:type":"article","og:title":"Setting effects on Photoshop layer groups | Blog about automated Photoshop to HTML\/CSS conversion","og:description":"These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because that allows to change style for all the layers at once instead of changing it for each layer one","og:url":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/","article:published_time":"2016-07-31T12:45:58+00:00","article:modified_time":"2016-07-31T12:46:25+00:00","twitter:card":"summary_large_image","twitter:title":"Setting effects on Photoshop layer groups | Blog about automated Photoshop to HTML\/CSS conversion","twitter:description":"These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because that allows to change style for all the layers at once instead of changing it for each layer one"},"aioseo_meta_data":{"post_id":"552","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2025-02-08 12:06:48","updated":"2025-06-04 01:06:32","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.psd2htmlconverter.com\/en\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/\" title=\"All\">All<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tSetting effects on Photoshop layer groups\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/blog.psd2htmlconverter.com\/en"},{"label":"All","link":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/"},{"label":"Setting effects on Photoshop layer groups","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2016\/07\/31\/setting-effects-on-photoshop-layer-groups\/"}],"_links":{"self":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/comments?post=552"}],"version-history":[{"count":2,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/552\/revisions"}],"predecessor-version":[{"id":554,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/552\/revisions\/554"}],"wp:attachment":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/media?parent=552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/categories?post=552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/tags?post=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}