How to Create a Chocolate Text Effect in Photoshop

How to Create a Chocolate Text Effect in Photoshop
Learn how to create a 'Chocolatey Goodness' text effect in Illustrator and Photoshop. You'll learn the benefits of the burn and dodge tool while experimenting with Layer Styles.

Preview of Final Results

final-results

Download the PSD

Chocolatey Goodness.zip | 1 MB Download from Website


Chocolatey Goodness Photoshop Tutorial


Resources


Step 1 - Create a New Document

Choose File > New or press Ctrl/Command + N. The size of my canvas is 1600px (width) x 916px (height) but choose any size you wish.
step-001

Step 2 - Background

Grab the Paint Bucket Tool, pick #7f3e08 brown color and fill the background.
step-002

Step 3 - Stripes

Create a new layer name it 'Stripes'. Grab your Rectangular Marquee Tool, draw out a long rectangular shape. After that fill it with #602e06 (Edit > Fill > Color).
step-003

Step 4 - Duplicate

Once you've filled the rectangle, duplicate the 'Stripes' layer (right click 'Stripes' layer and click 'Duplicate Layer', click 'ok'). Repeat this step as need be, so that it looks like mine. Once it looks like my image merge all of the stripe layers.
step-004

Step 5 - Rotate

Rotate your 'Stripes' Layer (Edit > Free Transform or 'ctrl T') I rotated mines to 39 degrees. Duplicate this 'Stripe' layer again and place it next to your first 'Stripe' layer. Merge both layers. Grab your Rectangular Marquee Tool and make another rectangular shape that covers a little bit less than half of the canvas and press 'delete'.
step-005

Step 6 - Illustrator

Fire up Adobe Illustrator. Create the same size canvas as the one you made in Photoshop (File > New) 1600px X 916px.
step-006

Step 7 - Chocolate Drips

Next, we will be creating the drips in Illustrator. Of course you can do this in Photoshop but for me it's easier to do it in Illustrator. Grab your Pen Tool (P) and mimic the curves and drips that I have made in Illustrator. At this time it doesn't matter what color you make the drip because when we transfer it over to Photoshop we will change the color.
step-007

Step 8 - Transfer drips to Photoshop

Transfer these drips over to photoshop by 'drag and drop' or save it and open it up in Photoshop. Once you have placed the drips in Photoshop, 'rasterize' the layer (right click on the layer > rasterize) and name it 'Drips'. Soften the areas of the drips with a soft round brush. In the image below I have circled the areas in red that have some areas that need to be softened.
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.

Pages: 1 2 3

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.

cross