Learn how to quickly design some delectable, rich dark chocolate flavored text! A single look at text like this will make any chocolate lovers mouth water instantly!
What We’re Making
In this Text Effect Quickie, we’ll show you how to create delectable, dark chocolate text as shown in the preview below. Though the effect does take a bit of planning, you can download the Free Chocolate Effect Layer Style.
For this text effect to work best, a bold font should probably be used. I specifically chose to use Myriad.
Step 1 - Setup the Background
This text effect does require some preparation in order to give off the chocolate look. The background must have the appearance of a slab of chocolate, or else the effect will be lost.
Set up a document, and use the Paint Bucket Tool to fill the background with a dark brown such as #140b07.
Create a new layer. With a large, soft brush, and a foreground color of #371b0f (or a lighter brown) paint a dab in the center of your document. Use transform (Ctrl + T) to stretch it the width of your canvas (or further to give a nice, soft highlight).
Step 2 - Setting the Type
Using the Type Tools, set some type in your document. I chose the obvious word, “Chocolate” in All Caps. The text can be any color.
Step 3 - Making The Chocolate Text Effect
Go into your text layers Blending Options (Right Click Layer > Blending Options).
Apply the layer effects shown below, making any modifications as needed.
Drop Shadow
The angle for this shadow may need to be adjusted if the lighting for your specific needs is different.
Bevel
This effect makes our text pop out of the chocolate background. The Angle may need to be changed again to compensate for your lighting scheme.
Color Overlay
Not necessarily needed, but a Black color overlay will make it easy to adjust the brightness of your text later on if ever needed.
Gradient Overlay
This is where we set the color of our type. You’ll need to create a new gradient fading from #1e0f08 to #371b0e. Once again, angle may need to be adjusted.
Not Limited To Text
This effect is of course not limited to text. Try working with custom shapes to create your own chocolate shapes! Keep experimenting!
Text Effect Quickie: Moon Shine Text Effect
Text Effect Quickie: Vibrant Pop Text Effect
Text Effect Quickies: Bubble Text
Incredibly Realistic Burnt Parchment in Photoshop
That’s sweet….literally!
Hot! :D:D:D
Hot chocolate lol
I LOVE CHOCOLATE ILL KILL FOR CHOCOLATE :p JEJEJE GOOD TUT!
Amazing effect!!
I did tried and it looks awesome!
Thank You!
This will come in handy one day. Short and simple, thanks!
cool tutorial
Now I need to go get some chocolate. This looks great. Its fast and looks just like chocolate.
Much better then the bubbles one. And I like the video.
güzel çalışma teşekkürler
Thanks for all the feedback folks. I’ll be releasing several more “Text Effect Quickies” over the next few weeks in between other articles. Hope you enjoy them just as much as this one!
I am having trouble downloading the free layer style…
I just tested it, and it seems to be working Ok for me. Are you having trouble downloading it, or installing it paulgeo?
Hello David,
Nice tutorial little tutorial that you have posted. Effect is quit good and mouth watering.
Cheers!
AFTEREIGHT SURFACE!
Nice, thank you! I found something nice to add: if you add another layereffect to the textlayer - bevel >texture - and choose this pebble-kindofstone texture, scale it REALLY big (370%) and take the depth down to 90%, you end up with a really tasty AFTEREIGHT SURFACE!
Thanks for teaching me photoshop and keep up with those nice tuts, please!
Thanks Annana! Nice suggestion you’ve got there - appreciate your insight!
How do you create a new gradient ??
help would be much appreciated
@Photoshop Noob - Hey mate, sorry - I should have linked to our tutorial that explains that. If you need help creating a custom gradient, give our Layer Styles in Photoshop Tutorial a quick read
Very nice :_)
Thanks 4 this 1, 2…
though i’ve question of probably quite different matter, but it makes me rrrrreeeeleee angry,
done this tut nice&quick, happy with the effect, but while exporttinh to jpg, I get lots of rough edges on the brush-made-gradient. Like if there was very sharp transition to next steps of Do Some Of You Get Similar Problem brown…. Is this a matter of my monitor (GatewayFDP2485W) which I want to doubt in, or the question of PC vs. Mac, or a problem with brown colors, or a problem with calibration - which BTW is not that bad…
Thanks for any feedback on this.
I am quite hungry now. Thank you for another great tut.