Home / Photoshop Tutorials / Text Effects / Coffee Text Effect Photoshop Tutorial
Coffee Text Effect Photoshop Tutorial

Hi, Today i am teaching excellent quality of coffee text effect Photoshop tutorial, this effect seem to be 100% coffee effect on text, this tips or tricks works in great way to design any coffee or tea related banners or any related covers posters designs as well. This type of real coffee text effect tricks bringing AllDesignCreative.com only  as a best way. Every tutorial should be something special of new and realistic effect of tutorials. In this tutorial just 11 steps you can able to get coffee text effect in photoshop.



Let’s start the procedure:

Step-1: Take New Document in the size of width-960px, height-640px, here resolution is 72 dpi.and write down any name on the stage and select your font “Enliven”, this font can give better coffee text effect feeling.

1

Step-2: Change your text fill into 0% as shown the below screen shot.

2

Step-3: Choose bevel & emboss, here just keep depth-191%, size-13px, highlight mode-screen, opacity is 100% and also change the shadow mode opacity-64% and keep shadow mode in the overlay.

3

Step-4: Contour keep in the half round and range change into 77%.

4

Step-5: Select Texture and here need to apply the any splash effect of pattern, this effect works in great way for coffee text effect and give the scale size according your texture pattern; here I am giving the scale size-43% and depth take default 100%.

5

Step-6: Choose Inner Shadow and follow the setting as follows;
blend mode-soft light,
opacity-89%,
angle-60 degree,
distance-3px,
size-21px,
contour-cone.

6

Step-7: Now choose inner glow, here just our values as shown;
Blend mode-color dodge,
opacity-70%,
keep color filling in one side only as shown the screen shot # 492200, in other side 0% color filling.
technique-softer, source-edge,
choke-10%,
size-21px,
In quality just keep contour -half round, range-100%

7

Step-8: Take satin, here keep blend mode-overlay,
opacity-60%,
distance-10px,
size-24px,
contour-rolling slope.

8

Step-9: Choose color over lay and change the values as follows;
blend mode-darker color,
opacity-84%.

9

Step-10: Now apply gradient color to the text, this gradient color gives better coffee effect feeling on the text, change the values as follows;
blend mode-Norrmal,
opacity-100%,
gradient # 471c00, # bb5f06 # 291000, remaining all keep in default setting as shown the screen shot image.

10

Step-11: We have reached final coffee text effect style, just here we need to give shadow for more better realistic feeling to text. Choose drop shadow and change the values as follows;
opacity-62%,
distance-12px,
spread-0%,
size-12px.

11

Thanks for watching this tutorial, for more tutorial visit regular, i will post very amazing effect of tutorials.


coffee-text-effect-psd-file

Download PSD File




With Your Donation Help Us to Producing more Free Resources!

About Author Sudharsan

Chief Editor of Alldesigncreative.com, a designer, developer and animator. He spends most of the time to creating designs and animations includes visual effects. He loves so much to create all type of designing and has excellent knowledge in all kind of design roots.

Check Also

How to Create Milk Text Effect in Photoshop

How to Create Milk Text Effect in Photoshop

Hi, in this tutorial i am teaching very easy way how to create milk text effect ...