If you’ve got a sweet tooth, then we’ve got a mouth-watering treat for you. In this tutorial we will show you how Photoshop CS6 Extended’s new 3D tools can be utilized to create a typographic illustration. We will also use plenty of free stock images and make full use of Photoshop’s non-destructive features, such as Adjustment Layers and Masks. Let’s get started!

This tutorial was originally published in May 2012 as a Tuts+ Premium tutorial. It is now available free to view. Although this tutorial does not use the latest version of Adobe Photoshop, its techniques and process are still relevant.

Want an easier way to create tasty text? Browse the incredible selection of Candy Text Effects from GraphicRiver. Or enlist the help of a design professional from Envato Studio for all your typography needs.

Create 3D Letters

Create 3D Letters

Create 3D Letters

Create 3D Letters

Create 3D Letters

Repeat this until each word is complete, then place each character clearly labelled in a separate word folder as shown.

Create 3D Letters

Create 3D Letters

Create the Background

Create the Background

Create the Background

Create the Background

Create the Background

Create a Ground Shadow

Create a Ground Shadow

Create a Ground Shadow

Create a Ground Shadow

Create a Ground Shadow

Transform/position over the letter, then Control-Click the corresponding text layer to generate a layer-based selection. Ensure your new layer is targeted, then click on the Add layer mask icon located at the foot of the Layers tab.

Add Texture to the Letters

Add Texture to the Letters

Add Texture to the Letters

Add Texture to the Letters

Add Texture to the Letters

Add Texture to the Letters

Add Texture to the Letters

Add Texture to the Letters

Add Texture to the Letters

Add Texture to the Letters

Add this as a top layer called “Texture 1” and Resize/Position over the second letterform. Reduce the Opacity to 32%, then use a selection from its corresponding type layer to create a mask.

Add Texture to the Letter W

Add Texture to the Letter W

Add Texture to the Letter W

Add Texture to the Letter W

Add Texture to the Letter W

Add Texture to the Letter W

Add Texture to the Letter W

Add Texture to the Letter E

Add Texture to the Letter E

Add Texture to the Letter E

Add Texture to the Letter E

Add Texture to the Letter E

Add Texture to the Letter E

Add Texture to the Letter E

Add Texture to the Letter E

Add Texture to the Letter E

Add Texture to the Letter E

Add Texture to the Letter E

Add Texture to the Letter E

Step 1
Extract and add a cake image as a New Layer and name it “Texture 1”. Use the same masking technique so only the extruded areas are visible, then reduce the Opacity to 90%.

Add Texture to the Letter T

Add Texture to the Letter T

Add Texture to the Letter T

Add Texture to the Letter T

Add Texture to the Letter T

Add Texture to the Letter T

Add Texture to the Letter T

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Now Clip two adjustments to this layer: Levels and Color Balance with the following settings. Place these layers within a Group folder called “LETTER O2”.

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add Texture to the Rest of the Letters

Add the Strawberry and Hand

Add the Strawberry and Hand

Add the Strawberry and Hand

The existing strawberry less than photogenic, luckily this is easy to fix. Open a strawberyy image and use the same Selection/Refine Edge workflow to extract it. Delete/Apply the mask, then add as a New Layer and Resize, Position over the hand.

Add the Strawberry and Hand

Add the Strawberry and Hand

Add the Strawberry and Hand

Add the Strawberry and Hand

Add the Strawberry and Hand

Add the Strawberry and Hand

Add the Strawberry and Hand

At this stage you may want to clip some more adjustments to the “Hand” and “Strawberry” layers so they sit more comfortably in the composition.

Add the Strawberry and Hand

Finish Your Text

Add a New Layer in Multiply Mode at the bottom of the stack within the same folder. Now Fill selections from all your drips and crumb with dark brown. Transform as shown, then apply the same blurring and noise as you did at the start of the tutorial for the main shadow. Finally, reduce the Opacity to 90% and Mask with some black to transparent gradients.

Finish Your Text

Finish Your Text

Finish Your Text

Sweet Candy Text Effect Adobe Photoshop Tutorial

Want to create an awesome sweet-inspired text effect like the one above? Choose from the incredible selection of Candy Text Effects and Layer Styles from GraphicRiver to satisfy your sweet tooth. And check out one of our favorites below!

Sink your teeth into this incredible selection of sweet layer styles. This package features 10 delicious layer styles ranging from sweet ginger cookies to a yummy birthday cake. Easy to use, simply add this layer style to the text or shape you want to apply the effect.

Delicious Sweet Layer Styles V2