fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Create a Chocolate Tablet Text Effect in Photoshop
Tutorials Text Effects 6805 Views March 3rd, 2017

Learn how to create a chocolate tablet text effect in Photoshop from scratch. You can create any type of chocolate, milk chocolate, dark chocolate or white chocolate using color adjustment maps. Also you can personalize the chocolate by adding text, shapes, etc.


Create a new PSD file 184x160px. Create a new layer called Shape 1. Fill the layer with color #8f8f8f and duplicate it. Call the copy layer Shape 2.

Add a Bevel and Emboss layer style to the Shape 1.

Add an Inner Glow layer style to the Shape 1.

Press CTRL + T to resize the Shape 2 layer.

Add a Bevel and Emboss layer style to the Shape 2.

Add an Inner Glow layer style to the Shape 2.

Add an Inner Shadow layer style to the Shape 2.

Add a Color Overlay layer style to the Shape 2.

Now you have a simple chocolate tablet that you can play with, by adding text, shapes, etc.

Engraved Chocolate Effect in Photoshop

Next we will add a text inside the chocolate tablet. I will add an engraved chocolate effect but you can also add an embossed chocolate effect.

Create a new layer and write a text using a font that you like. I have used Obelix Pro font type; if you don't have it you can easily download it and install font in Photoshop

To create the engraved chocolate effect I will add this layer style to the text layer.

chocolate tablet in photoshop

Define Pattern in Photoshop

I will use this image to create a pattern. You might want to save this PSD file if you want to modify the text, shape, etc. Go to Edit > Define Pattern and choose a name for your pattern, like "chocolate-tablet".

define pattern in photoshop

Create a new PSD file 184x160px. Go to Image > Image Size and make these settings. I increased the canvas size with 300 percent on horizontal scale and with 200 percent on vertical scale. You can choose any other sizes but it has to be multiple of 100.

scale image in photoshop

Go to Layer > New Fill Layer and choose Pattern. Choose the pattern that we created, set the scale to 50% and click on the Snap to Origin button.

Go to Layer > New Adjustment Layer and choose Gradient Map. The colors for the gradient to create the milk chocolate effect are #35190e and #b77235

milk chocolate tablet in photoshop

Aluminium Foil Wrap in Photoshop

In a new layer add this aluminium foil seamless texture and use the Polygonal Lasso Tool or the Lasso Tool to make a rough selection in the center area. Delete the selection. Add a Drop Shadow effect and you have a aluminium foil wrap for your chocolate.

aluminium foil in photoshop

So here is the final result for the how to create chocolate tablet text effect in Photoshop tutorial. You can create unlimited chocolate effect using this technique. You can combine text with vector shapes to create interesting effects.

milk chocolate photoshop text effect


If you want you can download the PSD file that includes also the tablet template to create the chocolate pattern. In the PSD you can also find the gradient maps for creating white chocolate effect and dark chocolate effect.

dark chocolate PSD photoshop free

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

No comment(s) for "Create a Chocolate Tablet Text Effect in Photoshop"

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 fill text with image in Photoshop. The same technique works for adding a text over an i...
Learn how to create in Photoshop a beautiful Valentine's Day text effect made from red rose petals. ...
Here you have some of the most beautiful photo manipulation tutorials for Valentine's Day that I am ...
Seamless border Photoshop brushes that you can use for free. If you want to add a border in Photosho...

      Torn Photo Effect Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
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...
Subscribe via email

      Metal Tag Photoshop Creator