Text Effect: Wet Paint or Melting Chocolate?

Photoshop, Typography | July 21st, 2010

Many creations that we can make in typography. Various ideas and creativity have graced this art. Among them are the effects of wet paint or maybe melting chocolate which we will practice on Photoshop tutorial this time. Here we will use brush, layer style and our creativity to create realistic effects on the text manipulation.

Final Image Preview

Before we started up the steps to make it, take a look at the image We’ll be created. For more details see the image at actual size.

create wet paint or melting chocolate text effect in photoshop

Ready? Let’s get started!!!!

Step 1

As always, make a photoshop document size of 1920 x 1200 pixels with a resolution of 300dpi and select Transparent background. After that search for wood texture images that we will make it as background. You can use wood textures that I made on photoshop tutorial some time ago, You can also use your own photos (I mean the wood surface photos) or up to you from anywhere. Images that I use here is a wood texture that I found from the stock exchange.

Open your image in Photoshop, press Ctrl + A to select all, copy with Ctrl + C and press Ctrl + V to paste the wood texture in our document. Adjust the size to a document if the size of the image is too large.

create wet paint or melting chocolate text effect in photoshop

Step 2

Type your word in whatever font you want, I found Arial to work out nicely. Here I use the word ‘PT’ with the letter T upside down and add a little decoration on the corners of the text. For the font color, I chose the dark red #370c0b, you can see the text that I made in the following figure.

create wet paint or melting chocolate text effect in photoshop

Step 3

Press Ctrl + T and then enlarge the text size and turn it slightly counterclockwise.

create wet paint or melting chocolate text effect in photoshop

Step 4

In your layers palette, Ctrl+click on the text layer thumbnail to load selection. Activate Rectangular Marquee Tool (M), right-click on the canvas and select Make Work Path, set 1 pixel for the Tolerance and press OK.

create wet paint or melting chocolate text effect in photoshop

Step 5

Hide your text layer and create a new ‘strokepath’ layer. Download Blackmekemeke’s wet paint brush and install to your Photoshop, then find the ‘WetPaintBrush’ preset this added to your brush list. Go to your Paths palette and select Stroke Path from the flyout menu. Make sure the Simulate Pressure option is enabled. Change the brush diameter until you get good result.

create wet paint or melting chocolate text effect in photoshop

Step 6

Create a ‘fill’ layer under strokepath layer. Using the same brush and color from before, manually paint in the interior of the letters. Make the paint coverage thick but not uniform. The paint will appear more realistic if it’s slightly uneven.

create wet paint or melting chocolate text effect in photoshop

Step 7

Create a ‘texture’ layer at the top of the stack and open the Layer Styles window for that layer. The images below will give you the exact information you need.

create wet paint or melting chocolate text effect in photoshop

Use your Brush Tool (B) to paint in the wetness style on the letters. Notice the layer Fill is at 0%, so your brush is only applying the layer style.

create wet paint or melting chocolate text effect in photoshop

Step 8

Would be more cool if we give drips to our text. The step that we need to do this, first make a new layer above all layers with the name ‘drips’. With the Elliptical Marquee Tool (M) make a several round selections in the areas where the paint seems heaviest.

create wet paint or melting chocolate text effect in photoshop

Then use the Paint Bucket Tool (G) to fill the selection area, make sure the foreground color remains as previously, dark red # 370c0b. Press Ctrl + D to remove the selection. Go to Filter > Liquify, use the Forward Warp Tool (W) to push the paint into elongated shapes. Then use the Bloat Tool (B) to create the drop at the bottom of each drip.

create wet paint or melting chocolate text effect in photoshop

Click OK and we will get a picture like the following.

create wet paint or melting chocolate text effect in photoshop

Step 9

Open the Layer Styles for the drips layer and do the same as step 7. Add a layer mask and, using a soft black brush on the mask, blend the top of the paint drips into the underlying paint.

create wet paint or melting chocolate text effect in photoshop

Final Result

This is the final result of our text effect this time. What do you think? This is wet paint text or melting chocolate? share your thoughts in the comment form. I hope you enjoy this tutorial, please subscribe to Grafisia RSS feed or simply share this tutorial to your friends.

create wet paint or melting chocolate text effect in photoshop

Download psd file

250x250 banner

15 Comments

  1. satrya says:

    Wow, awesome tutorial.
    Keren mas,. siap berlangganan artikel nih,. selama ini saya cuma bljr di psd tut,., :D

    Salam kenal juga.

  2. Adisty says:

    Wonderful effect, it is so realistic

  3. Glenn B. says:

    For all I’ve tried, i can’t get step five to work, I select the image with control click, then the square marque tool and choose make work path, go to the paths selection (with what appears to be wet media brushes, i hope i installed it right) but it simply won’t let me choose stroke path, it’s always highlighted out, I’m sure im missing something

    Cheers heaps

    Glenn.

    • habieb says:

      before you applying stroke path, you must create new layer and make sure your new layer active. you can’t applying stroke path on text layer. thanks

  4. christi says:

    Seriously. The BEST tutorial I’ve ever taken. Easy to follow. I got it the first time and it’s absolutely perfect. :) Thank you so much for sharing it with the rest of us!

  5. Sarah says:

    I am so mad, because I have no idea what you mean by Stroke Path!! What does that mean and where is it!? I have spent 3 hours just trying to find it in photoshop. When I click on my path palette, nothing is in the menu. I am so incredibly frustrated. AH!

  6. Sarah says:

    I found the “stroke path…” option when I right clicked on the work path in the path palette but it wont let me select the “stroke path…” so WHAT DO I DO???!!!!!!!!!! OMG!

    • Habieb says:

      You should create new layer and make sure your new layer is active before you applying stroke path. Don’t apply stroke path on text layer, it won’t work.

  7. I think this web site has very excellent composed content material content .

  8. is white rice gluten free says:

    I was just searching for this information for a while. After 6 hours of continuous Googleing, at last I got it in your site. I wonder what’s the lack of Google strategy that don’t rank this kind of informative websites in top of the list. Usually the top websites are full of garbage.

  9. Tanaya says:

    Hey, im new at photoshop and have followed this tutorial upto step 7 and am stuck on creating a ‘texture’ layer at the top of the stack.

    Please help!!!

    THANKS :)

    • Habieb says:

      create new layer and name it ‘texture’, double clicks this layer and the layer style window will appear. now you can follow screenshot on step 7.

  10. Holley Gaddis says:

    Hi there and I appreciate you for your information. I’ve definitely picked up anything new from here. I did however expertise a few technical points by using this site, since I experienced to refresh the site a lot of times earlier than I could get it to open properly. I used to be wondering if your web hosting service is okay? It’s not that I’m complaining, but poor loading circumstances will often impact your placement on the internet and can destroy your quality score if ads and marketing with Pay per click. Well I’m adding this RSS to my email and could look out for much more of your specific intriguing content. Ensure that you upgrade this again very soon.

Leave a Reply