Text Effect Quickie: Delicious Chocolate Text
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!
72 Comments
vist for basic training of photoshop
Flag as inappropriatehttp://training4free.co.cc/Basic%20training/Basic%20training.html
This is awesome and I’m finding it perfectly timed. I was just working on a project that needed something like this. There were a few steps you took that I didn’t consider and it has helped what I had immensely. Thanks man!
Flag as inappropriateThis is amazing work.
Flag as inappropriateSimple, elegant and most of all…..yummy!!
Flag as inappropriateGreat Tutorial , very clean style
Flag as inappropriateThanx.Great Tutorial.Nice Learning Methods.Cheers!!!
Flag as inappropriateI luv this..
Flag as inappropriate:)
great i never seen before.55
Flag as inappropriategreat i never seen before.48
Flag as inappropriategreat i never seen before.43
Flag as inappropriatethanks for sharing. So mush
Flag as inappropriatemmmmmmmmmm thx for this delicious tut
Flag as inappropriatethank you so much.. your tricks are helping me out.. :)
Flag as inappropriatewhere is the download link? *_*
Flag as inappropriatethanks!
Flag as inappropriateI like the second result, the one with some clouds effect, its cool…
Flag as inappropriateindeed simple but looks nice :D
Flag as inappropriateThe only thing I see are a bunch of black boxes.
What’s up?
Flag as inappropriateSweet. I never thought of making a blurred shape then distorting it to get a lighter diffused color. I usually make a gradient layer.
Flag as inappropriateHow do you install the effect?
Flag as inappropriateI am quite hungry now. Thank you for another great tut.
Flag as inappropriateVery 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.
Flag as inappropriate@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 ;)
Flag as inappropriateHow do you create a new gradient ??
Flag as inappropriatehelp would be much appreciated
Thanks Annana! Nice suggestion you’ve got there – appreciate your insight!
Flag as inappropriateAFTEREIGHT 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!
Flag as inappropriateHello David,
Flag as inappropriateNice tutorial little tutorial that you have posted. Effect is quit good and mouth watering.
Cheers!
I just tested it, and it seems to be working Ok for me. Are you having trouble downloading it, or installing it paulgeo?
Flag as inappropriateI am having trouble downloading the free layer style…
Flag as inappropriateThanks 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!
Flag as inappropriategüzel çalışma teşekkürler
Flag as inappropriateMuch better then the bubbles one. And I like the video.
Flag as inappropriateNow I need to go get some chocolate. This looks great. Its fast and looks just like chocolate.
Flag as inappropriatecool tutorial :)
Flag as inappropriateThis will come in handy one day. Short and simple, thanks!
Flag as inappropriateAmazing effect!!
Flag as inappropriateI did tried and it looks awesome!
Thank You!
I LOVE CHOCOLATE ILL KILL FOR CHOCOLATE :p JEJEJE GOOD TUT!
Flag as inappropriateHot! :D:D:D
Flag as inappropriateHot chocolate lol
That’s sweet….literally!
Flag as inappropriate