Advertisment

Chocolate Text Effect Tutorial

Tutorials / Text Effects , 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.

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.

Find more Photoshop resources...

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

Leave a comment

Upload your fan art

Share your Psd Dude inspired works


  • Subscribers 653
  • Twitter 1,545
  • Facebook 9,379
AI Vault Store Custom Shapes for Photoshop
Search This Site
Free Updates

Delivered by FeedBurner

Recent Posts
For all the psddude fans here is a new PSD file with free Photoshop metal style that you can use i...
In this quick tutorial for beginners I will explain what is a Photoshop brush and how can we create ...
To make a circle in Photoshop is easy, anyone can do it using the default Photoshop Ellipse Tool. My...
In this new Adobe Photoshop tutorial you will learn how to create a fantasy photo manipulation with ...
Popular Posts
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
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...
Partners
Valid XHTML 1.0 Strict CSS valid!