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

Create a Chocolate Tablet Text Effect in Photoshop
Tutorials Text Effects 8065 March 3rd, 2018

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.

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

Create a chocolate bar in Photoshop using your logo.

Chocolate bar photoshop

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
5 ( 102 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

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

Get new posts by email:

      Online Photo Editor