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

Chocolate Tablet Effect
Tutorials Textures and Patterns 27870 Views September 5th, 2010

Helo, In this tutorial I will make a nice chocolate effect turning a girl into a dark chocolate figurine. I will also engrave a text into the chocolate. Have fun and let's start!


Before we begin let's take a quick look at the final result. Here is how our chocolate effect will look like. You can create your own chocolate tablets in just a few simple steps.

chocolate-tablet-effect tutorial intermediary image

Step 1 - Prepare the background

The idea for this tutorial came from a forum. Somebody was asking about chocolate effect. I haven't found many tutorials while searching the internet so I have decided to write one myself. If you have another method to obtain chocolate or ideas to improve my tutorial please leave me a message. Ok , let's start!

Open a new psd file 500/500 pixels. Go to Flickr and download this photo .

chocolate-tablet-effect tutorial intermediary image

Step 2 - Turn the photo into a black and white

Because I want to transform this girl into a chocolate figurine I need to transform the photo into a black and white image. So go to Image - Adjustments - Desaturate or simply use SHIFT+CTRL+U. Call this layer Desaturate Layer and hide the initial layer.

Now we have this image

chocolate-tablet-effect tutorial intermediary image

Step 3 - Remove the left part of the image

Because I want to use only the face of the girl I will draw with Pen Tool a shape . Call this layer Hair Layer. Set the color of the shape to #a0a0a0. Now press CTRL and click the Thumbnail of the Hair Layer and than go to Desaturate layer and press delete.

chocolate-tablet-effect tutorial intermediary image

Step 3 - Hide Some Face Features

Now it is time to work with Desaturate Layer and hide or change some features of the face. Go to the View - Zoom in the image .

With the Dodge Tool lighten the dark areas of the mouth, eyes. The idea is to make the lips, eyes, ears, eyebrows the same color as the skin.

chocolate-tablet-effect tutorial intermediary image

Start with the mouth and easily dodge the lips area. Than with the Blur Tool cover the same mouth area, opacity 15 %.

chocolate-tablet-effect tutorial intermediary image

Now we have to reshape the mouth with Dodge Tool.

Use Spot Healing Brush Tool to hide the deep part of the nose.

chocolate-tablet-effect tutorial intermediary image

Use the Dodge Tool to lighten the eye area like in the image.

Use the Clone Stamp Tool to hide the eyebrow and the eyelashes.

chocolate-tablet-effect tutorial intermediary image

Step 4 - Let's add some color

Gray is not quait the chocolate color so let's fix that aspect.

Create a new rectangle with the Rectangle Tool, color #482808. Call this layer Chocolate Face. This layer is placed above Desaturated Layer and below Hair Layer. Change the Blending Mode of this layer from Normal to Linear Light 100% opacity. Your image should now look like this:

chocolate-tablet-effect tutorial intermediary image

As a tip you can adjust the Desaturated Layer with Dodge Tool after you've added this Chocolate Face layer�that way you can see the effect better.

Step 5 - Color the Hair of the Figurine

I will now change the color of the Hair Layer. So go to Blending Options of the Hair Layer and do the following settings:

Inner Glow : color # 3c0c00 - be careful to choose the exact color because it was so hard for me to choose the right color for this chocolate effect.

chocolate-tablet-effect tutorial intermediary image

Color Overlay: color # 8d4d09

chocolate-tablet-effect tutorial intermediary image

Your image should now look like this:

chocolate-tablet-effect tutorial intermediary image

Step 6 - Detail the Hair of the Figurine

I will now use the Pen Tool to create a shape like in the image below. Choose the color for this shape to # 965611 . Go to the Blending Options of this layer and select Inner Glow(choose the color of the glow # 4a1b04) with the settings shown below.

chocolate-tablet-effect tutorial intermediary image

Now duplicate this layer four times and adjust the shape of each of them to fit the image like in the image shown before. Use for that the Convert Point Tool and the Move Tool.

Part 1Part 2Part 3

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

8 comment(s) for "Chocolate Tablet Effect"

7:00 AM Wednesday, January 27, 2010
Beautiful is the only word i can find! thanks reply
7:00 AM Wednesday, January 27, 2010
I love it! So classy and delicious! reply
7:00 AM Thursday, January 28, 2010
This is unique, very good technique ! thanks reply
7:00 AM Sunday, March 07, 2010
Amazing effect! reply
7:00 AM Sunday, September 19, 2010
fabolous reply
7:00 AM Monday, September 20, 2010
Thank you , i am glad you like it!!!! reply
9:12 AM Tuesday, September 27, 2011
I can't believe I actually found a post on that (1 year after it was created but hey). very helpful, thx reply
9:13 AM Tuesday, September 27, 2011
I am glad you found it. Better late than never, right ?!!

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
Download this new set of sun Photoshop custom shapes. The CSH file was made with Adobe Photoshop CS4...
Learn how to mirror an image in Photoshop from this quick tutorial for beginners. To flip an image P...
How to create a realistic pool water texture in Photoshop from scratch using filters and gradient co...
Useful Photoshop tutorials on how to create realistic looking sketch effect or pencil drawings. To c...

      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...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
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