Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Chocolate Text Effect Tutorial

www.psd-dude.com
Tutorials Text Effects 17820 June 7th, 2018

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.

chocolate text photoshop tutorial

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.

chocolate Photoshop 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.

Chocolate Mockup

Design custom chocolates & personalized chocolate gifts that will wow your clients. Personalized chocolate bars for birthdays are a great way to impress your friends.

Chocolate Mockup
5 ( 100 votes)

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


Get new posts by email:
LIKE US ON FACEBOOK

      Online Photo Editor
top