{"id":26530,"date":"2019-02-02T14:00:19","date_gmt":"2019-02-02T19:00:19","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=26530"},"modified":"2022-11-06T11:09:30","modified_gmt":"2022-11-06T16:09:30","slug":"spray-paint-text-effect","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/","title":{"rendered":"How to Create a Spray Paint Text Effect in Photoshop"},"content":{"rendered":"<div class=\"summary\">\n<p>Learn how to create a spray paint text effect in Photoshop, with your letters spray-painted onto the background! A step-by-step tutorial.<\/p>\n<\/div>\n<section>\n<div class=\"video3\">\n<div class=\"video-container\">\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/6bIAkUbuMGk\" frameborder=\"0\" allow=\"accelerometer; autoplay; 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, I'll show you how to create a simple spray-painted text effect where the letters look like they've been spray-painted onto a wall or surface. I'll also show you how to blend the spay paint in with the surface for a more realistic looking effect. And because we'll create the spray paint using nothing more than a layer effect and Photoshop's blending options, your text will remain editable even when we're done. <\/p>\n<p>I'll be using the <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\">latest version of Photoshop<\/a> but any recent version will work.<\/p>\n<p>Here's an example of what the spray-painted text effect will look like. Of course, you can use any text, background and colors you like:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/photoshop-spray-painted-text-effect.jpg\" alt=\"How to create a spray-painted text effect in Photoshop\" width=\"702\" height=\"337\" \/>\n<div class=\"image-desc\">The spray-painted text effect.<\/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>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<h2 class=\"sub\">How to create spray-painted text in Photoshop<\/h2>\n<p>We'll start by learning how to create the main spray paint effect, and then I'll show you how to blend the letters in with the background. I'll also show you how to duplicate the effect to add more text to your design, and how to change the color of the paint.<\/p>\n<p>You can also follow along with the <a href=\"https:\/\/youtu.be\/6bIAkUbuMGk\" title=\"Watch the video\" target=\"_blank\" rel=\"noopener noreferrer\">video of this tutorial<\/a>. Or download this tutorial as a <a href=\"\/print-ready-pdfs\" title=\"Learn more\">print-ready PDF<\/a>!<\/p>\n<h3>Step 1: Open your background image<\/h3>\n<p>Since we're going to want to spray paint the text onto some sort of background, start by opening your background image. I'll use <a href=\"https:\/\/prf.hn\/l\/ERPwN82\" title=\"View this image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">this image<\/a> that I downloaded from Adobe Stock:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/background-image.jpg\" alt=\"The surface that the text will be spray-painted onto in Photoshop\" width=\"702\" height=\"337\" \/>\n<div class=\"image-desc\">The surface where the text will be spray-painted. Credit: Adobe Stock.<\/div>\n<p>And in the <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>, we see the image on the <a href=\"\/basics\/background-layer-photoshop-cc\/\">Background layer<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/layers-panel-background-layer.png\" alt=\"Photoshop's Layers panel showing the Background layer\" width=\"297\" height=\"321\" \/>\n<div class=\"image-desc\">Photoshop's Layers panel showing the Background layer.<\/div>\n<p><a href=\"\/photoshop-layers-learning-guide\/\" title=\"Learn more about Photoshop layers\">Related: Learn how to use layers in Photoshop<\/a><\/p>\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 about the Photoshop toolbar\">Toolbar<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/photoshop-type-tool.png\" alt=\"Selecting the Type Tool in Photoshop\" width=\"80\" height=\"160\" \/>\n<div class=\"image-desc\">Selecting the Type Tool.<\/div>\n<h4>Choosing a font<\/h4>\n<p>And then in the Options Bar, choose your font. I'll use &quot;<a href=\"https:\/\/clk.tradedoubler.com\/click?p(264303)a(2982769)g(22913540)url(https:\/\/fonts.adobe.com\/fonts\/hwt-gothic-round)\" title=\"View this font on Adobe Typekit\" target=\"_blank\" rel=\"noopener noreferrer\">HWT Gothic Round<\/a>&quot; which I downloaded from Adobe Typekit. If you don't have access to this font, that's okay. Any font will work:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/choosing-font.png\" alt=\"Choosing a font for the spray paint text effect in Photoshop\" width=\"460\" height=\"101\" \/>\n<div class=\"image-desc\">Choosing a font in the Options Bar.<\/div>\n<h4>More type options<\/h4>\n<p>Still in the Options Bar, I'll set my type <strong>size<\/strong> to <strong>72 pt<\/strong> just to give me the largest preset size for now. And I'll set the text <strong>alignment<\/strong> to <strong>center<\/strong>. <\/p>\n<p>For the <strong>color<\/strong>, I'll choose <strong>white<\/strong> by clicking on the color swatch and choosing white from Photoshop's Color Picker. This is not the color we're going to use for the spray paint. All we need for now is something that lets us see the text as we're adding it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/more-type-options.png\" alt=\"Setting the size, alignment and color of the text to use for the spray paint effect in Photoshop\" width=\"490\" height=\"102\" \/>\n<div class=\"image-desc\">Setting the size, alignment and color of the text.<\/div>\n<h4>Adding the text<\/h4>\n<p>Then click in the document and add your text. I'll type the word \"PAINT\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/adding-text-photoshop.jpg\" alt=\"Adding the text to use for the spray paint effect in Photoshop\" width=\"698\" height=\"336\" \/>\n<div class=\"image-desc\">Adding the text.<\/div>\n<h4>Accepting the text<\/h4>\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\/spray-paint\/click-checkmark.png\" alt=\"Accepting the text by clicking the checkmark in Photoshop\" width=\"263\" height=\"101\" \/>\n<div class=\"image-desc\">Clicking the checkmark.<\/div>\n<h3>Step 3: Resize and reposition the text with Free Transform<\/h3>\n<p>To resize the text and move it into place, go up to the <strong>Edit<\/strong> menu in the Menu Bar and choose <strong><a href=\"\/basics\/free-transform-in-photoshop-cc-2019-new-features-and-changes\/\" title=\"View tutorial\">Free Transform<\/a><\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/choose-free-transform-photoshop.png\" alt=\"Choosing the Free Transform command in Photoshop\" width=\"283\" height=\"106\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>And then to resize the text, click and drag any of the <strong>corner handles<\/strong>. As of <a href=\"http:\/\/clkuk.tradedoubler.com\/click?p=264303&a=2982769&g=22913540\" title=\"Learn more about Adobe Creative Cloud\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop CC 2019<\/a>, the aspect ratio of the text is automatically locked as you drag the handles. In earlier versions of Photoshop, you'll need to hold down your <strong>Shift<\/strong> key as you drag to lock the aspect ratio in place.<\/p>\n<p>To resize the text from its center, press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key as you drag. And if you need to reposition your text, click inside the Free Transform box and drag the text into place.<\/p>\n<p>To accept it and exit out of Free Transform, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/resize-text-photoshop.jpg\" alt=\"Resizing the text with Free Transform in Photoshop\" width=\"698\" height=\"336\" \/>\n<div class=\"image-desc\">Resizing the text by dragging a corner handle.<\/div>\n<h3>Step 4: Lower the Fill value of the Type layer to 0&#37;<\/h3>\n<p>In the Layers panel, we see our text on a new Type layer above the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/new-type-layer-photoshop.png\" alt=\"The text on its own Type layer in Photoshop's Layers panel\" width=\"297\" height=\"182\" \/>\n<div class=\"image-desc\">The text appears on its own Type layer.<\/div>\n<p>To create the spray paint effect, the first thing we need to do is make our text transparent. To do that, lower the <strong>Fill<\/strong> value in the upper right of the Layers panel all the way down to <strong>0&#37;<\/strong>. Make sure you're lowering the Fill value, not the Opacity value:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/lower-type-layer-fill-value.png\" alt=\"Lowering the Fill of the Type layer to 0 percent in Photoshop\" width=\"297\" height=\"202\" \/>\n<div class=\"image-desc\">Lowering the Fill of the Type layer to 0 percent.<\/div>\n<p>The text completely disappears. It's still there, it's just transparent:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/transparent-text.jpg\" alt=\"The text is transparent after lowering the Fill value to 0 percent in Photoshop\" width=\"698\" height=\"336\" \/>\n<div class=\"image-desc\">Lowering the Fill value made the text invisible.<\/div>\n<h4>What's the difference between Opacity and Fill?<\/h4>\n<p>In the Layers panel, both the <a href=\"\/basics\/layers\/opacity-vs-fill\/\" title=\"View tutorial\">Opacity and Fill<\/a> values affect a layer's transparency. The difference between them is that Opacity controls the transparency of both the <em>contents of a layer<\/em> and any <em>layer effects<\/em> that we've applied. Fill, on the other hand, affects <em>only the contents of a layer<\/em>. It has no effect on the layer effects.<\/p>\n<p>This means that by lowering the Fill value, we can apply layer effects to our text and keep the effects visible even though the text itself is hidden. And this is what's going to let us create our spray paint effect.<\/p>\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<h3>Step 5: Add a Drop Shadow layer effect to the Type layer<\/h3>\n<p>The entire spray paint effect can be created using a single layer effect, and the one we need is Drop Shadow. With the Type layer selected, click on the <strong>Layer Style<\/strong> icon (the &quot;<strong>fx<\/strong>&quot; icon) at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/add-layer-style-icon-photoshop.png\" alt=\"Clicking the Add a Layer Style icon in Photoshop's Layers panel\" width=\"297\" height=\"182\" \/>\n<div class=\"image-desc\">Clicking the Layer Style icon.<\/div>\n<p>And then choose <strong>Drop Shadow<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/add-drop-shadow-layer-style.png\" alt=\"Choosing a Drop Shadow layer effect in Photoshop\" width=\"195\" height=\"117\" \/>\n<div class=\"image-desc\">Choosing a Drop Shadow layer effect.<\/div>\n<h3>Step 6: Reset the Drop Shadow settings to the defaults<\/h3>\n<p>In the Layer Style dialog box, click the <strong>Reset to Default<\/strong> button to restore the default Drop Shadow settings, just so we're both seeing the same thing:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drop-shadow-reset-to-default.png\" alt=\"Restoring the default Drop Shadow settings in Photoshop\" width=\"338\" height=\"136\" \/>\n<div class=\"image-desc\">Clicking the Reset to Default button.<\/div>\n<h3>Step 7: Change the Drop Shadow's color to white<\/h3>\n<p>Then change the drop shadow's color by clicking on the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drop-shadow-color-swatch.png\" alt=\"Clicking on the drop shadow's color swatch in Photoshop\" width=\"369\" height=\"152\" \/>\n<div class=\"image-desc\">Clicking the color swatch.<\/div>\n<p>And in the Color Picker, choose <strong>white<\/strong> for now, and then click OK. We'll choose different colors for the effect a bit later:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/color-picker-choose-white.jpg\" alt=\"Setting the drop shadow's color to white in the Color Picker\" width=\"545\" height=\"398\" \/>\n<div class=\"image-desc\">Setting the drop shadow's color to white.<\/div>\n<h3>Step 8: Change the blend mode of the shadow to Screen<\/h3>\n<p>To see the white, change the <strong><a href=\"\/photo-editing\/layer-blend-modes\/intro\/\" title=\"Learn more\">blend mode<\/a><\/strong> of the drop shadow from <a href=\"\/photo-editing\/layer-blend-modes\/multiply\/\" title=\"View tutorial\">Multiply<\/a> (the default blend mode) to <strong><a href=\"\/photo-editing\/layer-blend-modes\/screen\/\" title=\"Learn more\">Screen<\/a><\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/change-drop-shadow-blend-mode.png\" alt=\"Changing the blend mode of the drop shadow to Screen in Photoshop\" width=\"369\" height=\"154\" \/>\n<div class=\"image-desc\">Changing the blend mode to Screen.<\/div>\n<p>And right away, we start to see white appearing behind the letters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/effect-white-screen.jpg\" alt=\"The text effect with a white drop shadow set to the Screen blend mode in Photoshop\" width=\"704\" height=\"338\" \/>\n<div class=\"image-desc\">A faint white outline appears around the text.<\/div>\n<h3>Step 9: Increase the Opacity of the shadow to 100&#37;<\/h3>\n<p>To make the effect brighter, increase the <strong>opacity<\/strong> of the drop shadow all the way to <strong>100&#37;<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drop-shadow-opacity-100percent.png\" alt=\"Increasing the opacity of the drop shadow to 100 percent in Photoshop\" width=\"369\" height=\"172\" \/>\n<div class=\"image-desc\">Raising the opacity to 100 percent.<\/div>\n<p>And now the effect  is easier to see. By changing the color of the drop shadow from black to white, and changing its blend mode from Multiply to Screen, we've essentially turned our shadow into a glow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/effect-opacity-100percent.jpg\" alt=\"The text effect after increasing the opacity of the drop shadow to 100 percent in Photoshop\" width=\"704\" height=\"338\" \/>\n<div class=\"image-desc\">The result after increasing the opacity.<\/div>\n<h3>Step 10: Set the Distance and Spread to 0&#37;<\/h3>\n<p>Ignore the Angle and Use Global Light options since they're not going to matter here. But lower the <strong>Distance<\/strong> to <strong>0px<\/strong> and make sure the <strong>Spread<\/strong> is at <strong>0&#37;<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drop-shadow-distance-spread.png\" alt=\"Setting the Distance and Spread options for the Drop Shadow in Photoshop\" width=\"369\" height=\"137\" \/>\n<div class=\"image-desc\">Setting both the Distance and Spread to 0.<\/div>\n<p>By setting the Distance to 0px, we've centered the drop shadow behind the text, creating a faint outline or stroke around the letters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/effect-distance-0.jpg\" alt=\"The text effect after lowering the Distance of the drop shadow to 0 px in Photoshop\" width=\"702\" height=\"338\" \/>\n<div class=\"image-desc\">The result after lowering the Distance to 0px.<\/div>\n<h3>Step 11: Increase the Size of the Drop Shadow<\/h3>\n<p>To spread the shadow (or glow, in this case) out further from the edges, increase the <strong>Size<\/strong> value:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/increase-drop-shadow-size.png\" alt=\"Increasing the Size of the Drop Shadow in Photoshop\" width=\"369\" height=\"123\" \/>\n<div class=\"image-desc\">Increasing the Size of the drop shadow.<\/div>\n<p>The more you increase it, the wider the glow appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/effect-drop-shadow-size.jpg\" alt=\"The text effect after lowering the Distance of the drop shadow to 0 px in Photoshop\" width=\"704\" height=\"338\" \/>\n<div class=\"image-desc\">The result after lowering the Distance to 0 px.<\/div>\n<h3>Step 12: Change the Contour to Cone<\/h3>\n<p>At this point, the effect so far doesn't look much like spray paint. Our glow needs to look more like an outline around the shapes of the letters.<\/p>\n<p>To fix that, still in the Layer Style dialog box, go to the <strong>Quality<\/strong> section, click on the small arrow next to the <strong>Contour<\/strong> preview thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drop-shadow-choose-contour.png\" alt=\"Choosing a new contour for the drop shadow in Photoshop\" width=\"369\" height=\"130\" \/>\n<div class=\"image-desc\">Click the arrow, not the thumbnail.<\/div>\n<p>And then choose the <strong>Cone<\/strong> contour by double-clicking on its thumbnail. It's the one in the top row, second from the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/choose-cone-contour.png\" alt=\"Choosing the Cone contour for the Drop Shadow in Photoshop\" width=\"274\" height=\"168\" \/>\n<div class=\"image-desc\">Selecting the Cone contour.<\/div>\n<p>Contours affect the transparency of the drop shadow, changing how and where it transitions from opaque to transparent areas. And right away, we see a much stronger outline around the edges of the letters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/effect-cone-contour.jpg\" alt=\"The text effect after choosing the Cone contour for the drop shadow in Photoshop\" width=\"702\" height=\"337\" \/>\n<div class=\"image-desc\">The effect after switching to the Cone contour.<\/div>\n<h3>Step 13: Uncheck \"Layer Knocks Out Drop Shadow\"<\/h3>\n<p>But notice that even though our text is transparent, the glow only appears around the <em>outside<\/em> of it. We need to see the glow <em>inside<\/em> the letters as well.<\/p>\n<p>To fix that, uncheck the option that says <strong>Layer Knocks Out Drop Shadow<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/layer-knocks-out-drop-shadow.png\" alt=\"Unchecking 'Layer Knocks Out Drop Shadow' in Photoshop\" width=\"369\" height=\"180\" \/>\n<div class=\"image-desc\">Unchecking &quot;Layer Knocks Out Drop Shadow&quot;.<\/div>\n<p>And now the outline appears both outside <em>and<\/em> inside the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/effect-layer-knocks-out-drop-shadow.png\" alt=\"The text effect after choosing the Cone contour for the drop shadow in Photoshop\" width=\"702\" height=\"338\" \/>\n<div class=\"image-desc\">The effect after switching to the Cone contour.<\/div>\n<h3>Step 14: Re-adjust the Size value if needed<\/h3>\n<p>At this point, you may need to go back and re-adjust the <strong>Size<\/strong> value to change the thickness of the outline. Don't go too high though or you'll spread the glow out too far. The exact size you need will depend on the size of your text.<\/p>\n<p>In my case, I'll go with a Size value of around 120px, but you may need a different value:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/readjust-size.png\" alt=\"Increasing the Size value for the Drop Shadow in Photoshop\" width=\"369\" height=\"162\" \/>\n<div class=\"image-desc\">Increasing the Size value.<\/div>\n<p>And here's the result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/effect-size-120px.jpg\" alt=\"The text effect after increasing the Size value for the drop shadow in Photoshop\" width=\"702\" height=\"338\" \/>\n<div class=\"image-desc\">The effect after re-adjusting the Size value.<\/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<h3>Step 15: Add noise<\/h3>\n<p>Finally, add some noise to the outline by increasing the <strong>Noise<\/strong> value. I'll set mine to around 25-30&#37;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drop-shadow-noise-value.png\" alt=\"Increasing the Noise value for the drop shadow in Photoshop\" width=\"369\" height=\"128\" \/>\n<div class=\"image-desc\">Adding noise to the effect.<\/div>\n<p>And now, if I zoom in, we see little speckles in the outline, making it look more like spray paint.<\/p>\n<p>Depending on the size of the font you're using, you may notice some faint hard edges  along the areas where the effect and the background meet. In this screenshot, you can see them inside the letters &quot;P&quot; and &quot;A&quot;. These edges will disappear once we blend the text in with the background, which is what we'll be doing next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/spray-paint-closeup.jpg\" alt=\"Paint speckles have been added to the spray paint text effect in Photoshop\" width=\"700\" height=\"416\" \/>\n<div class=\"image-desc\">The effect after adding noise.<\/div>\n<h2 class=\"sub\">How to blend the spray-painted text with the background<\/h2>\n<p>At this point, we're done with our Drop Shadow layer effect. So let's learn how to blend the effect in with the background, so it looks like the text is actually spray-painted onto the background and not just sitting in front of it. When we\u2019re done, I\u2019ll show you how to copy the effect to add more text while keeping the layer effects and the blending options intact.<\/p>\n<h3>Step 16: Open Photoshop's Blending Options<\/h3>\n<p>Still in the Layer Style dialog box, select the <strong>Blending Options<\/strong> category on the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/select-blending-options-photoshop.png\" alt=\"Opening the Blending Options in Photoshop\" width=\"248\" height=\"154\" \/>\n<div class=\"image-desc\">Opening the Blending Options.<\/div>\n<h3>Step 17: Drag the black \"Underlying Layer\" slider to the right<\/h3>\n<p>At the bottom of the Blending Options are two sets of sliders. The one on top says \"This Layer\" and the one below it says \"Underlying Layer\". We can use these sliders to blend our text with the background image. And the set we need is the bottom one (<strong>Underlying Layer<\/strong>):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/blend-if-sliders-photoshop.png\" alt=\"The 'Underlying Layer' Blend If slider in Photoshop\" width=\"369\" height=\"161\" \/>\n<div class=\"image-desc\">The &quot;Underlying Layer&quot; slider in the Blending Options.<\/div>\n<p>Notice the two sliders below the gradient bar. There's a black slider on the left and a white slider on the right. We're going to blend our text in with the darkest parts of our background image. And for that, we need the <strong>black slider<\/strong>.<\/p>\n<p>Click on the black slider and begin dragging it towards the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drag-black-slider.png\" alt=\"Dragging the black slider to the right\" width=\"369\" height=\"155\" \/>\n<div class=\"image-desc\">Dragging the black slider to the right.<\/div>\n<p>As you drag, keep an eye on your text and you'll see the darkest areas of the background image starting to show through it. And as you drag further, more and more of the background appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/blending-text-with-background.jpg\" alt=\"Dragging the black slider reveals the darkest areas of the background through the text.\" width=\"702\" height=\"203\" \/>\n<div class=\"image-desc\">Dragging the black slider reveals the darkest areas of the background through the text.<\/div>\n<h3>Step 18: Split the black slider in half<\/h3>\n<p>The problem is that the transitions between the text and the background are very harsh. To create smoother transitions, press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard. Click on the right side of the black slider and drag it away from the left side. This splits the slider into two halves:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/split-slider.jpg\" alt=\"Dragging the black Blend If slider into two halves in Photoshop\" width=\"369\" height=\"149\" \/>\n<div class=\"image-desc\">Hold Alt (Win) \/ Option (Mac) and drag the slider apart.<\/div>\n<h3>Step 19: Adjust the sliders to create a smooth transition<\/h3>\n<p>The left half of the slider now controls the brightness level where the text begins to appear in front of the background. And the right half sets the brightness level where the text becomes fully visible and the background no longer shows through it. The area between the two sliders becomes the transition area where the text and the background are blending together. The further apart you drag the sliders, the more gradual the transition appears. <\/p>\n<p>Adjust each half of the slider until you're happy with the effect. There are no specific values to use here since it will depend on your background image.<\/p>\n<p>In my case, I'll set my left half to a brightness level of 10 and my right half to a brightness level of 60. In other words, any areas of my background image that are at a brightness level of 10 or darker will completely show through the text. Areas at a brightness level of 60 or lighter will be completely hidden by the text. And the brightness levels in between (11 through 59) are where the transition is taking place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/black-slider-values.png\" alt=\"The brightness levels for the left and right half of the Blend If slider in Photoshop\" width=\"369\" height=\"151\" \/>\n<div class=\"image-desc\">My brightness levels for the left half (10) and right half (60) of the slider.<\/div>\n<p>And with the text now blending with the image, we get a much more realistic-looking spray paint effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/spray-paint-effect-blended.jpg\" alt=\"Photoshop spray-painted text effect with the text blended in with the background\" width=\"702\" height=\"337\" \/>\n<div class=\"image-desc\">The effect with the text blended in with the background.<\/div>\n<h3>Step 20: Close the Layer Style dialog box<\/h3>\n<p>We're done with the main effect, so go ahead and close the Layer Style dialog box by clicking OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/close-layer-style-dialog-box.png\" alt=\"Closing the Layer Style dialog box in Photoshop\" width=\"169\" height=\"156\" \/>\n<div class=\"image-desc\">Clicking OK to close the dialog box.<\/div>\n<p>And in the Layers panel, we now see our Drop Shadow listed as an effect below the Type layer. We also see a Blending Options icon beside the \"fx\" icon, telling us that we also have some advanced blending options applied to the layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/type-layer-effects-blending-options.png\" alt=\"The Type layer in Photoshop showing the Drop Shadow effect and the advanced blending options\" width=\"297\" height=\"183\" \/>\n<div class=\"image-desc\">The Type layer now shows our Drop Shadow and blending options.<\/div>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h2 class=\"sub\">How to duplicate the spray-painted text effect<\/h2>\n<p>At this point, adding more spray-painted text is easy. <\/p>\n<h3>Step 21: Make a copy of the Type layer<\/h3>\n<p>All we need to do is duplicate our Type layer. Simply drag it down onto the <strong>Add New Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/duplicate-type-layer.png\" alt=\"Duplicating the Type layer in Photoshop\" width=\"298\" height=\"241\" \/>\n<div class=\"image-desc\">Dragging the Type layer onto the Add New Layer icon.<\/div>\n<p>A copy of the Type layer appears above the original, complete with our Drop Shadow effect and our blending options:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/type-layer-copied.png\" alt=\"Photoshop's Layers panel showing the Type layer copy above the original\" width=\"297\" height=\"274\" \/>\n<div class=\"image-desc\">The Layers panel now showing both Type layers.<\/div>\n<h3>Step 22: Select the Move Tool<\/h3>\n<p>To reposition the text, select the <strong>Move Tool<\/strong> from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/photoshop-move-tool.png\" alt=\"Selecting the Move Tool from Photoshop's Toolbar\" width=\"74\" height=\"133\" \/>\n<div class=\"image-desc\">Selecting the Move Tool.<\/div>\n<h3>Step 23: Move the text into place<\/h3>\n<p>And then click on the text and move it into place. I'll drag the copy of the text upward:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drag-text-up.jpg\" alt=\"Dragging the copy of the spray-painted text effect to the top of the image in Photoshop\" width=\"698\" height=\"336\" \/>\n<div class=\"image-desc\">Dragging the copied text to the top of the background image.<\/div>\n<p>Then in the Layers panel, I'll click on the original Type layer to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/select-original-type-layer.png\" alt=\"Selecting the original Type layer in the Layers panel\" width=\"297\" height=\"242\" \/>\n<div class=\"image-desc\">Selecting the original Type layer.<\/div>\n<p>And I'll drag the original text downward:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drag-text-down.jpg\" alt=\"Dragging the copy of the spray-painted text effect to the bottom of the image in Photoshop\" width=\"698\" height=\"334\" \/>\n<div class=\"image-desc\">Dragging the original text to the bottom of the background image.<\/div>\n<h2 class=\"sub\">How to edit the spray-painted text<\/h2>\n<p>Since our text is still editable type, we can easily edit the text and keep the spray paint effect intact.<\/p>\n<h3>Step 24: Select the Type Tool<\/h3>\n<p>I don't want both words to be the same, so to edit the top text, I'll select the Type Tool from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/photoshop-type-tool.png\" alt=\"Selecting the Type Tool in Photoshop\" width=\"80\" height=\"160\" \/>\n<div class=\"image-desc\">Selecting the Type Tool.<\/div>\n<h3>Step 25: Select and edit the text<\/h3>\n<p>Then, I'll double-click inside the word to highlight it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/highlight-text-to-edit.jpg\" alt=\"Highlighting the text to edit with the Type Tool in Photoshop\" width=\"698\" height=\"353\" \/>\n<div class=\"image-desc\">Highlighting the top word by double-clicking with the Type Tool.<\/div>\n<p>And I'll change the word from \"PAINT\" to \"SPRAY\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/edit-text.jpg\" alt=\"Editing the text while keeping the spray paint effect in Photoshop\" width=\"698\" height=\"337\" \/>\n<div class=\"image-desc\">Editing the text.<\/div>\n<p>To accept it, I'll click the <strong>checkmark<\/strong> in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/click-checkmark.png\" alt=\"Accepting the text by clicking the checkmark in Photoshop\" width=\"263\" height=\"101\" \/>\n<div class=\"image-desc\">Clicking the checkmark.<\/div>\n<h3>Step 26: Resize the edited text with Free Transform<\/h3>\n<p>I'll resize the top text by going up to the <strong>Edit<\/strong> menu and choosing <strong>Free Transform<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/choose-free-transform-photoshop.png\" alt=\"Choosing the Free Transform command in Photoshop\" width=\"283\" height=\"106\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>And then I'll drag the top corner handles to resize the word so it's the same width as the bottom word. To accept it, I'll press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on my keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/free-transform-top-text.jpg\" alt=\"Resizing the copy of the spray painted text effect in Photoshop\" width=\"700\" height=\"363\" \/>\n<div class=\"image-desc\">Resizing the copy of the text.<\/div>\n<h2 class=\"sub\">How to change the color of the spray paint<\/h2>\n<p>And finally, let's look at how to change the color of the effect.<\/p>\n<h3>Step 27: Double-click on the Drop Shadow layer effect<\/h3>\n<p>To change the color of the spray paint, double-click on the words \"Drop Shadow\" below the Type layer. If you have more than one Type layer as I do, make sure you're double-clicking on the one you want to edit.<\/p>\n<p>In my case, I'll start with the word \"SPRAY\" at the top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/reopen-drop-shadow.png\" alt=\"Reopening the Drop Shadow layer effect for the word 'SPRAY' in the Layers panel in Photoshop\" width=\"297\" height=\"181\" \/>\n<div class=\"image-desc\">Double-clicking on the words &quot;Drop Shadow&quot;.<\/div>\n<h3>Step 28: Click the color swatch<\/h3>\n<p>This reopens the Layer Style dialog box. Click on the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drop-shadow-change-color.png\" alt=\"Clicking the Drop Shadow's color swatch to change the shadow color in Photoshop\" width=\"369\" height=\"155\" \/>\n<div class=\"image-desc\">Clicking the Drop Shadow's color swatch.<\/div>\n<h3>Step 29: Choose a new color from the Color Picker<\/h3>\n<p>And then in the Color Picker, choose a new color. I'll go with something bright, like yellow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drop-shadow-choose-new-color.jpg\" alt=\"Choosing a new color for the spray paint text effect in Photoshop\" width=\"544\" height=\"396\" \/>\n<div class=\"image-desc\">Choosing a new color for the spray paint.<\/div>\n<p>Click OK to close the Color Picker, and then click OK to close the Layer Style dialog box. And now my top text is colored yellow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/sptray-paint-effect-yellow-text.jpg\" alt=\"Photoshop spray-painted text effect with the top text colored yellow\" width=\"702\" height=\"337\" \/>\n<div class=\"image-desc\">The result after coloring the top text.<\/div>\n<h4>Changing the color of the bottom text<\/h4>\n<p>I'll do the same thing with the bottom text. I'll double-click on the words \"Drop Shadow\" to reopen the Layer Style dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/reopen-paint-drop-shadow.png\" alt=\"Reopening the Drop Shadow layer effect for the word 'PAINT'in the Layers panel in Photoshop\" width=\"297\" height=\"149\" \/>\n<div class=\"image-desc\">Reopening the Drop Shadow layer effect for the word &quot;PAINT&quot;.<\/div>\n<p>And then I'll click on the color swatch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/drop-shadow-change-color.png\" alt=\"Clicking the Drop Shadow's color swatch to change the shadow color in Photoshop\" width=\"369\" height=\"155\" \/>\n<div class=\"image-desc\">Clicking the Drop Shadow's color swatch.<\/div>\n<p>And I'll choose a new color from the Color Picker. For the bottom text, I'll again go with something bright, like a reddish pink:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/choose-second-spray-paint-color.jpg\" alt=\"Choosing a second color for the spray paint text effect in Photoshop\" width=\"546\" height=\"397\" \/>\n<div class=\"image-desc\">Choosing a second color for the spray paint.<\/div>\n<p>I'll click OK once again to close the Color Picker, and then OK to close the Layer Style dialog box. <\/p>\n<p>And here, after adding color to both words, is my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/spray-paint\/photoshop-spray-painted-text-effect.jpg\" alt=\"How to create a spray-painted text effect in Photoshop\" width=\"702\" height=\"337\" \/>\n<div class=\"image-desc\">The finished spray-painted text 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! That's how to create spray-painted text in Photoshop! Check out our <a href=\"\/photo-effects\/\" title=\"View Photoshop Photo Effects tutorials\">Photo Effects<\/a> and <a href=\"\/photoshop-text\/text-effects\/\" title=\"View Photoshop Text Effects tutorials\">Text Effects<\/a> sections for more tutorials. And don't forget, all of our tutorials are available to <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">download as PDFs<\/a>!<\/p>\n<\/section>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn how to spray paint text onto a wall or other background with Photoshop! <\/p>\n","protected":false},"author":1,"featured_media":26535,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[110,64],"tags":[],"class_list":["post-26530","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc-text-effects","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>How to Create a Spray Paint Text Effect in Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to spray paint text onto a wall or other background in Photoshop with this step-by-step tutorial for Photoshop CC and earlier.\" \/>\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\/spray-paint-text-effect\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Spray Paint text effect with Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to spray paint text onto a wall or other background with Photoshop! Check out the complete step-by-step tutorial at PhotoshopEssentials.com\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/\" \/>\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=\"2019-02-02T19:00:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-06T16:09:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/02\/photoshop-spray-paint-text-effect-share-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"525\" \/>\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=\"27 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\\\/spray-paint-text-effect\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"How to Create a Spray Paint Text Effect in Photoshop\",\"datePublished\":\"2019-02-02T19:00:19+00:00\",\"dateModified\":\"2022-11-06T16:09:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/\"},\"wordCount\":3099,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/photoshop-spray-paint-text-effect-t.jpg\",\"articleSection\":[\"CC\",\"Text Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/\",\"name\":\"How to Create a Spray Paint Text Effect in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/photoshop-spray-paint-text-effect-t.jpg\",\"datePublished\":\"2019-02-02T19:00:19+00:00\",\"dateModified\":\"2022-11-06T16:09:30+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to spray paint text onto a wall or other background in Photoshop with this step-by-step tutorial for Photoshop CC and earlier.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/photoshop-spray-paint-text-effect-t.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/photoshop-spray-paint-text-effect-t.jpg\",\"width\":250,\"height\":250,\"caption\":\"Photoshop spray paint text effect tutorial\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/spray-paint-text-effect\\\/#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\":\"How to Create a Spray Paint Text Effect in Photoshop\"}]},{\"@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":"How to Create a Spray Paint Text Effect in Photoshop","description":"Learn how to spray paint text onto a wall or other background in Photoshop with this step-by-step tutorial for Photoshop CC and earlier.","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\/spray-paint-text-effect\/","og_locale":"en_US","og_type":"article","og_title":"Create a Spray Paint text effect with Photoshop","og_description":"Learn how to spray paint text onto a wall or other background with Photoshop! Check out the complete step-by-step tutorial at PhotoshopEssentials.com","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2019-02-02T19:00:19+00:00","article_modified_time":"2022-11-06T16:09:30+00:00","og_image":[{"width":1000,"height":525,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/02\/photoshop-spray-paint-text-effect-share-1.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"27 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"How to Create a Spray Paint Text Effect in Photoshop","datePublished":"2019-02-02T19:00:19+00:00","dateModified":"2022-11-06T16:09:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/"},"wordCount":3099,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/02\/photoshop-spray-paint-text-effect-t.jpg","articleSection":["CC","Text Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/","name":"How to Create a Spray Paint Text Effect in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/02\/photoshop-spray-paint-text-effect-t.jpg","datePublished":"2019-02-02T19:00:19+00:00","dateModified":"2022-11-06T16:09:30+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to spray paint text onto a wall or other background in Photoshop with this step-by-step tutorial for Photoshop CC and earlier.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/02\/photoshop-spray-paint-text-effect-t.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/02\/photoshop-spray-paint-text-effect-t.jpg","width":250,"height":250,"caption":"Photoshop spray paint text effect tutorial"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/spray-paint-text-effect\/#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":"How to Create a Spray Paint Text Effect in Photoshop"}]},{"@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\/26530","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=26530"}],"version-history":[{"count":46,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/26530\/revisions"}],"predecessor-version":[{"id":33776,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/26530\/revisions\/33776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/26535"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=26530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=26530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=26530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}