Glossy Candy Text Effect

This tutorial will help you create a really simple, but awesome glossy candy text effect in Photoshop.

The Final Result

Tutorial Details

• Software Used : Photoshop
• Version : CS5 Extended
• Time : 0:35 – 1:00

Resources

• Fontleroy Brown NF font.

Step 1

Create a new 2000 x 1500 px document, and fill the Background with the color #724c21.

Create the text using the font Fontleroy Brown NF, the Size 1000 px, and the color #ee9b0f.

Duplicate the text layer, and make the copy invisible (by clicking on the eye icon next to it).

Step 2

Double click the original text layer to apply the following Layer Style:

– Drop Shadow

• Color : #71511b

– Inner Shadow

• Color : #ffa508
• Distance : 0
• Size : 23

– Bevel and Emboss

• Size : 26
• Soften : 16
• Shadow Mode – Color : #ef9508

– Satin

• Blend Mode : Color Dodge
• Color : #705737
• Contour : Cone – Inverted

Step 3

Ctrl/Cmd + Click the original text layer’s thumbnail to create a selection.

Create a new layer on top of the text layer and call it Noise. Fill the selection with the original text color #ee9b0f and make sure that it’s the Foreground color as well, and set the Background color to White. Then go to Filter > Noise > Add Noise. Change the Amount to 150, make sure that the Distribution is set to Gaussian, and check the Monochromatic box.

Step 4

With the Noise layer still active, zoom in (Ctrl/Cmd + ‘+’) until you are able to see the pixels clearly. Pick the Magic Wand Tool, un-check the Contiguous box in the Options bar (this will let all the pixels of the same color range be selected, whether they are adjacent or not), and select the darkest pixel or group of pixels. Then, hit Delete.

Change the Noise layer’s Blend Mode to Soft Light, and its Fill value to 50%.

Step 5

Create a new 110 x 50 px document, and set the Background Contents to Transparent.

Draw a 50 x 50 px square using the Rectangle Marquee Tool. You can open the Info panel (found under the Window menu) to help you make sure that the rectangle’s width and height values are 50 px.

Place the square at the center of the document, then fill it with the color #e8641b.

Go to Select > Deselect, then go to Edit > Define Pattern and type in the name of the pattern.

Step 6

Go back to the original document, create a new layer on top of the Noise layer, and call it Lines.

With the Paint Bucket Tool selected, change the Fill type to Pattern, and choose the pattern you’ve just created.

Fill the Lines layer with the square pattern.

Step 7

Go to Edit > Transform > Rotate to rotate the lines until you think the result is good. Hit Enter/Return to accept the changes.

Then, Ctrl/Cmd + click the original text layer’s thumbnail to create a selection. Make sure that the Lines layer is selected, then go to Select > Inverse, and hit Delete.

Press Ctrl/Cmd + D to get rid of the selection.

Step 8

Double click the Lines layer to apply the following Layer Style:

– Inner Shadow

• Color : #ba8c73
• Distance : 4
• Size : 4

– Bevel and Emboss

• Style : Pillow Emboss
• Size : 3
• Soften : 1
• Shadow Mode – Color : #ba8c73

– Satin

• Blend Mode : Overlay
• Color : #fff8ad
• Contour : Shallow Slope Valley

You’ll end up with something like this:

Step 9

Go back to the duplicated text layer created back in Step 1, and make it visible once again.

Change its Fill value to 0, and double click it to apply the following Layer Style:

– Bevel and Emboss

• Depth : 450
• Size : 10
• Uncheck the Use Global Light box
• Angle : 100
• Altitude : 30
• Gloss Contour : Log
• Shadow Mode – Opacity : 0%

– Contour

Just check the Anti-aliased box.

Step 10

Add a layer on top of the Background layer, set the Foreground color to Black, and with the Gradient Tool, choose the Foreground to Transparent fill, click on the Radial Gradient icon, and check the Reverse box.

Starting from the center of the document, click and drag to one of its corners to create the gradient fill. Change the Blend Mode of the layer to Soft Light.

And this is the final result once again.

Hope you enjoyed the tutorial.