{"id":566,"date":"2012-10-06T22:49:41","date_gmt":"2012-10-06T22:49:41","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=566"},"modified":"2020-11-17T15:07:00","modified_gmt":"2020-11-17T20:07:00","slug":"blur-shadow","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/","title":{"rendered":"Editable Blurred Type With Layer Styles In Photoshop"},"content":{"rendered":"<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this Photoshop tutorial, we'll learn how to create <strong>fully editable blurred type<\/strong> using layer styles! Specifically, we'll see how to use the technique to add <strong>blurry shadow text <\/strong> to an image. Now, if you've been using Photoshop for a while, you may be thinking, \"Blurred text? Can't you just blur it with the Gaussian Blur filter?\", and yes, you can, but there's a big drawback to doing that. <\/p>\n<p>Photoshop won't let us apply Gaussian Blur (or any other filter) to type without first converting the type into pixels (a process known as <strong>rasterizing<\/strong> the type), and once it's been converted to pixels, the text is no longer editable. In this tutorial, we'll look at a different way to blur text, one that gives us the same results we'd achieve with Gaussian Blur but without the need to rasterize it, which means our type remains fully editable even after we've blurred it so we can still go back and make any changes we need! How is it possible to create blurred yet editable text? Thanks to layer styles, it's actually very easy!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<p>Here's a document I have open on my screen containing a single layer of text (the word \"SHADOW\") in front of a background image:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/original-document.jpg\" alt=\"The original document with a Type layer above the Background layer. Image &copy; 2012 Photoshop Essentials.com.\" width=\"650\" height=\"351\" \/>\n<div class=\"image-desc\">The original document.<\/div>\n<div class=\"ads-middle\">\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 text effects middle responsive -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"8647141094\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div>\n<p>If we look in my Layers panel, we see the text on the Type layer sitting above the image on the Background layer, and we see that the Type layer is currently active (highlighted in blue):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/photoshop-layers-panel.gif\" alt=\"The Layers panel in Photoshop showing the Type layer above the Background layer. Image &copy; 2012 Photoshop Essentials.com.\" width=\"281\" height=\"225\" \/>\n<div class=\"image-desc\">The Layers panel showing the Type layer above the Background layer.<\/div>\n<p>Before we learn how to create  editable blurred type, let's quickly see what happens when I try to blur my text using the Gaussian Blur filter. I'll select it by going up to the <strong>Filter<\/strong> menu in the Menu Bar along the top of the screen, then I'll choose <strong>Blur<\/strong>, and then <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/filter-blur-gaussian-blur.gif\" alt=\"Selecting the Gaussian Blur dialog box in Photoshop. Image &copy; 2012 Photoshop Essentials.com.\" width=\"158\" height=\"124\" \/>\n<div class=\"image-desc\">Going to Filter > Blur > Gaussian Blur.<\/div>\n<p>As soon as I select the Gaussian Blur filter, Photoshop pops open a warning box telling me that the text on the Type layer will need to be rasterized, and that it will no longer be editable type when we're done. That's not what I want, so I'll click the Cancel button to cancel the filter:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/rasterize-warning.gif\" alt=\"The rasterize type warning box. Image &copy; 2012 Photoshop Essentials.com.\" width=\"427\" height=\"170\" \/>\n<div class=\"image-desc\">Canceling the filter since I don't want to rasterize the text.<\/div>\n<p>Let's look at a how to blur the text using Photoshop's layer styles!<\/p>\n<h4>Step 1: Add A Drop Shadow<\/h4>\n<p>With your document open and the Type layer selected, click on the <strong>Layer Styles<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/photoshop-layer-styles-icon.gif\" alt=\"Clicking the Layer Styles icon in the Layers panel. Image &copy; 2012 Photoshop Essentials.com.\" width=\"281\" height=\"240\" \/>\n<div class=\"image-desc\">Clicking on the Layer Styles icon.<\/div>\n<p>Then select <strong>Drop Shadow<\/strong> from the top of the list of layer styles that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/selecting-drop-shadow.gif\" alt=\"Selecting a Drop Shadow layer style. Image &copy; 2012 Photoshop Essentials.com.\" width=\"183\" height=\"119\" \/>\n<div class=\"image-desc\">Choosing Drop Shadow from the list.<\/div>\n<h4>Step 2: Lower The Distance To 0px<\/h4>\n<p>This opens Photoshop's Layer Style dialog box set to the Drop Shadow options in the middle column. Lower the <strong>Distance<\/strong> value all the way down to <strong>0px<\/strong> by dragging the slider all the way to the left. The Distance option controls how far away the shadow appears from the object that's casting the shadow. Setting Distance to 0px will place the shadow directly behind the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/drop-shadow-distance.gif\" alt=\"Lowering the Distance of the drop shadow to 0 px. Image &copy; 2012 Photoshop Essentials.com.\" width=\"374\" height=\"232\" \/>\n<div class=\"image-desc\">Lowering the Distance to 0px.<\/div>\n<p>If we look at the text in the document window, we can see the shadow poking out around the edges of the letters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/image-distance.jpg\" alt=\"The drop shadow appears around the edges of the letters in the document window. Image &copy; 2012 Photoshop Essentials.com.\" width=\"650\" height=\"351\" \/>\n<div class=\"image-desc\">The text after lowering the Distance value to 0px.<\/div>\n<h4>Step 3: Switch To The Blending Options<\/h4>\n<p>Don't close out of the Layer Style dialog box yet because we still have a couple more things to do. Click directly on the words <strong>Blending Options<\/strong> in the upper left corner of the dialog box. The Drop Shadow options in the middle column will be replaced with the Blending Options:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/select-blending-options.gif\" alt=\"Selecting the Blending Options in the Layer Style dialog box. Image &copy; 2012 Photoshop Essentials.com.\" width=\"211\" height=\"157\" \/>\n<div class=\"image-desc\">Selecting the Blending Options.<\/div>\n<h4>Step 4: Lower The Fill Opacity to 0%<\/h4>\n<p>With the Blending Options now appearing in the middle column, lower the <strong>Fill Opacity<\/strong> value down to <strong>0%<\/strong> by dragging the slider all the way to the left. This Fill Opacity option is the exact same Fill option found in the top right corner of the Layers panel. As we learned in the <a href=\"\/basics\/layers\/opacity-vs-fill\/\">Layer Opacity vs Fill tutorial<\/a>, the Fill value controls the transparency of the actual contents of the layer but has no effect on any layer styles that are applied to it. By lowering the Fill value of the Type layer, we're making the actual text itself transparent, but the Drop Shadow layer style will remain fully visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/fill-opacity-0.gif\" alt=\"Lowering the Fill Opacity option to 0% in the Layer Style dialog box. Image &copy; 2012 Photoshop Essentials.com.\" width=\"375\" height=\"170\" \/>\n<div class=\"image-desc\">Lowering the Fill Opacity to 0%.<\/div>\n<p>If we look again at the document window, we see that the letters themselves have become fully transparent, while the drop shadow is still visible. The problem is, even though the text is transparent, it's still blocking most of the drop shadow behind it from view. All we can see of the shadow is the small part sticking out around the edges. We'll fix that in a moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/image-fill-opacity.jpg\" alt=\"The image after lowering the Fill Opacity of the text. Image &copy; 2012 Photoshop Essentials.com.\" width=\"650\" height=\"351\" \/>\n<div class=\"image-desc\">The image after lowering the Fill Opacity of the text.<\/div>\n<h4>Step 5: Switch Back To The Drop Shadow Options<\/h4>\n<p>Click directly on the words <strong>Drop Shadow<\/strong> below the Blending Options in the upper left of the dialog box to switch back to the Drop Shadow options. Make sure you click directly on the words, not inside the checkbox to the left of the words, otherwise you won't get access to the options (and you'll turn the drop shadow off):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/switch-drop-shadow.gif\" alt=\"Switching back to the Drop Shadow options in the Layer Styles dialog box. Image &copy; 2012 Photoshop Essentials.com.\" width=\"206\" height=\"158\" \/>\n<div class=\"image-desc\">Clicking on the words Drop Shadow.<\/div>\n<h4>Step 6: Disable \"Layer Knocks Out Drop Shadow\"<\/h4>\n<p>If you look down at the bottom of the Drop Shadow options, you'll see an option called <strong>Layer Knocks Out Drop Shadow<\/strong>. By default, this option is turned on, and with it enabled, the drop shadow remains hidden behind the actual contents of the layer (in this case, the text), even if we make the contents transparent. Click on the checkbox to remove the checkmark and turn the option off:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/layer-knocks-out-drop-shadow.gif\" alt=\"Disabling the Layer Knocks Out Drop Shadow option. Image &copy; 2012 Photoshop Essentials.com.\" width=\"378\" height=\"175\" \/>\n<div class=\"image-desc\">Turning off the Layer Knocks Out Drop Shadow option.<\/div>\n<p>And now, the text itself is completely hidden and no longer blocking the drop shadow from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/image-blurred-text.jpg\" alt=\"The blurred shadow text is now fully visible. Image &copy; 2012 Photoshop Essentials.com.\" width=\"650\" height=\"351\" \/>\n<div class=\"image-desc\">The blurred shadow text is now fully visible.<\/div>\n<h4>Step 7: Adjust The Size Of The Shadow<\/h4>\n<p>If we were blurring the text using the Gaussian Blur filter, we would adjust the amount of blurring by dragging the Radius slider. With our layer styles technique, we adjust the   blurring by controlling the size of the drop shadow using the <strong>Size<\/strong> option. By default, Size is set to 16 px. Drag the slider towards the right to increase the value and make the shadow larger, which will add more blurring to the text, or drag it to the left to lower the Size value and reduce the blur effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/drop-shadow-size.gif\" alt=\"Increasing the Size value for the drop shadow in the Layer Styles dialog box. Image &copy; 2012 Photoshop Essentials.com.\" width=\"374\" height=\"151\" \/>\n<div class=\"image-desc\">Adjust the amount of blurring on the text with the Size option.<\/div>\n<p>Here's my blur effect after increasing the Size value to 29px:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/image-text-more-blur.jpg\" alt=\"The text appears blurrier after increasing the Size value. Image &copy; 2012 Photoshop Essentials.com.\" width=\"650\" height=\"351\" \/>\n<div class=\"image-desc\">The text after increasing the size of the drop shadow.<\/div>\n<p>When you're happy with the amount of blurring, click OK in the top right corner of the Layer Style dialog box to close out of it and complete the effect.<\/p>\n<h4>Both The Text And The Effect Remain Editable<\/h4>\n<p>Layer styles are live, non-destructive effects, which means we can go back at any time and make changes. If, after you've closed out of the Layer Style dialog box, you realize you need to make further adjustments to the amount of blurring, simply <strong>double-click<\/strong> on the Drop Shadow effect that's listed below the Type layer in the Layers panel (again, click directly on the words themselves):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/click-drop-shadow.gif\" alt=\"Double-clicking on the Drop Shadow effect for the Type layer. Image &copy; 2012 Photoshop Essentials.com.\" width=\"281\" height=\"192\" \/>\n<div class=\"image-desc\">Double-clicking on the Drop Shadow effect below the Type layer.<\/div>\n<p>This will re-open the Layer Style dialog box to the Drop Shadow options so you can make any changes you need to the Size value. When you're done, click OK to close back out of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/dragging-size-slider.gif\" alt=\"Dragging the Size slider in the Drop Shadow layer style options. Image &copy; 2012 Photoshop Essentials.com.\" width=\"378\" height=\"154\" \/>\n<div class=\"image-desc\">Setting a new Size value with the slider.<\/div>\n<p>The text itself also remains fully editable, even with the blurring effect applied. Simply select it with the <a href=\"\/basics\/type\/essentials\/\">Type Tool<\/a>, enter your new text, then press <strong>Ctrl+Enter<\/strong> (Win) \/ <strong>Command+Return<\/strong> (Mac) on your keyboard to accept it. The blurring effect is automatically applied to the updated text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/blur-shadow\/spooky-blurred-text.jpg\" alt=\"Editing the text with the Drop Shadow layer style applied. Image &copy; 2012 Photoshop Essentials.com.\" width=\"650\" height=\"351\" \/>\n<div class=\"image-desc\">The same blurring effect is applied to the new text.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<h3>Where to go next...<\/h3>\n<p>And there we have it! That's how to create a fully editable blurred text effect using layer styles in Photoshop! Check out our <a href=\"\/photoshop-text\/text-effects\/\">Text Effects<\/a> or <a href=\"\/photo-effects\/\">Photo Effects<\/a> sections for more Photoshop effects tutorials!<\/p>\n<p> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Most Photoshop users turn to the Gaussian Blur filter when they need to blur text in an image or design, but in this tutorial, learn how to keep your blurred type fully editable by creating the same effect with layer styles!<\/p>\n","protected":false},"author":1,"featured_media":567,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-566","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Editable Blurred Type With Layer Styles In Photoshop<\/title>\n<meta name=\"description\" content=\"In this Photoshop tutorial, learn how to create fully editable blurred text using layer styles!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Editable Blurred Type With Layer Styles In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop tutorial, learn how to create fully editable blurred text using layer styles!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-06T22:49:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-17T20:07:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/blur-text-80j.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"80\" \/>\n\t<meta property=\"og:image:height\" content=\"80\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Editable Blurred Type With Layer Styles In Photoshop\",\"datePublished\":\"2012-10-06T22:49:41+00:00\",\"dateModified\":\"2020-11-17T20:07:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/\"},\"wordCount\":1414,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/blur-text-80j.jpg\",\"articleSection\":[\"Text Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/\",\"name\":\"Editable Blurred Type With Layer Styles In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/blur-text-80j.jpg\",\"datePublished\":\"2012-10-06T22:49:41+00:00\",\"dateModified\":\"2020-11-17T20:07:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop tutorial, learn how to create fully editable blurred text using layer styles!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/blur-text-80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/blur-text-80j.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"Editable Blurred Type With Layer Styles In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/blur-shadow\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Text\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Text Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Editable Blurred Type With Layer Styles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Editable Blurred Type With Layer Styles In Photoshop","description":"In this Photoshop tutorial, learn how to create fully editable blurred text using layer styles!","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:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/","og_locale":"en_US","og_type":"article","og_title":"Editable Blurred Type With Layer Styles In Photoshop","og_description":"In this Photoshop tutorial, learn how to create fully editable blurred text using layer styles!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-06T22:49:41+00:00","article_modified_time":"2020-11-17T20:07:00+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/blur-text-80j.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Editable Blurred Type With Layer Styles In Photoshop","datePublished":"2012-10-06T22:49:41+00:00","dateModified":"2020-11-17T20:07:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/"},"wordCount":1414,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/blur-text-80j.jpg","articleSection":["Text Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/","name":"Editable Blurred Type With Layer Styles In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/blur-text-80j.jpg","datePublished":"2012-10-06T22:49:41+00:00","dateModified":"2020-11-17T20:07:00+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop tutorial, learn how to create fully editable blurred text using layer styles!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/blur-text-80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/blur-text-80j.jpg","width":"80","height":"80","caption":"Editable Blurred Type With Layer Styles In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/blur-shadow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Text","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/"},{"@type":"ListItem","position":3,"name":"Text Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/"},{"@type":"ListItem","position":4,"name":"Editable Blurred Type With Layer Styles"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=566"}],"version-history":[{"count":23,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/566\/revisions"}],"predecessor-version":[{"id":30792,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/566\/revisions\/30792"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/567"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}