How to Create a Lollipop Inspired Text Effect in Adobe Photoshop

This tutorial will show you how to use a couple of text and shape layers, along with a bunch of layer styles, textures, and filters, to create a realistic lollipop text effect. Let's get started!

Tutorial Assets

The following assets were used during the production of this tutorial:

Museo Sans Rounded 1000 font
SpiritsighsTexture22 by spiritsighs-stock
WaterSplashes0119 - Small 936 x 1024
Water Texture by Stock-by-Kai
Water Stock II by PlutoHasCows
11 by darkrose42-stock
Texture Pattern 2
Brushed Alum Dark pattern by Tim Ward
Free Pack 6000 photoshop gradients by Supertuts007 (Load the CSP True Sky Gradients.grd file.)

How to Create a Simple Background

Step 1

Create a new 1000 x 750 px document. Then, click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Gradient.

Step 2

Create the gradient fill using the colors #deeff0 to the left and #167e75 to the right. Change the Style to Radial, the Scale to 200, and check the Dither box. You can also click-drag the gradient in the document to move it around if you like.

Step 3

Place the SpiritsighsTexture22 image on top of the Background layer, rename its layer to BG Texture, and then go to Edit > Transform > Rotate 90° Counter Clockwise.

Go to Image > Adjustments > Desaturate, and then change the BG Texture layer's Blend Mode to Color Burn, and its Opacity to 5%.

After that, resize the texture as needed. You can change the Opacity value depending on how much texture you want the background to have.

How to Create Text Layers

Step 1

Create the text in All Caps using the font Museo Sans Rounded 1000.

Set the Color to #ff0000 (or any other color you like), the Size to 250 pt, and the Tracking to 100.

Step 2

Duplicate the text layer, and change the copy's Fill value to 0.

How to Create a Simple Extrusion

Step 1

Duplicate the original text layer, and drag the copy below the original.

Pick the Move Tool, and then press the Left Arrow key once and the Down Arrow key once, to nudge the copy layer 1 px in those directions.

Step 2

Duplicate the nudged layer, place the copy below it, and then nudge the copy 1 px in the same directions. Place both nudged layers in a group and call it Extrusion.