How to Create a Chocolate Text Effect in Photoshop

How to Create a Chocolate Text Effect in Photoshop
How to Create a Chocolate Text Effect in Photoshop
step-008

Step 9 - Duplicate Layer and add Layer Styles

Duplicate your 'Drips' layer three times. On the original layer, makes sure that the 'fill' is at 0% then double click the layer so that the Layer Styles dialog box pops up and apply these settings. For the Inner Shadow I used #22190a.

step-009

The color I used for Inner Glow is #855100.

step-009a

The color I used for Highlight Mode #ffe8b8 and for Shadow Mode #cfb788

step-009b
step-009c

The color I used for Satin #633701

step-009d

Step 10 - 2nd Drips layer

If you've done everything right this is how it should look so far. Go on to your 2nd Drip layer (which should also have a 'Fill' of 0%) and add these layer styles.

step-0010

color #602e06

step-0010a
step-0010b
step-0010c

Step 11 - 3rd drip layer

Add these effects to your 3rd layer. Inner Shadow #000000

step-0011
step-0011a
step-0011b

#602e06

step-0011c

Step 12 - Last Drip layer

This is how mine looks at this point. Continue to add these settings to the last drip layer.

step-0012
step-0012a
step-0012b

Use the photo of water in the beginning of this tutorial for the pattern overlay. Also change the picture of water to black and white before adding it as your pattern.

step-0012c

Step 13 - Highlights

Create a New layer (above your Drip layers) and name this layer 'Highlights'. Grab your Brush Tool and select a soft round brush with a size of 12px and a color of #ec9f04. Then on your 'Highlights' layer brush in some highlights in different areas of the drips.

step-0013

Step 14 - Blur Highlights

Once you have brushed in some highlights like the image above. Go to Filter > Blur > Gaussian Blur. Once you've done the Gaussian Blur change this layer to 'Soft Light' with an Opacity of 70%

step-0014

Step 15 - Smudge Highlights

Take your Smudge Tool (size 50px and a Strength of 50%) and smooth out your highlights. So that it looks like the picture below.

step-0015

Step 16 - Chocolate Text

We are now done with the chocolate drips! Time to move on to our text effect. The font that I will be using for this tutorial is "Old Sans Black". I attached a link at the beginning of this tutorial for you to download. For my text I typed out each individual letter and line them up so that each letter touched one another. Once you have typed out each letter, rasterize each letter and merge the letter layers. You can name this layer 'Chocolate' or whatever you like.

step-0016

Step 17 - Chocolate Layer Styles

Duplicate this text layer four times. Make your top 3 'Chocolate' layers invisible by clicking the eye icon next to the layer. On your first 'Chocolate' layer add these Layer Styles. Make sure the Fill on this layer is at 0%. The image below is how your first 'Chocolate' layer should look once you apply the layer styles.

Pages: 1 2 3 4

Create Dot Grid Art in 1 Click
Sponsored

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

6 comments on “How to Create a Chocolate Text Effect in Photoshop”

  1. This is actually excellent ! unique tutorial. I never seen such.
    Thank you thank you ! Really thank you for this tutorial !
    Wish you all the best for your work in graphic designs . . .
    best luck. Thnkies once again.

Leave a Reply

Your email address will not be published. Required fields are marked *

cross