fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

How to Make a Coffee Stain Text in Photoshop
Tutorials Text Effects 4294 Views September 6th, 2016

Learn how to create a Coffee Stain text style in Photoshop using layer styles and stain brushes. You can use this effect to create coffee stain typography for your projects. This effect works great for any type of layer, for both text and shapes. Using the premium Photoshop action you can even create stains from images.


Coffee Stain Text Effect Photoshop Tutorial

In this tutorial you will learn how to make a coffee stain text in Photoshop using realistic coffee stain brushes.

how to make a coffee stain text in Photoshop

Tutorial Assets

The following assets were used during the production of this tutorial.

Create Stain Texture Background

In a new PSD file add this old paper background and call the layer Old Paper Texture. Press CTRL+T to transform the image and set the rotation to 90.

old paper texture

Add a Gradient Map adjustment layer with Normal blend mode. For the colors use #6c6863 and #f9eddf. Using a Gradient Map adjustment you can easily change the color tone of the paper texture.

old paper texture

Add a Brightness/Contrast adjustment layer with Normal blend mode. Decrease the Brightness and increase the Contrast.

brightness/contrast adjustment

Stain Font Type

In a new layer add a text using the Dripy Watercolor Font. As you can see this is a distorted font. A similar effect you can obtain using the Ripple or the Wave filters. Call this layer Coffee Stain Text 1.

stain font type

Add this layer style to the Coffee Stain Text 2. First reduce the Fill to 0% and than add Outer Glow (color #39302c), Inner Glow (color #814603) and Stroke (colors #030303, #898989, #030303, #898989).

Outer Glow Inner Glow Stroke coffee stain text photoshop style
Part 1Part 2

If you're looking for an effective way to learn with Photoshop fast, explore Envato Elements, the Netflix of designers and its 1000+ courses. Apart from getting state-of-the-art educational material right at your fingertips, you also get the key to a growing digital library of 22,000+ hand selected items with unlimited downloads for just $29 per month!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

2 comment(s) for "How to Make a Coffee Stain Text in Photoshop"

2:46 AM Thursday, September 08, 2016
Thank you so much for the coffee stain text tutorial! Here is my result hope you like it ... for text I used another font type, a splatter font called "Mutant Supermodel" reply
2:46 AM Thursday, September 08, 2016
How to create grunge Stain from Images in Photoshop reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create an old film effect in Photoshop using textures, adjustments and filters. You can...
Free grunge textures and backgrounds that can be used in all kind of commercial projects. All these ...
Learn how to create the draw in sand effect from this easy to follow Photoshop tutorial for beginner...
Create digital Bokeh effect in Photoshop with these beautiful free bokeh textures. In photography, b...

      Fur and Knitted Fabric Photoshop Actions
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Dispersion with Real Images Photoshop Action