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

www.psd-dude.com
Tutorials Text Effects 16127 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.

Advertisment

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"

Ksusha
Ksusha
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
John
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
Ksusha
Ksusha
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
PSDDude
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
Learn how to create a beautiful ice queen portrait effect in Photoshop using some useful techniques ...
Mirrors and reflections are enormously important in art, being a common theme in myths and legends. ...
For these winter holidays you can download for free our new set of Christmas patterns for Photoshop....
Get ready for the winter holidays with this new Photoshop tutorial. Learn how to create a Merry Chri...

      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 ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
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...
Partners
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top