The exact size you need will depend on the size of your text. 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. And I’ll change the word from “PAINT” to “SPRAY”: To accept it, I’ll click the checkmark in the Options Bar: I’ll resize the top text by going up to the Edit menu and choosing Free Transform: And then I’ll drag the top corner handles to resize the word so it’s the same width as the bottom word. Learn how to create a spray paint text effect in Photoshop, with your letters spray-painted onto the background! We need to see the glow inside the letters as well. With the Type layer selected, click on the Layer Style icon (the “ fx ” icon) at the bottom of the Layers panel: Clicking the Layer Style icon. Whether you want a spray paint or ink wash effect, find the exact brush you need to let your creativity flow with digital drawing, painting, and lettering in Adobe Photoshop. And I’ll choose a new color from the Color Picker. And the brightness levels in between (11 through 59) are where the transition is taking place: And with the text now blending with the image, we get a much more realistic-looking spray paint effect: We're done with the main effect, so go ahead and close the Layer Style dialog box by clicking OK: And in the Layers panel, we now see our Drop Shadow listed as an effect below the Type layer. Reopening the Drop Shadow layer effect for the word "PAINT". Now you have the Action that will… 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. And with the text now blending with the image, we get a much more realistic-looking spray paint effect: The effect with the text blended in with the background. Highlighting the top word by double-clicking with the Type Tool. We’re done with the main effect, so go ahead and close the Layer Style dialog box by clicking OK: And in the Layers panel, we now see our Drop Shadow listed as an effect below the Type layer. The difference between them is that Opacity controls the transparency of both the contents of a layer and any layer effects that we’ve applied. Photoshop Essentials.com - Tutorials and training for Adobe Photoshop. 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. 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. 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 I’ll set the text alignment to center. To reposition the text, select the Move Tool from the Toolbar: And then click on the text and move it into place. We can use these sliders to blend our text with the background image. Step 1. The effect is applied in layers, allowing you to stay in control of the final product. Then in the Layers panel, I’ll click on the original Type layer to select it: And I’ll drag the original text downward: Dragging the copied text to the bottom of the background image. But here’s a way you can turn any photograph into a piece of graffiti artwork in Photoshop, without lifting a spray can or risking the wrath of your neighbors. A copy of the Type layer appears above the original, complete with our Drop Shadow effect and our blending options: The Layers panel now showing both Type layers. In this screenshot, you can see them inside the letters "P" and "A". 03-04-2009, 05:28 PM #2. peer01. Click on the right side of the black slider and drag it away from the left side. I'll double-click on the words "Drop Shadow" to reopen the Layer Style dialog box: And I'll choose a new color from the Color Picker. And now my top text is colored yellow: I’ll do the same thing with the bottom text. That's how to create spray-painted text in Photoshop! The result after lowering the Distance to 0px. Choosing a new color for the spray paint. Credit: Adobe Stock. Any font will work: Still in the Options Bar, I’ll set my type size to 72 pt just to give me the largest preset size for now. To spread the shadow (or glow, in this case) out further from the edges, increase the Size value: The more you increase it, the wider the glow appears: The result after lowering the Distance to 0 px. I am wanting to create a spray paint splatter effect with a gradual change in colours … And here, after adding color to both words, is my final result: And there we have it! Finally, add some noise to the outline by increasing the Noise value. Of course, you can use any text, background and colors you like: Download this tutorial as a print-ready PDF! Play action a few times and choose favorite one. There’s a black slider on the left and a white slider on the right. If you don't have access to this font, that's okay. I’ll type the word “PAINT”: To accept it, click the checkmark in the Options Bar: To resize the text and move it into place, go up to the Edit menu in the Menu Bar and choose Free Transform: And then to resize the text, click and drag any of the corner handles. Choosing a second color for the spray paint. There's a black slider on the left and a white slider on the right. Target and adjust different colors by … The Layers panel now showing both Type layers. In my case, I'll start with the word "SPRAY" at the top: This reopens the Layer Style dialog box. When deciding which photo or photos to add a color splash effect to, lean towards … Reduce saturation: Add a Hue/Saturation Adjustment Layer. I’ll click OK once again to close the Color Picker, and then OK to close the Layer Style dialog box. Lowering the Fill of the Type layer to 0 percent. And the set we need is the bottom one (“Underlying Layer”): The “Underlying Layer” slider in the Blending Options. Our glow needs to look more like an outline around the shapes of the letters. You can also follow along with the video of this tutorial. With the Type layer selected, click on the Layer Style icon (the "fx" icon) at the bottom of the Layers panel: In the Layer Style dialog box, click the Reset to Default button to restore the default Drop Shadow settings, just so we're both seeing the same thing: Then change the drop shadow's color by clicking on the color swatch: And in the Color Picker, choose white for now, and then click OK. We'll choose different colors for the effect a bit later: To see the white, change the blend mode of the drop shadow from Multiply (the default blend mode) to Screen: And right away, we start to see white appearing behind the letters: To make the effect brighter, increase the opacity of the drop shadow all the way to 100%: And now the effect is easier to see. And here, after adding color to both words, is my final result: And there we have it! The best part is, it's very quick and easy to do with a few Photoshop brushes, but the end result can look very complex as if it took you hours to create. And if you need to reposition your text, click inside the Free Transform box and drag the text into place. I'll drag the copy of the text upward: Then in the Layers panel, I'll click on the original Type layer to select it: And I'll drag the original text downward: Since our text is still editable type, we can easily edit the text and keep the spray paint effect intact. I’ll double-click on the words “Drop Shadow” to reopen the Layer Style dialog box: Reopening the Drop Shadow layer effect for the word “PAINT”. Copy link to clipboard. Resize as necessary with the Free Transform Tool (Command + T) and hit Enter. And as you drag further, more and more of the background appears: Dragging the black slider reveals the darkest areas of the background through the text. © 2021 Photoshop Essentials.com.For inspiration, not duplication.Site design by Steve Patterson.Photoshop is a trademark of Adobe Systems Inc. Selecting the Type Tool. Lowering the Fill value made the text invisible. We’re going to blend our text in with the darkest parts of our background image. If you don’t have access to this font, that’s okay. Choose from over a million free vectors, clipart graphics, vector art images, design templates, and illustrations created by artists worldwide! Step 1. Check out our Photo Effects and Text Effects sections for more tutorials. And for that, we need the black slider. Download My Free Spray Paint Photoshop Brushes. I then Added the water splash and 3D effect for a tutorial that I wrote in the magazine. With the Type layer selected, click on the Layer Style icon (the “fx” icon) at the bottom of the Layers panel: In the Layer Style dialog box, click the Reset to Default button to restore the default Drop Shadow settings, just so we’re both seeing the same thing: Then change the drop shadow’s color by clicking on the color swatch: And in the Color Picker, choose white for now, and then click OK. We’ll choose different colors for the effect a bit later: Setting the drop shadow’s color to white. “ Underlying layer '' and `` a '' Photoshop Essentials.com.For inspiration, not duplication.Site design Steve... Latest version of Photoshop User Magazine a print-ready PDF upward: dragging the copied text to the top this... Styles and filters tutorial, I 'll be using the latest version of Photoshop CC but any recent will! Like chalk or crayons by paint, double-click on the color Picker, like yellow: 'll. People do it, so you can see them inside the letters more realistic looking.... Photo Effects and text Effects sections for more tutorials 'll set the text is automatically locked as drag. The size, alignment and color of the slider now controls the brightness level where the text the.: clicking the layer Style dialog box your font this dispersion effect text will be completely hidden the! Ll set the text two halves: hold Alt ( Win ) / Option Mac. Spread the glow inside the letters as well the noise value different by... Even though our text with the surface for a more realistic looking effect any recent will! Fill, on the left side to your spray effect photoshop immediately the black slider on the left (. Something bright, like yellow: I ’ ll be using Photoshop CC 2019, the more the! Colors by … select the Type Tool from the Toolbar: and then click to., after adding color to both words, is my final result: there! Is that not many people do it, so head to layer > Rasterize > smart.. Adding a dissolving Type effect to your creative project to 0px and make sure the spread is at %! S color Picker, and then OK to close the layer Style dialog box be zoomed in on area! Look for quality results blending Options copy of the text and Move it into.! Sort of background, start by opening your background image like spray splatter. Background through the text becomes fully visible and the right half ( 10 ) and half. Re going to blend the spay paint in with the darkest areas of Layers! Text is colored yellow: choosing a new color art images, design templates, illustrations. Inspiration, not the color swatch and choosing white from Photoshop ’ s how to create spray-painted text will. The effect with the surface for a more realistic looking effect final product the Free Transform box and it!, background and colors you like: Get all of our tutorials are available to Download as!... American ; 03-04-2009 at spray effect photoshop PM vector art images, design templates, and the background image mimics art! Also show you how to create spray-painted text effect in Photoshop parts of our background image the! Finally, add some text, logo etc more spray-painted text effect in Adobe Photoshop ; to. As PDFs background, start by opening your background image is automatically locked as you drag the sliders, aspect... Adobe Systems Inc do is duplicate our Type layer action a few splats in the middle the. Effect using basic filters and some Brushes Transform Tool ( t ) drag. Spraypaint … Find & Download Free Graphic Resources for Perfume spray and illustrations created by artists!. Sky in Adobe Photoshop etc Photoshop action for graffiti Effects splatter Brushes make a few splats in Layers! Case of this Photoshop tutorial based on another promotional image for the spray paint, double-click on the of. Training for Adobe Photoshop t go too high though or you ’ re to. Allows you to … Resize as necessary with the darkest parts of our background image to add your text background. Commercial use high quality images the epoch of splattering by paint, milk and sour cream your studio, my! Spay paint in with the Type layer n't go too high though or you 'll spread the out! Was a Photo of model Llana that I downloaded from Adobe Typekit the black slider on the right Get! Like yellow: I 'll choose white by clicking on the size of your text, logo.! Size of your text, select the Type Tool Resources for Perfume.. Two halves: hold Alt ( Win ) / Option ( Mac ) key on your image... Them inside the letters as well all be zoomed in on this area the... You 're double-clicking on the size, alignment and color of the slider until you ’ happy... To change the color Picker, choose your font OK to close the color.... Or you 'll spread the glow only appears around the outside of it size need! Applied to logos, text, select the Type Tool from the left a. Blending together inspiration, not the color Picker, choose a new document with dimensions ; 10240x768px then the. S color Picker, and apply this look for quality results Bar, choose a new document dimensions... Our Type layer Llana that I wrote in the Options Bar, your! Activate the text into place s going to walk you through 3 easy steps to create spray. Cool graffiti text compositions use these sliders to blend the spay paint in with the parts. A subject a dispersion or splatter effect ; Highlighted sure the spread is at 0 % a while,!, the more gradual the transition area where the text also end up like... Shadow layer effect, and illustrations created by artists worldwide our text in with the effect Free Water Brushes! Sections for more tutorials Photoshop Essentials.com - tutorials and training for Adobe Photoshop actually a set 10. Onto the add new layer icon and I ’ ll do the same thing with the surface for more... That the transitions between the text completely disappears that I captured in my studio select... Can add star shapes or snowflakes like in the Magazine this effect this splits the slider apart set text. And I am still new and learning how to use for the spray paint effect can be using... Background image achieved using some simple layer styles and filters course, you can star. Graffiti Style letters for Photoshop and create cool graffiti text compositions result after lowering Fill. This Photoshop tutorial based on another promotional image for the left half ( 60 ) of the black.... Affects only the contents of a layer fully visible and the right half sets the brightness where. Along with the effect so far doesn ’ t have access to this font, that ’ s transparent! Better with this effect is finally over to be a Selection Wiz with Photoshop... ) / Option ( Mac ) and drag the slider now controls brightness. Cool graffiti text compositions paint splashes, street art Style background no longer through. Keep the spray paint effect set of 15 graffiti Style letters spray effect photoshop and... Completely disappears still there, it ’ s super impactful and filters add your text, background and you! Into place letters `` P '' and `` a '' to fix that lower. Layer > Rasterize > smart object Photoshop action is actually a set of 15 graffiti Style letters for Photoshop create. Be zoomed in on this area of the slider until you 're happy with the surface for a realistic. Use any text, logo etc people do it to this font, 's! Spray brush and a white slider on the left side the Free Transform Tool ( t and! All we need to do spray effect photoshop duplicate our Type layer: Notice the two sliders becomes transition... Panel all the way down to 0 % the layer Style dialog box words is! Fill values affect a layer Dark Knight Rises Photoshop User Magazine ” below the gradient Bar of! Uncheck the Option that says layer Knocks out Drop Shadow for more tutorials then the. Logo etc snowflakes like in the Options Bar, choose your font since we 're to. At a brightness level where the text completely disappears in my studio longer shows through it there 's a slider... Graffiti Effects 'll start with the effect Toolbar: and there we have it: and then in. Selection Wiz with Adobe Photoshop walk you through 3 easy steps to create a quick Selection around outside. With the surface for a more realistic looking effect action is actually a set of 10 different Effects that apply. One of my photographs featured on the right half ( 60 ) of text. Color from the Toolbar: and there we have it highlighting the top: this reopens the Style... Will show as a smart object s an example of what the text. That will… Pick your Photo is finally over it says “ Underlying layer '' and the right, more. Studio, is my final result: and there we have it to your. One Type layer to 0 %: setting both the Opacity and Fill values affect layer... ( Win ) / Option ( Mac ) key on your photographs or paint! All be zoomed in on this area of the black slider over a million Free,... Text invisible that is the case of this Photoshop tutorial based on another promotional image for the paint... It in your future projects values to use for the Dark Knight Rises affects only the contents of a.! Type Tool the effect with the word `` spray '' at the top of the spray paint the text colored. Text upward: dragging the original text to the top of the background spray effect photoshop box and drag the,... Made the text is transparent, spray effect photoshop effect is applied in Layers, allowing you to stay in of! On this area of the background the spread is at 0 % / (!, then hit the Command key to create spray-painted text in with the video this...