Add an awesome Chocolate Text Effect in Photoshop

It’s New Year! Wishing you a happy new year & beside that I had made an awesome tutorial for you. A chocolate creamy Text effect. Make it in your Photoshop and give it to your Love ones wishing them a happy new year.

Written Tutorial

As with most projects, the size of your document can vary depending on screen resolution and personal preference. For this tutorial, I’m going to be starting with a 1280 x 720 pixel document, with a simple pink/purple radial background.

The Text

For a design like this, as well as many text effects, a thicker font is usually best. Thick fonts give you more room to work with when applying Layer Styles. Using the Bubble Boddy font from DaFont.com, your word of choice can be typed out in the center of the document using a brown font color. #2d1b07.

Layer Styles

Now that the text has been typed out, it’s time to add some Layer Styles to this text layer. This will give our text the ‘chocolate’ feel to it. Change the values in Bavel & Emboss as shown below.

Then go to Contour and change the contour to a slidy one as shown, turn of the Anti-aliased and choose the range to 20%.

Then select the Texture from Bavel & Emboss and choose the pattern as the pattern below (you can choose any other pattern depending on the size of your text), Select scale to 100% and depth to +3%, Turn on the Link with Layer

After Bevel & Emboss, Go to Inner shadow, Change the Blend Mode to Overlay, Opacity to 100%, Angle set at 90%, Turn off the Global Light, Distance set to 3px, Choke to 35% and the Size to 10px. In the Quality Turn off the Anti-aliased and set Noise to 0%

After the Inner shadow, go to Drop Shadow and change the Blend Mode to Multiply, Opacity to 40%, Turn of the Global Light, Change the Angle to 90, Change the distance to 10%, Spread to 0% and size to 15%. In the Quality, Turn on the Anti-aliased, Change Noise to 0% and at last turn on the Layer Knocks out drop Shadow.

Once your Layer Styles have been applied, you should have something that looks like the image below. If it doesn’t, make sure that you’re using a dark brown for the font’s color, and depending on the size of your text, you may need to text out different values within your Layer Styles.

Frosting

Now that the main chocolate text is complete, let’s add a layer of frosting. Start by duplicating the current text layer to duplicate, select the text layer and click CTRL+J(for pc) and Commant+J(for mac). Clear the Layer Styles of the Duplicated Layer. (right-click on the layer in the Layers panel > Clear Layer Styles), and change the color of the text to a bright pink: #dd4fa2.

The Mask

Before we start adding Layer Styles, let’s add a Layer Mask to exclude part of the frosting. With your Rectangular Marquee Tool active, create a selection around the part of the frosting you’d like to keep. The top 1/4 should work well.

When that’s been selected, add a Layer Mask to this layer using the icon at the bottom of the Layers panel.

Once the Layer Mask has been added, make sure it’s active (white box around the mask, as seen above), then add a ZigZag filter (Filter > Distort > ZigZag) to give the frosting some curves. Change the Amount to 19, ridges to 5 and the style to Pond Ripples.

Layer Styles

Now we can go ahead and apply a few Layer Styles to the pink frosting layer. Go to Bevel and Emboss, Change the style to Inner Bavel, Technique to Smooth, Depth to 300%, Direction to Up, Size set to 10px and the Soften set to 16%. Going into Shading, first change the angle to 120, Altitude to 30, Turn off the Global Light and Anti-aliased, Set Highlight Mode to Overlay, Opacity set to 100% and the color will be white. Change the Shadow Mode to Overlay, Opacity to 72% and the color will be black.

Going into Texture, Select the Pattern to as shown in the pic below, change the Scale to 100% and the Depth to -309% at last, Turn on the Link with Layer.

Then go to Inner Shadow, Set the Blend Mode to Soft Light, Color to Black and Opacity to 41%, Set the Angle at -90 and turn off the Global Light, Set the Distance to 5px, Choke set to 20% and the size to 9px. Going into Quality, First Turn off the Anti-aliased then set Noise to 0%.

Final Result

Once all the Layer Styles have been added, you should have a result like the one seen below. Again, if it looks different, you may need to adjust your Layer Styles.

Browse More Articles

Tweet

Written by Unknown

Unknown is one of the Team Member of Programmer vs Hacker. He has written many articles on this website and is a patner of this website.