{"id":30241,"date":"2020-07-07T19:06:23","date_gmt":"2020-07-07T23:06:23","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=30241"},"modified":"2022-11-05T11:47:50","modified_gmt":"2022-11-05T15:47:50","slug":"add-multiple-strokes-to-text-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/","title":{"rendered":"Add Multiple Strokes to Text with Photoshop Layer Effects"},"content":{"rendered":"<div class=\"summary\">\n<p>Learn how to add multiple strokes around text in Photoshop using layer effects, and how to save the strokes as a layer style preset! A step-by-step tutorial.<\/p>\n<\/div>\n<div class=\"video3\">\n<div class=\"video-container\">\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/PnO508d17ug\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, you'll learn how easy it is to add multiple strokes around your text using layer effects in Photoshop! Specifically, I'll show you how to add rainbow color strokes, but you can use these steps with any colors you like. And you can add as many strokes as you like, up to a maximum of 10. I'll also show you how to save the strokes as a layer style preset so you can apply the effect to other text with a single click. And at the end of the tutorial, we'll look at a problem you'll run into when adding a drop shadow behind the strokes, and the simple way to fix it!<\/p>\n<p>Here's what the final &quot;rainbow strokes&quot; effect will look like when we're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/multiple-stroke-text-photoshop.png\" alt=\"How to add multiple strokes to text in Photoshop\" width=\"802\" height=\"213\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>Let's get started!<\/p>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3 style=\"margin-top:0;\">Which Photoshop version do I need?<\/h3>\n<p>The option to add multiple strokes to the same layer was added fairly recently to Photoshop. So to follow along, you'll need to be using a recent version, preferably Photoshop 2020 or later. <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" title=\"Get Photoshop\" target=\"_blank\" rel=\"noopener\">Get the latest Photoshop version here<\/a>.<\/p>\n<h2 class=\"sub\">How to add multiple strokes around your text<\/h2>\n<p>We\u2019ll start by learning how to add more than one stroke around your text, and then I\u2019ll show you how to save the result as a layer style preset.<\/p>\n<h3>Step 1: Create a new document<\/h3>\n<p>Start by creating a <a href=\"\/basics\/create-new-documents-photoshop-cc\/\" title=\"Learn more\">new Photoshop document<\/a>. If you are on the Home Screen, click the <strong>Create New<\/strong> button:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/create-new-button.png\" alt=\"Clicking the Create New button to create a new Photoshop document from the Home Screen\" width=\"299\" height=\"271\" \/>\n<div class=\"image-desc\">Clicking &quot;Create New&quot;on Photoshop's Home Screen.<\/div>\n<p>Or if you are not on the Home Screen, go up to the <strong>File<\/strong> menu in the Menu Bar and choose <strong>New<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/file-new-command-photoshop.png\" alt=\"A new Photoshop document with a white background and the word 'rainbow' added in black\" width=\"292\" height=\"116\" \/>\n<div class=\"image-desc\">Going to File &gt; New.<\/div>\n<p>Then in the <strong>Preset Details<\/strong> section of the New Document dialog box, enter a Width and Height for your document. I'll set the <strong>Width<\/strong> to <strong>2000 pixels<\/strong> and the <strong>Height<\/strong> to <strong>1200 pixels<\/strong>, but you can use whatever size you need. The <strong>Resolution<\/strong> value does not matter because it only applies to print, so I'll leave it at the default setting. And finally, set the <strong>Background Contents<\/strong> to <strong>White<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/new-document-size.png\" alt=\"Entering the size of the new Photoshop document\" width=\"320\" height=\"461\" \/>\n<div class=\"image-desc\">Entering the new document settings.<\/div>\n<p>Then click the <strong>Create<\/strong> button to create the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/create-button.png\" alt=\"Clicking the Create button in Photoshop's New Document dialog box\" width=\"319\" height=\"127\" \/>\n<div class=\"image-desc\">Clicking the Create button.<\/div>\n<p>And the new document appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/new-photoshop-document.png\" alt=\"The new Photoshop document.\" width=\"806\" height=\"451\" \/>\n<div class=\"image-desc\">The new Photoshop document.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Step 2: Add your text<\/h3>\n<p>To add your text, select the <strong>Type Tool<\/strong> from the <a href=\"\/basics\/photoshop-tools-toolbar-overview\/\" title=\"Learn more\">toolbar<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/type-tool-photoshop.png\" alt=\"Selecting Photoshop's Type Tool from the toolbar\" width=\"80\" height=\"163\" \/>\n<div class=\"image-desc\">Selecting the Type Tool.<\/div>\n<p>And then in the Options Bar, choose your font. I'm using HWT Gothic Round which I downloaded from Adobe Typekit, but any font will work:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/choose-font-photoshop.png\" alt=\"Choosing a font in Photoshop's Option Bar\" width=\"593\" height=\"103\" \/>\n<div class=\"image-desc\">Choosing a font.<\/div>\n<p>The default type color is black, but you can choose a different color by clicking the <strong>color swatch<\/strong> in the Options Bar and then choosing a new color from the <strong>Color Picker<\/strong>. I'll use black for now, but later on, I'll show you how to change the text color using layer effects:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/choose-type-color.png\" alt=\"The color swatch showing the current text color in Photoshop's Options Bar\" width=\"408\" height=\"101\" \/>\n<div class=\"image-desc\">The color swatch shows the current text color.<\/div>\n<p>Then click in the document and add your text. I'll type the word &quot;rainbow&quot;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/add-text-to-document.png\" alt=\"Adding some text to the Photoshop document\" width=\"804\" height=\"449\" \/>\n<div class=\"image-desc\">Adding some text.<\/div>\n<p>To accept it, click the <strong>checkmark<\/strong> in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/click-checkmark.png\" alt=\"Clicking the checkmark to accept the text in Photoshop's Options Bar\" width=\"328\" height=\"101\" \/>\n<div class=\"image-desc\">Clicking the checkmark.<\/div>\n<h3>Step 3: Resize the text with Free Transform<\/h3>\n<p>To resize the text, go up to the <strong>Edit<\/strong> menu and choose <strong>Free Transform<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/choose-free-transform-photoshop.png\" alt=\"Selecting the Free Transform command from Photoshop's Edit menu\" width=\"283\" height=\"107\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>And then click and drag any of the <strong>handles<\/strong>. If you're using Photoshop CC 2018 or earlier, you'll need to press and hold the <strong>Shift<\/strong> key on your keyboard as you drag to lock the aspect ratio in place. Make sure you leave enough room for the strokes that we will be adding around the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/resize-text-free-transform.png\" alt=\"Resizing the text with Free Transform in Photoshop\" width=\"796\" height=\"485\" \/>\n<div class=\"image-desc\">Resizing the text with Free Transform.<\/div>\n<p>You can also move the text into place by clicking and dragging inside the Free Transform box. I'll move my text into the center:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/move-text-free-transform.png\" alt=\"Centering the text in the document using Free Transform in Photoshop\" width=\"796\" height=\"487\" \/>\n<div class=\"image-desc\">Centering the text in the document.<\/div>\n<p>To accept it and close Free Transform, click the <strong>checkmark<\/strong> in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/free-transform-checkmark.png\" alt=\"Clicking the checkmark in the Options Bar to close Photoshop's Free Transform command\" width=\"291\" height=\"101\" \/>\n<div class=\"image-desc\">Clicking the checkmark.<\/div>\n<p><a href=\"\/basics\/transform-and-warp-images-with-free-transform-in-photoshop-cc-2019\/\" title=\"Learn more\">Related: Master Photoshop's Free Transform command<\/a><\/p>\n<h3>Step 4: Add a Stroke layer effect<\/h3>\n<p>In the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, the text appears on a type layer above the Background layer. To add a stroke around the text, make sure the type layer is selected. Then click the <strong>fx<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/click-fx-icon-layers-panel.png\" alt=\"Adding a layer effect to the text by clicking the fx icon in Photoshop's Layers panel\" width=\"297\" height=\"322\" \/>\n<div class=\"image-desc\">Clicking the fx icon.<\/div>\n<p>And choose <strong>Stroke<\/strong> from the list of <a href=\"\/basics\/using-layer-effects-and-layer-styles-in-photoshop-cc-2020-complete-guide\/\" title=\"Learn more\">layer effects<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/choose-stroke-layer-effect.png\" alt=\"Choosing Stroke from the list of layer effects in Photoshop's Layers panel\" width=\"157\" height=\"128\" \/>\n<div class=\"image-desc\">Adding a Stroke effect.<\/div>\n<h3>Step 5: Choose a color for the stroke<\/h3>\n<p>The options for the stroke appear in the Layer Style dialog box. Choose a color for the stroke by clicking the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/click-stroke-color-swatch.png\" alt=\"Choosing a stroke color in Photoshop's Layer Style dialog box\" width=\"349\" height=\"209\" \/>\n<div class=\"image-desc\">Clicking the color swatch in the Layer Style dialog box.<\/div>\n<p>And then choose a new color from the Color Picker. I'm setting my strokes to the colors of the rainbow (red, yellow, green, cyan, blue and magenta), working my way from the bottom color to the top. So the first color I need is <strong>magenta<\/strong>.<\/p>\n<p>I'll choose magenta by setting the <strong>R<\/strong> (Red) value to <strong>255<\/strong>, the <strong>G<\/strong> (Green) value to <strong>0<\/strong> and the <strong>B<\/strong> (Blue) value to <strong>255<\/strong>. Then I'll click OK to close the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/color-picker-magenta.jpg\" alt=\"Choosing magenta in Photoshop's Color Picker\" width=\"546\" height=\"398\" \/>\n<div class=\"image-desc\">Setting R to 255, G to 0 and B to 255 for magenta.<\/div>\n<h3>Step 6: Set the stroke size<\/h3>\n<p>Set the width of your stroke using the <strong>Size<\/strong> option. I'll set mine to <strong>10 pixels<\/strong>. <\/p>\n<p>It's very important that you remember the size you choose here because we'll be adding this value to each new stroke we add to the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/first-stroke-size.png\" alt=\"Setting the size of the first stroke being added to the text in Photoshop\" width=\"339\" height=\"181\" \/>\n<div class=\"image-desc\">Setting the size of the first stroke.<\/div>\n<h3>Step 7: Set the position of the stroke to Outside<\/h3>\n<p>Finally, set the <strong>Position<\/strong> of the stroke to either inside the edges, outside the edges or centered on the edges of your text. For this effect, I'll choose <strong>Outside<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/first-stroke-position-outside.png\" alt=\"Setting the position of the first stroke to Outside\" width=\"349\" height=\"184\" \/>\n<div class=\"image-desc\">Setting the stroke's position to Outside.<\/div>\n<p>And we now have our first stroke around the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/text-first-stroke-added.jpg\" alt=\"The first stroke has been added around the text in Photoshop\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">The first stroke is added.<\/div>\n<h3>Step 8: Add a second stroke<\/h3>\n<p>To add a second stroke, click the <strong>plus sign<\/strong> ( <strong>+<\/strong> ) next to the Stroke effect on the left of the Layer Style dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/add-new-stroke.png\" alt=\"Setting the position of the first stroke to Outside\" width=\"269\" height=\"166\" \/>\n<div class=\"image-desc\">Clicking the plus sign.<\/div>\n<p>A second stroke appears above the first. New strokes are always added above the previously-selected stroke, and you can add as many strokes as you like, up to a maximum of 10:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/second-stroke.png\" alt=\"A second stroke is added in Photoshop's Layer Style dialog box\" width=\"269\" height=\"166\" \/>\n<div class=\"image-desc\">A second stroke is added above the original.<\/div>\n<h3>Step 9: Change the stroke color<\/h3>\n<p>The new stroke shares the same settings as the previous one. So to choose a different color, click the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/second-stroke-color-swatch.png\" alt=\"Clicking the color swatch to change the second stroke's color\" width=\"349\" height=\"189\" \/>\n<div class=\"image-desc\">Changing the new stroke's color.<\/div>\n<p>And then choose a new color from the Color Picker. I'll set my second stroke to <strong>blue<\/strong> by changing the <strong>R<\/strong> value to <strong>0<\/strong>, and  leaving <strong>G<\/strong> at <strong>0<\/strong> and <strong>B<\/strong> at <strong>255<\/strong>. Then I'll click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/color-picker-blue.jpg\" alt=\"Setting the color of the second stroke to blue in Photoshop's Color Picker\" width=\"546\" height=\"398\" \/>\n<div class=\"image-desc\">Setting R to 0, G to 0 and B to 255 for blue.<\/div>\n<h4>What happened to the first stroke?<\/h4>\n<p>But notice that we now have a problem. We see our second, blue stroke around the text, but the original magenta stroke has disappeared.<\/p>\n<p>The reason why we can't see the original stroke is that the second one is sitting above it. And because both strokes are the same size (10 pixels), and they both share the same position (Outside), the stroke on top is completely blocking the stroke below it from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/second-stroke-blocking-first.png\" alt=\"The second stroke is visible around the text but the first stroke is not.\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">The second stroke is visible but the first one is not.<\/div>\n<h4>Changing the position of a stroke<\/h4>\n<p>One way to fix that would be to change the position of one of the strokes. I'll click on the magenta stroke (the one on the bottom) to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/select-original-stroke.png\" alt=\"Selecting the first stroke in Photoshop's Layer Style dialog box\" width=\"269\" height=\"140\" \/>\n<div class=\"image-desc\">Selecting the first stroke.<\/div>\n<p>Then I'll change its <strong>Position<\/strong> from Outside to <strong>Inside<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/first-stroke-position-inside.png\" alt=\"Changing the Position of the first stroke to Inside\" width=\"349\" height=\"261\" \/>\n<div class=\"image-desc\">Changing the first stroke's Position to Inside.<\/div>\n<p>And now with the magenta stroke on the inside of the text and the blue stroke on the outside, both strokes are visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/double-stroke-text-effect-photoshop.png\" alt=\"A double stroke text effect in Photoshop\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">Both strokes are visible after changing one of their positions.<\/div>\n<p>The only problem with moving one of the strokes to the inside of the text is that the letters now look a bit too narrow. Plus we still have more strokes to add, which means that this solution is not going to work. So I'll set the <strong>Position<\/strong> of the stroke back to <strong>Outside<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/reset-position-outside.png\" alt=\"Setting the Position of the first stroke back to Outside\" width=\"349\" height=\"265\" \/>\n<div class=\"image-desc\">Resetting the Position to Outside.<\/div>\n<p>And now we're back to seeing just the blue stroke:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/second-stroke-blocking-first.png\" alt=\"The second stroke is visible around the text but the first stroke is not.\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">Back to the original problem.<\/div>\n<h3>Step 10: Add the size of the first stroke to the second stroke<\/h3>\n<p>So if changing the position isn't going to work, how do we get the second stroke to appear around the outside of the first one? It's actually very easy. All we need to do is make the new stroke <em>wider<\/em> than the original, and then move the new stroke <em>below<\/em> the original.<\/p>\n<p>First, make sure the new stroke (the blue one) is selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/select-blue-stroke.png\" alt=\"Selecting the blue stroke in Photoshop's Layer Style dialog box\" width=\"269\" height=\"166\" \/>\n<div class=\"image-desc\">Selecting the blue stroke.<\/div>\n<p>Then take the size of the original stroke and add it to the size of the new stroke. In my case, my new stroke is 10 pixels wide, so if I add the size of the original stroke (also 10 pixels wide), I get  <strong>20 pixels<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/second-stroke-size-20pixels.png\" alt=\"Adding the size of the original stroke to the second stroke\" width=\"349\" height=\"261\" \/>\n<div class=\"image-desc\">Adding the size of the original stroke to the new stroke.<\/div>\n<h3>Step 11: Move the second stroke below the first<\/h3>\n<p>Then move the new stroke below the original by clicking the <strong>Down arrow<\/strong> at the bottom of the Layer Style dialog box. <\/p>\n<p>Note that you can only move strokes above (using the Up arrow ) or below other strokes. You can't move a stroke above or below other types of layer effects:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/down-arrow.png\" alt=\"Clicking the Down arrow in Photoshop's Layer Style dialog box to move the second stroke below the first.\" width=\"269\" height=\"111\" \/>\n<div class=\"image-desc\">Clicking the Down arrow to move the second stroke below the first.<\/div>\n<p>And now both strokes are visible around the outside of the text. The magenta stroke is sitting above the blue stroke, but because the blue stroke is 10 pixels wider than the magenta stroke, those outer 10 pixels of the blue stroke remain visible. And this creates the illusion that both strokes are actually the same width:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/both-strokes-visible-around-text.png\" alt=\"Both strokes now appear around the outside of the text\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">Both strokes now appear around the outside of the text.<\/div>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3>Step 12: Add a third stroke<\/h3>\n<p>At this point, adding more strokes around the text is just a matter of repeating the same steps. <\/p>\n<p>First add a new stroke by clicking the <strong>plus sign<\/strong> beside the stroke you just added. This will always be the stroke at the bottom:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/add-third-stroke.png\" alt=\"Adding a third stroke around the text\" width=\"269\" height=\"140\" \/>\n<div class=\"image-desc\">Adding a third stroke.<\/div>\n<p>Then click the <strong>color swatch<\/strong> to choose a new color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/third-stroke-color-swatch.png\" alt=\"Choosing a color for the third stroke by clicking the color swatch\" width=\"349\" height=\"200\" \/>\n<div class=\"image-desc\">Clicking the color swatch.<\/div>\n<p>And in the Color Picker, choose <strong>cyan<\/strong> by leaving <strong>R<\/strong> at <strong>0<\/strong>, changing <strong>G<\/strong> to <strong>255<\/strong> and leaving <strong>B<\/strong> at <strong>255<\/strong>. Then  click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/color-picker-cyan.jpg\" alt=\"Setting the color of the third stroke to cyan in Photoshop's Color Picker\" width=\"546\" height=\"397\" \/>\n<div class=\"image-desc\">Setting R to 0, G to 255 and B to 255 for cyan.<\/div>\n<p>Increase the <strong>size<\/strong> of the stroke by adding the size of the original stroke. By &quot;original stroke&quot;, I mean the very first stroke we added (the magenta one).<\/p>\n<p>My new stroke is currently 20 pixels wide, so adding the size of the original stroke (10 pixels) means I need to increase the value to <strong>30 pixels<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/third-stroke-size-30pixels.png\" alt=\"Increasing the Size of the third stroke around the text\" width=\"349\" height=\"158\" \/>\n<div class=\"image-desc\">Increasing the Size of the third stroke.<\/div>\n<p>And then move the new stroke below the previous one by clicking the <strong>Down arrow<\/strong> at the bottom of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/move-stroke-down.png\" alt=\"Moving the stroke below the other strokes in the Layer Style dialog box\" width=\"269\" height=\"116\" \/>\n<div class=\"image-desc\">Clicking the Down arrow.<\/div>\n<p>And we now have three strokes (cyan, blue and magenta) around the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/three-strokes-around-text-photoshop.png\" alt=\"Three strokes added around the text in Photoshop\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">The effect with three strokes added around the text.<\/div>\n<p><a href=\"\/photo-effects\/add-a-rainbow-to-an-image-in-photoshop-cc-2020\/\" title=\"Learn more\">See also: How to add a rainbow to an image with Photoshop<\/a><\/p>\n<h3>Step 13: Add a fourth stroke<\/h3>\n<p>Add a fourth stroke by clicking the <strong>plus sign<\/strong> beside the bottom stroke:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/add-fourth-stroke.png\" alt=\"Adding a fourth stroke around the text\" width=\"268\" height=\"166\" \/>\n<div class=\"image-desc\">Adding a fourth stroke.<\/div>\n<p>Then click the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/fourth-stroke-color-swatch.png\" alt=\"Clicking the color swatch to change the color of the fourth stroke\" width=\"349\" height=\"177\" \/>\n<div class=\"image-desc\">Changing the color of the fourth stroke.<\/div>\n<p>And in the Color Picker, choose <strong>green<\/strong> by leaving <strong>R<\/strong> at <strong>0<\/strong>, <strong>G<\/strong> at <strong>255<\/strong>, and changing <strong>B<\/strong> to <strong>0<\/strong>. Then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/color-picker-green.jpg\" alt=\"Setting the color of the fourth stroke to green in Photoshop's Color Picker\" width=\"546\" height=\"398\" \/>\n<div class=\"image-desc\">Setting R to 0, G to 255 and B to 0 for green.<\/div>\n<p>Next, add the original stroke <strong>size<\/strong> to the new stroke's size. So 30 pixels plus 10 pixels equals <strong>40 pixels<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/fourth-stroke-size.png\" alt=\"Increasing the size of the fourth stroke around the text\" width=\"349\" height=\"162\" \/>\n<div class=\"image-desc\">Increasing the size of the fourth stroke.<\/div>\n<p>Then move the new stroke below the others by clicking the <strong>Down arrow<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/move-stroke-down.png\" alt=\"Moving the stroke below the other strokes in the Layer Style dialog box\" width=\"269\" height=\"116\" \/>\n<div class=\"image-desc\">Clicking the Down arrow.<\/div>\n<p>And we now have a  green stroke around the text. Four strokes down, two to go:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/four-strokes-around-text.png\" alt=\"Four strokes added around the text in Photoshop\" width=\"799\" height=\"485\" \/>\n<div class=\"image-desc\">A fourth stroke has been added.<\/div>\n<h3>Step 14: Add a fifth stroke<\/h3>\n<p>Add a fifth stroke by clicking the bottom stroke's <strong>plus sign<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/add-fifth-stroke.png\" alt=\"Adding a fifth stroke around the text\" width=\"269\" height=\"192\" \/>\n<div class=\"image-desc\">Adding a fifth stroke.<\/div>\n<p>Then click the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/fifth-stroke-color-swatch.png\" alt=\"Clicking the color swatch to change the color of the fifth stroke\" width=\"349\" height=\"178\" \/>\n<div class=\"image-desc\">Changing the color of the fifth stroke.<\/div>\n<p>And choose yellow by changing <strong>R<\/strong> to <strong>255<\/strong> and leaving <strong>G<\/strong> at <strong>255<\/strong> and B at <strong>0<\/strong>. Then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/color-picker-yellow.jpg\" alt=\"Setting the color of the fifth stroke to yellow in Photoshop's Color Picker\" width=\"546\" height=\"398\" \/>\n<div class=\"image-desc\">Setting R to 255, G to 255 and B to 0 for yellow.<\/div>\n<p>Next, add the original stroke's <strong>size<\/strong> to the new stroke's size, which takes me up to <strong>50 pixels<\/strong> (40+10):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/fifth-stroke-size.png\" alt=\"Increasing the size of the fifth stroke around the text\" width=\"349\" height=\"159\" \/>\n<div class=\"image-desc\">Increasing the size of the fifth stroke.<\/div>\n<p>And then click the <strong>Down arrow<\/strong> to move the stroke below the others:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/move-stroke-down.png\" alt=\"Moving the stroke below the other strokes in the Layer Style dialog box\" width=\"269\" height=\"116\" \/>\n<div class=\"image-desc\">Clicking the Down arrow.<\/div>\n<p>And we have our yellow stroke. Only one more rainbow color to go:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/five-strokes-around-text.png\" alt=\"Five strokes added around the text in Photoshop\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">Five strokes added around the text.<\/div>\n<h3>Step 15: Add a sixth stroke<\/h3>\n<p>Add the sixth and final stroke by clicking the bottom stroke's <strong>plus sign<\/strong>. Again, you can add up to 10 strokes but for our rainbow colors,  we only need 6:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/add-sixth-stroke.png\" alt=\"Adding a sixth stroke around the text\" width=\"269\" height=\"192\" \/>\n<div class=\"image-desc\">Adding a sixth stroke.<\/div>\n<p>Click the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/sixth-stroke-color-swatch.png\" alt=\"Clicking the color swatch to change the color of the sixth stroke\" width=\"349\" height=\"172\" \/>\n<div class=\"image-desc\">Changing the color of the sixth stroke.<\/div>\n<p>And then choose <strong>red<\/strong> by leaving <strong>R<\/strong> at <strong>255<\/strong>, changing <strong>G<\/strong> to <strong>0<\/strong> and leaving <strong>B<\/strong> at <strong>0<\/strong>. Then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/color-picker-red.jpg\" alt=\"Setting the color of the sixth stroke to red in Photoshop's Color Picker\" width=\"546\" height=\"398\" \/>\n<div class=\"image-desc\">Setting R to 255, G to 0 and B to 0 for red.<\/div>\n<p>Increase the stroke's <strong>size<\/strong> by adding the original stroke's size, which brings mine to <strong>60 pixels<\/strong> (50+10):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/sixth-stroke-size.png\" alt=\"Increasing the size of the sixth stroke around the text\" width=\"349\" height=\"183\" \/>\n<div class=\"image-desc\">Increasing the size of the sixth stroke.<\/div>\n<p>And finally, click the <strong>Down arrow<\/strong> to move the stroke below the others:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/move-stroke-down.png\" alt=\"Moving the stroke below the other strokes in the Layer Style dialog box\" width=\"269\" height=\"116\" \/>\n<div class=\"image-desc\">Clicking the Down arrow.<\/div>\n<p>And with that, all six rainbow colors are now added as strokes around the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/six-strokes-around-text-photoshop.png\" alt=\"All six rainbow colored strokes around the text in Photoshop\" width=\"799\" height=\"485\" \/>\n<div class=\"image-desc\">All six rainbow colored strokes around the text.<\/div>\n<p><a href=\"\/basics\/how-to-create-a-rainbow-gradient-in-photoshop\/\" title=\"Learn more\">See also: Create a rainbow gradient in Photoshop<\/a><\/p>\n<h2 class=\"sub\">Changing the text color with a Color Overlay effect<\/h2>\n<p>At this point, we've added all of our strokes. But I don't like that my text color is black. What I really want is for the text to be white so it matches the background. Now I <em>could<\/em> just click OK to close the Layer Style dialog box and then change my type color in the Options Bar. Or, I could change the color using a Color Overlay layer effect. Here's how it works.<\/p>\n<h3>Step 1: Add a Color Overlay effect<\/h3>\n<p>Still in the Layer Style dialog box, I'll select <strong>Color Overlay<\/strong> in the column along the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/add-color-overlay-effect.png\" alt=\"Adding a Color Overlay effect in Photoshop's Layer Style dialog box\" width=\"269\" height=\"140\" \/>\n<div class=\"image-desc\">Adding a Color Overlay.<\/div>\n<h3>Step 2: Choose a new overlay color<\/h3>\n<p>Then I'll change the overlay color by clicking the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/color-overlay-color-swatch.png\" alt=\"Clicking the Color Overlay color swatch\" width=\"369\" height=\"178\" \/>\n<div class=\"image-desc\">Changing the color of the overlay.<\/div>\n<p>And in the Color Picker, I'll choose <strong>white<\/strong> by setting <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> each to <strong>255<\/strong>. Then I'll click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/color-picker-white.jpg\" alt=\"Choosing white from the Color Picker\" width=\"546\" height=\"397\" \/>\n<div class=\"image-desc\">Choosing white in the Color Picker.<\/div>\n<p>And now my text color is white. I like this better:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/rainbow-strokes-white-text-photoshop.png\" alt=\"The rainbow color strokes around white text in Photoshop\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">The rainbow color strokes with white text.<\/div>\n<h2 class=\"sub\">How to save the effect as a layer style preset<\/h2>\n<p>If you think you might use your multiple stroke effect again in the future, you can save it as a <strong>layer style preset<\/strong>.<\/p>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>To save it, click the <strong>New Style<\/strong> button on the right of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/new-style-button.png\" alt=\"Clicking the New Style button in Photoshop's Layer Style dialog box\" width=\"171\" height=\"307\" \/>\n<div class=\"image-desc\">Clicking the New Style button.<\/div>\n<p>Then in the New Style dialog box, give the new preset a name. I'll name mine &quot;Rainbow strokes&quot;. And make sure <strong>Include Layer Effects<\/strong> is checked. We didn't use any blending options so you can leave <strong>Include Layer Blending Options<\/strong> unchecked. And unless you want to add the preset to your Creative Cloud library, uncheck <strong>Add to my current library<\/strong>. <\/p>\n<p>Then click OK to create the preset:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/naming-new-layer-style.png\" alt=\"Creating a new layer style preset in Photoshop\" width=\"592\" height=\"167\" \/>\n<div class=\"image-desc\">The New Style options.<\/div>\n<p>And with the preset saved, click OK to close the Layer Style dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/close-layer-style-dialog.png\" alt=\"Clicking OK to close Photoshop's Layer Style dialog box\" width=\"168\" height=\"183\" \/>\n<div class=\"image-desc\">Closing the Layer Style dialog box.<\/div>\n<h2 class=\"sub\">How to apply the layer style preset<\/h2>\n<p>In the Layers panel, all of the strokes we applied to the text, as well as the Color Overlay effect, appear listed below the type layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/layer-effects-applied-to-text.png\" alt=\"Photoshop's Layers panel showing the layer effects applied to the type layer\" width=\"297\" height=\"301\" \/>\n<div class=\"image-desc\">The layer effects applied to the type layer.<\/div>\n<p>To show you how to quickly apply the preset, I'll delete the effects by <strong>right-clicking<\/strong> (Win) \/ <strong>Control-clicking<\/strong> (Mac) on the word <strong>Effects<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/right-click-effects.png\" alt=\"Right-clicking (Win) \/ Control-clicking (Mac) on the word Effects below the type layer\" width=\"297\" height=\"157\" \/>\n<div class=\"image-desc\">Right-click (Win) \/ Control-click (Mac) on &quot;Effects&quot;.<\/div>\n<p>And then choosing <strong>Clear Layer Style<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/clear-layer-effects.png\" alt=\"Selecting the Clear Layer Style command in Photoshop\" width=\"169\" height=\"114\" \/>\n<div class=\"image-desc\">Choosing &quot;Clear Layer Style&quot;.<\/div>\n<p>And now we're back to just the black text with no effects applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/layer-effects-cleared.png\" alt=\"Back to the original text after clearing the layer effects in Photoshop\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">Back to the original text after clearing the layer effects.<\/div>\n<h3>Step 1: Select your type layer<\/h3>\n<p>To apply a layer style preset to the text, all we need to do is select the style we need from the Styles panel. But first, in the Layers panel, make sure that your <strong>type layer<\/strong> is selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/select-type-layer.png\" alt=\"Selecting the type layer in Photoshop's Layers panel.\" width=\"297\" height=\"210\" \/>\n<div class=\"image-desc\">Selecting the type layer.<\/div>\n<h3>Step 2: Open the Styles panel<\/h3>\n<p>Then if the Styles panel is not already open on your screen, open it by going up to the <strong>Window<\/strong> menu and choosing <strong>Styles<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/open-styles-panel.png\" alt=\"Opening the Styles panel from the Window menu in Photoshop\" width=\"279\" height=\"106\" \/>\n<div class=\"image-desc\">Going to Window &gt; Styles.<\/div>\n<h3>Step 3: Select the layer style preset<\/h3>\n<p>As of Photoshop CC 2020, Photoshop's default layer styles are grouped into folders. But the style we just saved is sitting <em>below<\/em> the folders.<\/p>\n<p>To apply the style to the text, simply click on the style's <strong>thumbnail<\/strong> to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/styles-panel-select-layer-style.png\" alt=\"Selecting the Rainbow strokes layer style preset from Photoshop's Styles panel\" width=\"253\" height=\"305\" \/>\n<div class=\"image-desc\">Selecting the &quot;Rainbow strokes&quot; preset from the Styles panel.<\/div>\n<p>And just like that, the entire effect is instantly applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/rainbow-strokes-white-text-photoshop.png\" alt=\"The rainbow color strokes around white text in Photoshop\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">The result after applying the &quot;Rainbow strokes&quot; layer style.<\/div>\n<h2 class=\"sub\">How to add a Drop Shadow to the effect<\/h2>\n<p>Finally, what if you want to add a Drop Shadow to the effect? You might think that you could simply add a Drop Shadow to the type layer itself. But the result may not be what you expect. <\/p>\n<p>I'll quickly add a Drop Shadow just so we can see the problem, and then I'll drag the shadow away from the text. And notice that while the text itself is being shadowed, the strokes around the text are being ignored. This results in the shadow looking too narrow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/drop-shadow-too-narrow.png\" alt=\"The Drop Shadow is ignoring the strokes around the text\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">When applied to the type layer, the Drop Shadow ignores the strokes around the text.<\/div>\n<p>We need a way to apply the Drop Shadow to both the text <em>and<\/em> the strokes. And we can do that by first adding the type layer to a <a href=\"\/basics\/layers\/layer-groups\/\" title=\"Learn more\">layer group<\/a> and then applying the Drop Shadow to the group itself. <\/p>\n<h3>Step 1: Add the type layer to a new group<\/h3>\n<p>With your type layer selected, click the <strong>menu icon<\/strong> in the upper right of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/layers-panel-menu-icon.png\" alt=\"Clicking the Layers panel menu icon in Photoshop\" width=\"309\" height=\"215\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>And from the menu, choose <strong>New Group from Layers<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/new-group-from-layers.png\" alt=\"Choosing the New Group from Layers command in Photoshop\" width=\"266\" height=\"104\" \/>\n<div class=\"image-desc\">Selecting &quot;New Group from Layers&quot;.<\/div>\n<p>Name the group &quot;Text&quot; and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/name-new-group.png\" alt=\"Naming the new group 'text' in the New Group from Layers dialog box\" width=\"418\" height=\"135\" \/>\n<div class=\"image-desc\">Naming the layer group.<\/div>\n<p>And now the type layer is inside the group. You can twirl the group open or closed by clicking the <strong>arrow<\/strong> next to the folder icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/new-text-group.png\" alt=\"The type layer has been placed inside a layer group in Photoshop\" width=\"297\" height=\"210\" \/>\n<div class=\"image-desc\">The new group with the type layer inside it.<\/div>\n<h3>Step 2: Add a Drop Shadow to the group<\/h3>\n<p>With the group selected, click the <strong>fx<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/click-fx-icon-for-group.png\" alt=\"Clicking the fx icon in Photoshop's Layers panel\" width=\"297\" height=\"180\" \/>\n<div class=\"image-desc\">Clicking the fx icon.<\/div>\n<p>And choose a <strong>Drop Shadow<\/strong> layer effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/choose-drop-shadow.png\" alt=\"Choosing Drop Shadow from the list of layer effects in Photoshop\" width=\"157\" height=\"97\" \/>\n<div class=\"image-desc\">Adding a Drop Shadow.<\/div>\n<h3>Step 3: Clear the multiple strokes<\/h3>\n<p>The settings for the Drop Shadow open in the Layer Style dialog box.<\/p>\n<p>But before we change any of the settings, notice that the Effects column along the left is still cluttered with all of the strokes we added to the text. Even though none of the strokes are active, they are still taking up a lot of space:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/multiple-strokes-still-visible.png\" alt=\"The multiple strokes are still visible in Photoshop's Layer Style dialog box\" width=\"270\" height=\"272\" \/>\n<div class=\"image-desc\">The Layers panel still shows the multiple strokes.<\/div>\n<p>Since we don't need all of these strokes anymore, we can clear them by clicking the <strong>fx<\/strong> icon in the bottom left corner of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/click-fx-icon-layer-style-dialog.png\" alt=\"Clicking the fx icon in Photoshop's Layers panel\" width=\"277\" height=\"130\" \/>\n<div class=\"image-desc\">Clicking the fx icon.<\/div>\n<p>And then choosing <strong>Reset to Default List<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/reset-to-default-list.png\" alt=\"Choosing the Reset to Default List command in Photoshop's Layer Style dialog box\" width=\"173\" height=\"104\" \/>\n<div class=\"image-desc\">Choosing &quot;Reset to Default List&quot;.<\/div>\n<h3>Step 4: Reselect &quot;Drop Shadow&quot;<\/h3>\n<p>Unfortunately, this deselects the Drop Shadow we chose initially, so you'll need to reselect it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/reselect-drop-shadow.png\" alt=\"Reselecting Drop Shadow from the Effects column in the Layer Style dialog box\" width=\"269\" height=\"128\" \/>\n<div class=\"image-desc\">Reselecting &quot;Drop Shadow&quot; from the Effects column.<\/div>\n<h3>Step 5: Choose your Drop Shadow settings<\/h3>\n<p>Then enter the settings you need for the Drop Shadow. I'll leave the <strong>Angle<\/strong> at <strong>135 degrees<\/strong> but I'll increase the <strong>Distance<\/strong> to <strong>30 pixels<\/strong> and the Size (which controls the softness of the shadow edges) to <strong>15 pixels<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/drop-shadow-settings.png\" alt=\"Setting the Drop Shadow's angle, distance and size in Photoshop's Layer Style dialog box\" width=\"349\" height=\"257\" \/>\n<div class=\"image-desc\">Setting the Angle, Distance and Size of the Drop Shadow.<\/div>\n<p>And because we are applying the Drop Shadow to the layer group, everything inside the group, including the strokes around the text, is being shadowed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/strokes-text-shadow-black.jpg\" alt=\"Rainbow strokes around text with a black Drop Shadow applied in Photoshop\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">The Drop Shadow now affects both the text and the strokes.<\/div>\n<h3>Step 6: Change the color of the shadow<\/h3>\n<p>Since the strokes around the text are so colorful, the black shadow looks out of place. So to change the shadow color, click the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/drop-shadow-color-swatch.png\" alt=\"Clicking the Drop Shadow color swatch in the Layer Style dialog box\" width=\"398\" height=\"177\" \/>\n<div class=\"image-desc\">Clicking the color swatch.<\/div>\n<p>Then choose a new color. I'm going to choose red. But rather than dialing in the values for red in the Color Picker, I'll move my mouse cursor over the strokes and I'll click on the outer <strong>red stroke<\/strong> to sample it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/sample-red-stroke-color.jpg\" alt=\"Sampling the color red from one of the strokes around the text\" width=\"498\" height=\"377\" \/>\n<div class=\"image-desc\">Sampling a color from one of the strokes around the text.<\/div>\n<p>Then in the Color Picker, I'll choose a darker shade of red by lowering the <strong>Brightness<\/strong> (<strong>B<\/strong>) value down to <strong>50 percent<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/color-picker-dark-red.jpg\" alt=\"Lowering the brightness of the sampled color in Photoshop's Color Picker\" width=\"546\" height=\"397\" \/>\n<div class=\"image-desc\">Lowering the brightness of the sampled color.<\/div>\n<p>Click OK to close the Color Picker. Then click OK to close the Layer Style dialog box.<\/p>\n<p>And here, with the Drop Shadow color changed to red, is my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/multiple-strokes\/rainbow-color-strokes-text-effect-photoshop.jpg\" alt=\"How to add multiple strokes to text in Photoshop\" width=\"799\" height=\"486\" \/>\n<div class=\"image-desc\">The final effect.<\/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<p>And there we have it! For more ways to use layer effects with text, see my tutorials on how to <a href=\"\/photo-effects\/add-transparent-text-to-an-image-with-photoshop-layer-effects\/\" title=\"Learn more\">add transparent text<\/a> to an image, how to create <a href=\"\/photoshop-text\/text-effects\/spray-paint-text-effect\/\">spray painted text<\/a>, or how to create <a href=\"\/photoshop-text\/text-effects\/turning-text-into-gold-with-photoshop\/\" title=\"Learn more\">sparkling gold letters<\/a>! And don't forget, all of our Photoshop tutorials are available to <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">download as PDFs<\/a>!<\/p>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add multiple strokes around your text in Photoshop using layer effects, and how to save the strokes as a layer style preset!<\/p>\n","protected":false},"author":1,"featured_media":30273,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63,64],"tags":[],"class_list":["post-30241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photoshop-text","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>Add Multiple Strokes to Text with Photoshop Layer Effects<\/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:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add Multiple Strokes to Text in Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how easy it is to add multiple strokes around text using layer effects in Photoshop, and how to save the effect as a layer style preset!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/\" \/>\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=\"2020-07-07T23:06:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-05T15:47:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/07\/add-multiple-strokes-text-photoshop-s2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\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=\"35 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\\\/add-multiple-strokes-to-text-in-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Add Multiple Strokes to Text with Photoshop Layer Effects\",\"datePublished\":\"2020-07-07T23:06:23+00:00\",\"dateModified\":\"2022-11-05T15:47:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/\"},\"wordCount\":3603,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/add-multiple-strokes-to-text-photoshop-th.jpg\",\"articleSection\":[\"Photoshop Text\",\"Text Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/\",\"name\":\"Add Multiple Strokes to Text with Photoshop Layer Effects\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/add-multiple-strokes-to-text-photoshop-th.jpg\",\"datePublished\":\"2020-07-07T23:06:23+00:00\",\"dateModified\":\"2022-11-05T15:47:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/add-multiple-strokes-to-text-photoshop-th.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/add-multiple-strokes-to-text-photoshop-th.jpg\",\"width\":250,\"height\":250,\"caption\":\"Add multiple strokes to text in Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/add-multiple-strokes-to-text-in-photoshop\\\/#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\":\"Multiple Text Strokes with Layer Effects\"}]},{\"@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":"Add Multiple Strokes to Text with Photoshop Layer Effects","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\/add-multiple-strokes-to-text-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"How to add Multiple Strokes to Text in Photoshop","og_description":"Learn how easy it is to add multiple strokes around text using layer effects in Photoshop, and how to save the effect as a layer style preset!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2020-07-07T23:06:23+00:00","article_modified_time":"2022-11-05T15:47:50+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/07\/add-multiple-strokes-text-photoshop-s2.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"35 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Add Multiple Strokes to Text with Photoshop Layer Effects","datePublished":"2020-07-07T23:06:23+00:00","dateModified":"2022-11-05T15:47:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/"},"wordCount":3603,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/07\/add-multiple-strokes-to-text-photoshop-th.jpg","articleSection":["Photoshop Text","Text Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/","name":"Add Multiple Strokes to Text with Photoshop Layer Effects","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/07\/add-multiple-strokes-to-text-photoshop-th.jpg","datePublished":"2020-07-07T23:06:23+00:00","dateModified":"2022-11-05T15:47:50+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/07\/add-multiple-strokes-to-text-photoshop-th.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2020\/07\/add-multiple-strokes-to-text-photoshop-th.jpg","width":250,"height":250,"caption":"Add multiple strokes to text in Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/add-multiple-strokes-to-text-in-photoshop\/#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":"Multiple Text Strokes with Layer Effects"}]},{"@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\/30241","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=30241"}],"version-history":[{"count":43,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/30241\/revisions"}],"predecessor-version":[{"id":33747,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/30241\/revisions\/33747"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/30273"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=30241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=30241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=30241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}