Dripping Paint Effect | Photoshop Tutorial for Text & Logos

hey everyone brady from texturelabs.org here with a tutorial to create this dripping paint effect in adobe photoshop it looks like paint but there's actually no hand painting done at all this is all done using filters in kind of a specific step-by-step way so once this is set up anyone can apply it to just about anything and get this cool effect going by the way this is not something i found on the photoshop instruction manual i try to post techniques that i've developed to use in my own professional work and then share them with you guys here for free if you appreciate that you can help support the channel just by hitting the like button alright let's get started [Music] all right getting started with a very simple setup here to get this up and running a black background and a type layer this font is called retro mentho which i'll include a link to and this document by the way is 4k resolution 3840x2160 this will work at any resolution but a high resolution like this will give me some nice detail and the big secret here the engine that's going to kind of drive this whole thing is going to be the displace filter so a lot of you guys are probably familiar with displace if not that's okay too the basic idea is that this filter will take your image then reference another image called the displacement map and create distortions based on it so in this tutorial we're going to create a very specific displacement map that will generate this dripping paint effect so in order to use displays i'm actually going to need to create a new document this will be an entirely separate document for the filter to reference and i'll make it the same size 3840 by 2160. this displacement map doesn't necessarily need to be the same size but you can get much more predictable results that way so create and in this new document i only need one layer so i'll just use this background layer and what i'm going to do is right click on it and convert it to a smart object and that'll keep any filters i apply to it live and then i can always come back and adjust those later if i want to all right so i'll start by applying a filter here in the render section i'm going to use this fibers filter however before i do that it's important that i set my colors to default so i'll hit d this effect generates its look based on what your colors are here so default colors now i can go to filter render fibers and in the settings here i'm going to change the variance to 15 and the strength to five okay and next i'm going to apply a levels adjustment under image adjust levels or i can use command or control l to do that and here i'll bring the white input slider all the way down to 40 and i'm also going to set the white output level to 128 which is exactly 50 gray okay and if you're familiar with the displace filter you'll know that 50 gray values have no effect on your final image so when this gets used as a displacement map so far these gray areas aren't going to get distorted at all it's only these darker areas that are going to push your image around but a couple more filters on here first i'm going to go to blur and apply a gaussian blur and i'm going to set this to 4 pixels okay then one specific thing here this little slider icon here next to the gaussian blur filter i'm going to double click on that and i get a pop-up for the blending options of that filter i'm going to change the blending mode here to darken all right and finally again i'm going to go to blur and use gaussian blur and this time i'll set it to just two pixels and okay so no special blending options on that one and that's done that's our displacement map i do need to save this image and i keep a little folder full of these displacement maps kind of just let them stack up in there i'll call this one paint drips map and save all right then i'm going to switch back to the main document and i'm going to apply the displace filter to this text but first i'm going to select it and hit command or control j to make a copy of it and i'll just turn off the original for now it's nice to have a backup copy of that text but you'll see that that copy can also come in handy in a few other ways that we'll check out in just a minute all right so with the visible text layer selected i'm going to apply filter distort displace and if you're using live type like me you'll get this prompt no need to make this a smart object i can hit rasterize and now i get some options for the displays filter so what i'm going to do here is set the horizontal value to zero and the vertical i'm going to set to 100 pixels and you can play with this value but i've really found the sweet spot here to be right at about 100 and i'll hit ok and then i get a prompt to choose the displacement map so here i'll just grab the file i just made paint drips map and hit open all right so the very beginnings of that effect happening here and the idea is that wherever the displacement map was gray it left the text alone and since the map only had values that are gray or darker the filter can only push things in one direction down if there were any lighter gray or white values in the map it would have distorted things upward which we don't want so that's kind of the logic of having that displacement map be gray and darker i hope that kind of makes sense okay but the key to really making this work is to apply that filter again so i can go up here and filter and reapply the latest filter displace or i can use the shortcut command control f or on a pc i think that's control alt f and i think it's definitely better to use that keyboard shortcut because now i'm just hitting it over and over and over and over and over again and it's pretty cool to watch that happen i actually really like some of these little artifacts you start to get and all right so i probably just applied that filter i don't know 30 or 40 times so we've got some paint drips happening here and there's a couple of small things i think we can do to help tie it together but first if you're enjoying this tutorial so far please do hit that like button i really appreciate that and i've always got more of this kind of thing on the way so if you hit subscribe and there's an alarm bell in there somewhere that'll notify you when anything new gets posted all right so looking at these paint drips and they're super straight down right it would be nice to have them waivered just a little bit so here's actually where that original type layer comes in handy if i command or control click on the layer icon of that original text i get a selection in the shape of the layer and then i can use command or control shift i to invert the selection and now i can apply a filter and it will only affect things that are outside of the letters i.e those paint drips so i'm going to go up to the filter menu and in the distort section i'll use the wave filter and this honestly is not a very user friendly filter but i think the default values work pretty well the only thing i'm going to do is bring the scale values to 10 and 10 and that'll just dial the strength of it back and let's try that all right well that is subtle but i do think it gives it a little bit of life i also think a little bit of texture in here can kind of elevate the effect i'm going to open and copy this grunge 158. there are about a thousand free high-res textures like this at texturelabs.org so be sure to check that out and i'm going to paste that on top here and then i'm going to use command or control i to invert that and i'll set the blending mode to multiply maybe move that around and find a good spot for it alright so one more thing to note here sometimes you want these paint drips but you don't want the negative drips that are kind of punching holes out of the letters and in that case you can just turn the original text back on and it'll just fill that right back in all right so that's the premise of the technique and it really only gets cooler when you apply it to color images and start to dress it up a little bit so let's take a quick look at that here's another document with a little more variation and these are all live type layers i know some of you guys are pretty awesome at doing custom calligraphy but for the rest of us i'll include links to both of these fonts so i'm going to get a little more color in here and create kind of a cast shadow on these letters you might have a technique to do this i'm not going to go into a whole lot of detail here because i'm going to open my actions tab and i'm going to use this cast shadow action that we created in the latest tutorial before this one i'll include a link to that video this action takes just about two minutes to set up and what i'm gonna do is shift select the white text and merge that into one layer and also combine this yellow text into one layer and why don't i temporarily lighten up the background so we can see this work with the white text selected i'm going to hit play on this cast shadow action maybe a couple more times then i will shift select the shadows and merge them into one layer how about making it a different color if i double click on the layer it'll take me to the effects and blending options and i can use color overlay to give that some color okay then i'm going to command or control click on the original one and hit delete or backspace to just punch a hole out of that shadow then command or control t to transform and offset it just a little bit and i'm going to do that same cast shadow on the yellow text again this is all in that other quick tutorial i hope you guys don't feel like i'm moving through this too quickly it's my hope with these tutorials that they'll stand on their own but also that they'll help you to build a tool kit so that you can quickly experiment and combine different techniques not have to start from scratch every time all right so i've got some multi-colored artwork here and let me actually make that background black again then i can use that displace filter for the dripping paint effect and i can use it on each individual colored layer or here i'm actually going to shift select and merge all of them into a single layer we'll see how this works on everything together let me make a copy of the layer here and i'm actually going to leave both of these layers turned on but with the top one selected i will apply that displace filter and those same settings are still in there 0 and 100 and i will select that same paint drips displacement map and then use the shortcut command control f or command alt f and just watch that start to come to life now if for some reason the effect isn't looking quite right let's say you end up with paint drips in kind of a weird spot you can always go back into that paint drips displacement map and you can double click on these effects so if i open the fibers effect back up i can just hit the randomize button and that's going to give me a new pattern here then if i save that and let me make a copy of this and then use that same keyboard shortcut for the displace filter so now i'm getting the same effect but slightly different paint drips and in totally different spots i actually kind of like this one a little bit better all right then let's create that little bit of wave in the drips by commander control clicking on the original layer then command or control shift i to invert the selection then filter distort wave and these settings are still in here too okay and then i might even copy a couple of real world paint details in here let me take this ink paint 162 and copy that and then i will paste it in here that's black so let me use command or control i to invert and then command or control t to transform find kind of a cool spot for it something like that and then maybe i'll duplicate that with command or control j and move that one a little bit how about making it a different color i can double click and use color overlay and if i click on the color box then maybe i can sample this turquoise color all right then let's grab another one here's kind of a splatter with a different look to it i'll copy that and paste it in command or control i to invert it and then transform and find a spot for that one and finally why not a little grunge over the whole thing and i will use the same grunge texture again i really like this one i will make a copy of that and paste it on top and since that's black with some light details i'm going to set the blending mode to screen just picking up those white details and maybe kind of move that into place and what if i command or ctrl j make a duplicate of that layer and invert it then i will set it to multiply to kind of do the opposite thing kind of just experimenting with texture here which is always fun to do but that is looking kind of cool so let's call it done well that's the whole thing i really hope this tutorial will be useful for you guys if so hit the like button and let me know what you think in the comments section below i want to send a huge thank you to the texturelabs.org patreon supporters really appreciate you guys thanks for watching and i'll see you next time you

Channel: Texturelabs

Views: 44,340

Keywords: photoshop dripping paint, photoshop drip effect, photoshop dripping text, dripping text effect photoshop, dripping text effect, photoshop tutorial, texturelabs, graphic design, graphic design tutorials for beginners, typography, typography tutorial, typography photoshop, typography effects photoshop, calligraphy, calligraphy effects, calligraphy effect photoshop, graffiti, graffiti art, photoshop graffiti, graffiti text effect photoshop, photoshop t-shirt design

Id: Vkh5D0KP714

Length: 12min 29sec (749 seconds)

Published: Tue Nov 10 2020