Tutorial: How to Create a Candy Text Effect in Photoshop

Today I will teach you how to create an amazing candy-like text effect in Photoshop. This simple tutorial is perfect for beginners. You will learn how to apply layer styles to achieve this effect in under 40 steps.

Tutorial Resources:

Step 1

Open up Photoshop and create a new document. File>New. The size of my document is 936px x 612px with a resolution of 72.

Delicious Step 1

Step 2

On your background layer, add a gradient overlay from the layer styles menu (by double clicking this layer).

Delicious step 2
delicious step 2a

Step 3

For now we are going to leave the background alone. Now we will start with the text. For this tutorial I’m using the word “Delicious”. Starting with the letter “D”, the size of my letter is 220pt and color #952480

delicious step 3

Step 4

Continue with the rest of your letters but make sure you overlap them in the same color.

delicious step 4

Step 5

Create a new layer and use your pen tool to create a swirl at the end of the “s”. At this point it doesn’t matter what color it is. Once you make the path, right click “make selection” and fill it with any color. Next, rasterize the letter “s” and merge the swirl layer with the “s”

delicious step 5

Step 6

Now we will add layer styles to each of the letters. Starting with the letter “D”, double click this layer so that the layer style box pops up. We will first start off with Bevel and Emboss.

delicious step 6

Step 7


delicious step 7

Step 8

Inner Shadow

delicious step 8

Step 9

Inner Glow

delicious step 9

Step 10


delicious step 10

Step 11

Color Overlay

delicious step 11

Step 12

Gradient Overlay

delicious step 12

Step 13

This is how your letter should look so far.

delicious step 13

Step 14

Now while your “D” letter is still selected, right-click this layer and select “copy layer style.” Now go to all your other letter layers and paste this layer style onto each layer

delicious step 14A
delicious step 14b

Step 15

Now go back the your “D” layer and duplicate it by right-clicking “duplicate layer” or by dragging it to the “create a new layer button.” Once you’ve done that convert the layer to a smart object by right-clicking and rasterize it. Now go to your Filter Gallery, Filter>Filter Gallery. And apply these settings:

delicious step 15

Step 16

Change this layer to Luminosity, and play around with the opacity. This is how it should look. Do this to the remaining layers

delicious step 16
delicious step 16a

Step 17

Now go back to your “D” layer and create a new layer and select a soft round brush

delicious step 17

Step 18

Using this color #49043c add shadows beneath the overlapping layers.

delicious step 18

Step 19

Change this layer to Linear Burn

delicious step 19

Step 20

Repeat these steps for the rest of the layers


Step 21

The image still looks a bit flat so lets change that up a bit. Starting with the letter “D” go to each letter and make a selection of it by pressing ctrl + alt at the same time like the image below.

delicious step 21

Step 22

Create a new layer beneath the “D” layer and fill it with #49043c. Move this layer to the left a bit.

delicious step 22

Step 23

Add these layer styles starting with Bevel and Emboss.

delicious step 23

Step 24


delicious step 24

Step 25

Inner Shadow

delicious step 25

Step 26

Inner Glow

delicious step 26

Step 27

Color Overlay

delicious step 27

Step 28

Gradient Overlay

delicious step 28

Step 29

Drop Shadow

delicious step 29

Step 30

Now create a new layer, this layer should be your top layer. And with an elliptical tool make a oval over half the word.

delicious step 30

Step 31

With the gradient tool selected, create a white to transparent gradient.

delicious step 31

Step 32

Draw a line from the bottom to the top of the word

delicious step 32

Step 33

Now with this layer still highlighted, make a selection of the letter layers including the layer we created with the Drop Shadow

delicious step 33

Step 34

Now Select>Inverse and press delete to get rid of the outer edges.

delicious step 34

Step 35

Change this layer to Soft Light with an opacity of 43%. And add these layer styles.

delicious step 35

Step 36

Drop Shadow

delicious step 36

Step 37

This is how it should look

delicious step 37

Step 38

Now create a new layer above your background gradient layer. Fill it with any color and apply this pattern overlay. Note: make sure the Fill is at 0%. Since I’m working with Photoshop CS6 this pattern came with this version of Photoshop.

delicious step 38

Step 39

Lastly I will add stripes to the background. Create a new layer in between the pattern overlay and background gradient layer. Choose the rectangular marquee tool and make strips along your document. Fill it with the color #ba9a75

delicious step 39

Step 40

Change this layer to Color Burn with an opacity of 50% after you rotate your stripes to the right a bit.

Step 41

Take this layer and put it in a folder, then change this layer to Hard Mix with an opacity of 21%. And you’re done!

delicious final image

Written by Ashlee Harrell

Ashlee is a design fanatic who is the creator of Vector Chameleon a resource site that aims to help designers of all levels with amazing, exclusive, hand crafted resources. Don't forget to follow her @vectorchameleon


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.






Crazyleaf Design Sites of the Week #82

Giveaway : Win 5 New Colossal Bundles Value $10,063 from Inky Deals