fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Rays of Light Photoshop Action

How to Make a Coffee Stain Text in Photoshop
Tutorials Text Effects 2832 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

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
Download for free this split tone Photoshop actions and use them to create interesting photo effects...
Learn how to create graffiti effect in Photoshop using this cool action. In this tutorial you will f...
Create 3D shape in Photoshop in just a few seconds with this free 3D Photoshop action. My 3D action ...
Learn how to create a chocolate tablet text effect in Photoshop from scratch. You can create any typ...

      Wax Stamp Seal Photoshop Creator
Popular Posts
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...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
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

      Comics Book Photoshop Creator