{"id":9291,"date":"2013-09-13T11:00:47","date_gmt":"2013-09-13T18:00:47","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=9291"},"modified":"2024-03-26T06:31:26","modified_gmt":"2024-03-26T13:31:26","slug":"how-to-install-use-photoshop-layer-styles","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles","title":{"rendered":"How to Install and Use Photoshop Layer Styles"},"content":{"rendered":"<p>Howdy creatives! These past couple weeks we&#8217;ve shown you <a href=\"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-actions?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=HowToStyles\" target=\"_blank\" rel=\"noopener\">how to use &amp; install Photoshop actions<\/a> and also <a href=\"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-brushes?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=HowToStyles\" target=\"_blank\" rel=\"noopener\">how to use &amp; install Photoshop brushes<\/a>. Well we&#8217;re back again to walk you through another fun and useful tool in Photoshop, layer styles.<br>\nIn this week&#8217;s guide we&#8217;ll talk about what exactly layer styles are, why they&#8217;re useful, and how to get you off and running utilizing them in your designs. Be sure to check out the video below, where you can follow along with one of the pros and learn how to use layer styles.<\/p>\n<h1><span class=\"ez-toc-section\" id=\"What_are_Photoshop_layer_styles\"><\/span>What are Photoshop layer styles?<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>\nPhotoshop layer styles are just about what you would expect given the name. They are style effects that alter the appearance of a layer. Typically layer styles are used for text effects, but they can be used on images, backgrounds, and any other layer. You will probably be most familiar with these in the form of the preset layers available in Photoshop, such as Drop Shadow, Stroke, Inner Glow, etc.\n<\/p>\n<h1><span class=\"ez-toc-section\" id=\"Why_are_Photoshop_layer_styles_useful\"><\/span>Why are Photoshop layer styles useful?<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>\nPhotoshop layer styles make it incredibly simple to apply one or many different effects to your designs. When applied, a layer style are linked to all the contents of a layer &#8212; so when you move or edit that particular layer, your styles are still applied to the modified contents. The versatility of such a tool allows for tons of experimentation as you can easily switch between styles, apply different styles to different layers, and shift all of your contents around without affecting the styles. Basically this tool is just a lot of fun.\n<\/p>\n<h1><span class=\"ez-toc-section\" id=\"Installing_Layer_Styles\"><\/span>Installing Layer Styles<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>\nIf you remember how easy it was to install both Actions and Brushes, then you should have no problem installing Styles. There&#8217;s actually a couple different methods that you can use to install layer styles, but each one takes only a couple of steps:<br>\n1. If you don&#8217;t have any layer styles to play with, you can grab a set from the <a href=\"https:\/\/creativemarket.com\/add-ons\/photoshop\/layer-styles\" target=\"_blank\" rel=\"noopener\">great selection available on Creative Market<\/a>.<br>\n2. Download the zip file containing your styles and unpack the contents of the file. This will reveal a new folder containing a few other files, one of which is an <strong>.ASL<\/strong> file.\n<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"alignnone size-full wp-image-9320\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/Style-Files.png.webp\" alt=\"Style Files\"><\/p>\n<p>\n3. The quickest way to install your layer styles is to just drag this <strong>.ASL<\/strong> file directly into your Photoshop window. Or you can also use one of the following methods:<br>\nIn your menu bar, go to Edit &gt; Presets &gt; Preset Manager, select Styles from the dropdown menu, and then add your styles using the &#8220;Load&#8221; button and selecting your <strong>.ASL<\/strong> file.\n<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"alignnone size-full wp-image-9319\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/Preset-Manager1.png.webp\" alt=\"Preset Manager\"><\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"alignnone size-full wp-image-9317\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/Load-Styles.png.webp\" alt=\"Load Styles\"><\/p>\n<p>\nYou can also load your styles directly from the Styles Palette on the right side of Photoshop, using the dropdown menu.\n<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"alignnone size-full wp-image-9318\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/Load-Styles-2.png.webp\" alt=\"Load Styles 2\"><\/p>\n<p>\nAnd that&#8217;s really all you have to do! Now your styles are loaded into Photoshop and ready to use.\n<\/p>\n<h1><span class=\"ez-toc-section\" id=\"Using_Layer_Styles\"><\/span>Using Layer Styles<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>\nNow that you&#8217;ve got your layer styles loaded into Photoshop, all that&#8217;s left is for you to start experimenting. To apply a layer style, simply select the layer that you would like to modify to and then find the style you&#8217;d like to use in your Style Palette, then when you click the style it will be immediately applied to your layer. If you glance at your layers palette, you will see the effects have been added to your layer. The more complicated the style, the more effects you will see listed under your layer.\n<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"alignnone size-full wp-image-9321\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/Style-Layer.png.webp\" alt=\"Style Layer\"><\/p>\n<p>\nAs mentioned earlier, you&#8217;re free to modify the contents of your layer after the styles have been added, so you can move elements around your design and change fonts without losing the style making it really easy to experiment with new looks. You can also switch between different styles with ease by clicking around in your palette.\n<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" class=\"alignnone size-full wp-image-9342\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/26030052\/Styles-are-fun1.jpg.webp\" alt=\"Styles are fun!\"><\/p>\n<blockquote>\n<p><strong>Important tips: <\/strong><br>\n<em>You cannot apply a style to a layer that is locked. If you find that your style is not working, check to make sure the layer is not locked. <\/em><br>\nLayer styles tend to look best on bold fonts &amp; large sizes. If you find that your styles aren&#8217;t looking quite right, you might try a different font.<\/p>\n<\/blockquote>\n<p>\nFor you visual learners out there, John Shaver of <a href=\"https:\/\/creativemarket.com\/DesignPanoply?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=HowToStyles\" target=\"_blank\" rel=\"noopener\">Design Panoply<\/a> and <a href=\"http:\/\/www.photoshopvideoacademy.com\/\" target=\"_blank\" rel=\"noopener\">Photoshop Video Tutorials<\/a> was kind enough to put a video together that walks you through the steps. To follow along with John, you can download the <a href=\"http:\/\/cl.ly\/0P0W123F3U29\" target=\"_blank\" rel=\"noopener\">demo content here<\/a>.\n<\/p>\n<p style=\"text-align: center\"><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/LLTKEGpBCmo\" width=\"640\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>\nPretty cool, right? With those basics in mind, the fun is really just beginning. If you have a few handy style packs in your designer utility belt, you&#8217;re well on your way to adding a layer of depth and professionalism to your designs. There are some amazing products available in the marketplace to help you get started using layer styles:<\/p>\n\n    <figure id=\"card-1760448-1603723018\" class=\"product-card half 1\" data-product-id=\"1760448\" data-index=\"0\" data-width=\"half\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"1603723018\"><\/figure>\n    \n\n    <figure id=\"card-1243497-1830775654\" class=\"product-card half 1\" data-product-id=\"1243497\" data-index=\"0\" data-width=\"half\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"1830775654\"><\/figure>\n    \n\n    <figure id=\"card-413328-8518917\" class=\"product-card half 1\" data-product-id=\"413328\" data-index=\"0\" data-width=\"half\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"8518917\"><\/figure>\n    \n\n    <figure id=\"card-101131-1505302989\" class=\"product-card half 1\" data-product-id=\"101131\" data-index=\"0\" data-width=\"half\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"1505302989\"><\/figure>\n    \n\n    <figure id=\"card-3186590-1100731800\" class=\"product-card half 1\" data-product-id=\"3186590\" data-index=\"0\" data-width=\"half\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"1100731800\"><\/figure>\n    \n\n    <figure id=\"card-1807025-1862309128\" class=\"product-card half 1\" data-product-id=\"1807025\" data-index=\"0\" data-width=\"half\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"1862309128\"><\/figure>\n    \n\n<p>Keep an eye out for more <a href=\"https:\/\/creativemarket.com\/blog\/category\/how-to?utm_source=CMblog&amp;utm_medium=link&amp;utm_campaign=HowToStyles\" target=\"_blank\" rel=\"noopener\">How-To&#8217;s<\/a> to come and happy creating!\n<\/p>\n<hr><strong>Products Seen In This Post:<\/strong><p><\/p>\n\n    <figure id=\"card-144231-56074540\" class=\"product-card half no-pinit\" data-product-id=\"144231\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"56074540\"><\/figure>\n    \n\n    <figure id=\"card-692592-372997868\" class=\"product-card half no-pinit\" data-product-id=\"692592\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"372997868\"><\/figure>\n    \n\n    <figure id=\"card-2588412-162902107\" class=\"product-card half no-pinit\" data-product-id=\"2588412\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"162902107\"><\/figure>\n    ","protected":false},"excerpt":{"rendered":"<p>Howdy creatives! These past couple weeks we&#8217;ve shown you how to use &amp; install Photoshop actions and also how to use &amp; install Photoshop brushes. Well we&#8217;re back again to walk you through another fun and useful tool in Photoshop, layer styles. In this week&#8217;s guide we&#8217;ll talk about what exactly layer styles are, why [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[97,430,606,607,608,609],"topics":[],"class_list":["post-9291","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-photoshop","tag-workflow","tag-beginner","tag-layers","tag-style","tag-styles"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Install and Use Photoshop Layer Styles - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install and Use Photoshop Layer Styles\" \/>\n<meta property=\"og:description\" content=\"Howdy creatives! These past couple weeks we&#039;ve shown you how to use &amp; install Photoshop actions and also how to use &amp; install Photoshop brushes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-13T18:00:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-26T13:31:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/Style-Files.png.webp\" \/>\n<meta name=\"author\" content=\"Lesley\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lesley\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-install-use-photoshop-layer-styles\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-install-use-photoshop-layer-styles\",\"name\":\"How to Install and Use Photoshop Layer Styles - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-install-use-photoshop-layer-styles#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-install-use-photoshop-layer-styles#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/09\\\/Style-Files.png.webp\",\"datePublished\":\"2013-09-13T18:00:47+00:00\",\"dateModified\":\"2024-03-26T13:31:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/4d3fd65927f79b3c46e58e2bacce3401\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-install-use-photoshop-layer-styles#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-install-use-photoshop-layer-styles\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-install-use-photoshop-layer-styles#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/09\\\/Style-Files.png.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/09\\\/Style-Files.png.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-install-use-photoshop-layer-styles#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Install and Use Photoshop Layer Styles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Install and Use Photoshop Layer Styles - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles","og_locale":"en_US","og_type":"article","og_title":"How to Install and Use Photoshop Layer Styles","og_description":"Howdy creatives! These past couple weeks we've shown you how to use &amp; install Photoshop actions and also how to use &amp; install Photoshop brushes.","og_url":"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2013-09-13T18:00:47+00:00","article_modified_time":"2024-03-26T13:31:26+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/Style-Files.png.webp","type":"","width":"","height":""}],"author":"Lesley","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Lesley","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles","url":"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles","name":"How to Install and Use Photoshop Layer Styles - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/Style-Files.png.webp","datePublished":"2013-09-13T18:00:47+00:00","dateModified":"2024-03-26T13:31:26+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/4d3fd65927f79b3c46e58e2bacce3401"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/Style-Files.png.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/09\/Style-Files.png.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/how-to-install-use-photoshop-layer-styles#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Install and Use Photoshop Layer Styles"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/9291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=9291"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/9291\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=9291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=9291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=9291"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=9291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}