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

Chocolate Text Effect Tutorial
Tutorials Text Effects 16746 Views June 7th, 2012

My addiction for candy sweets and especially for chocolate made me create this new Photoshop tutorial, in which I try to create a realistic looking chocolate text. In fact the effect is more a mixture between chocolate and caramel.

In just a few days I am planning to release the PSD file witch will include all the layer style used and as a bonus, also a dark chocolate effect, so stay tune.


This chocolate Photoshop tutorial is really simple, all we have to do is create four text layers, each with its individual and of course different layer style. Put together these layers will create this chocolate text effect.

Let's start with a simple text layer called Chocolate Layer 1. Write the text "choco" or whatever message you want and duplicate the layer three times. I am using a dark brown background that will go well with the text effct we are about to create.

As you see in the image attached I've used the free Lobster Font, that you can download, instal and use it in Photoshop. If don't know ho to do that you can check out my Install Font in Photoshop tutorial.

Open the layer style window and add the following layer styles for the Chocolate Layer 1: Drop Shadow, Inner Shadow, Outer Glow and Color Overlay.

The color used is #5a3b05.

The color used is #353535.

The color used is #4d2f00.

Our chocolate text should now look like this, with a dark brown color, #4c3000.

Open the layer style window and add the following layer styles for the Chocolate Layer 2: Inner Shadow, Inner Glow and Bevel and Emboss.

The color used is #ffba00.

The color used is #fcbb1f.

The colors used are #9a6b01 and black.

After adding thes layer styles, our chocolate text should now look like this.

Open the layer style window and add Bevel and Emboss for the Chocolate Layer 3. The colors used are #f89e00 and black.

After adding thes layer styles, our chocolate text should now look like this.

Open the layer style window and add Bevel and Emboss and Gradient Overlay for the Chocolate Layer 4. The colors used are #fb8200 and black.

After adding thes layer styles, our chocolate text should now look like this.

If you want to change the chocolate color tones, add a Color Overlay, blend mode Multiply, color #915948 and opacity around 70% .

Chocolate Text with Aluminium Foil Wrap

If you want to obtain a more interesting realistic chocolate text effect you can wrap the text with aluminium foil. Copy this aluminium foil texture in your PSD file. Use the Polygonal Lasso Tool to make a rough selection around the text. Press SHIFT + CTRL + I to invert the selection and delete from the aluminium foil. Add a Drop Shadow layer style to the Aluminium Foil layer and this is the result.

chocolate text photoshop tutorial

This chocolate effect can be applied not only to text layers but also to any shape. I really hope you have enjoyed reading this tut and maybe you want to ckech out our previous tutorial about making Chocolate Effect in Photoshop.

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

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

4 comment(s) for "Chocolate Text Effect Tutorial"

1:58 AM Friday, January 18, 2013
Tried to do this tut but failed... It could be a great lesson, but it lacks some necessary details, like the color of each text layer or the colors used in styles. I had to save each screen shot and use the dropper tool to get the color numbers. My result resembled yours only after text layer 2, then I lost the thread... reply
2:11 AM Friday, January 18, 2013
I have added the colors for the layer styles used to create this chocolate effect .... I hope it is ok now :) reply
9:04 AM Friday, January 18, 2013
Thanks for the quick response! I still had to tweak the blend mode and fill amount of the last two layers to make my result look like yours. But now it does resemble chocolate! reply
9:06 AM Friday, January 18, 2013
It looks so much better than my chocolate effect, I am really jealous :) 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 this new set of sun Photoshop custom shapes. The CSH file was made with Adobe Photoshop CS4...
Learn how to mirror an image in Photoshop from this quick tutorial for beginners. To flip an image P...
How to create a realistic pool water texture in Photoshop from scratch using filters and gradient co...
Useful Photoshop tutorials on how to create realistic looking sketch effect or pencil drawings. To c...

      Pixel Art Generator Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
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...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator