candy

This tutorial will help you create an awesome glossy candy text effect in a simple way.

The Final Result:

Candy

Notes:

* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 2000 * 1500
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.

Resources:

* Candy Text Effect Color Palette

Step 1:
Start by filling the Background with the color #724c21.
Then, create the text using the color #ee9b0f. Very thin fonts do not suit this effect, so make sure to pick a pretty bold font. The font used here is Fontleroy Brown NF and the size is 1000px.

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

Candy TE step 1

Step 2:

Double click on the original (visible) text layer, and apply the following styles:

- A Drop Shadow using the color #71511b.

Candy TE step 2 - Drop Shadow

- An Inner Shadow, using the color #ffa508. Change the Distance to 0, and the Size to 32px.

Candy TE step 2 - Inner Shadow

- Bevel and Emboss. Change the Size to 29px, the Softness to 16px, and use the color #ef9508 for the Shadow Mode.

Candy TE step 2 - Bevel and Emboss

- Finally, apply Satin, change the Blend Mode to Color Dodge, the color to #705737, and the Contour to Cone – Inverted.

Candy TE step 2 - Satin

Step 3:

Ctrl + Click on the original text layer thumbnail to create a selection.

Candy TE step 3 - 1

Create a new layer above the text layer and rename it to “Noise”. Fill the selection with the original text color #ee9b0f and make sure that its the Foreground color as well, and set the Background color to White. Then go to Filte -> Noise -> Add Noise. Change the Amount to 150 %, make sure that the Distribution is Gaussian, and check the Monochromatic box.

Candy TE step 3 - 2

Step 4:

With the “Noise” layer still active, zoom in (Ctrl + ‘+’) until you are able to see the pixels. Grab the Magic Wand Tool, remove the check next to Contiguous on 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.

Candy TE step 4 - 1

Change the “Noise” layer Blend Mode to Soft Light, and the Fill value to 50 %.

Candy TE step 4 - 2

Step 5:

- We’ll create the lines right now. So create a new documents that is 110 by 50 px, and set the Background Contents to Transparent, so that you’ll be able to see the pixels.

Candy TE step 5 - 1

- Draw a rectangle using the Rectangle Marquee Tool. You can display the Info palette form the Window menu to help you make sure that the rectangle width is 50 px.

Place the rectangle (or the square) at the center of the layer, then fill it with the color #e8641b.

Candy TE step 5 - 2

- Remove the selection (press Ctrl + D), and go to Edit -> Define Pattern and type in the name of the pattern.

Candy TE step 5 - 3

Step 6:

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

With the Paint Bucket Tool Selected, change the fill type to Pattern, and choose the one you’ve just created.

Fill the “Lines” layer with the pattern.

Candy TE step 6

Step 7:

Go to Edit -> Transform -> Rotate or press Ctrl + T to rotate the lines until you think the result is good. Hit Enter to confirm.

Then, Ctrl + Click again on the original text layer thumbnail (or icon) to create a selection. Make sure the “Lines” layer is active (selected), go to Select -> Inverse, and hit Delete.

Press Ctrl+D to remove the selection.

Candy TE step 7

Step 8:

Double click on the “Lines” layer to apply the following styles:

- Add an Inner Shadow. Change the color to #ba8c73, and the Distance and Size values to 4px.

Candy TE step 8_Inner Shadow

- Add Bevel and Emboss. Change the Style to Pillow Emboss, the Size to 3px, the Soften value to 1px, and the Shadow Mode color to #ba8c73.

Candy TE step 8_Bevel and Emboss

- Finally, add Satin. Change the Blend Mode to Overlay, the color to #fff8ad, and the Contour to Shallow Slope – Valley.

(*Note: If you can’t find these contours, check out how to get them here.)

Candy TE step 8_Satin

You’ll end up with something like this:

Candy TE step 8_result

Step 9:

Now, we need to go back to the duplicated text layer we created back in Step 1, and make it visible once again.

Change its Fill value to 0, and double click to apply the following styles:

- Bevel and Emboss. Change the Depth to 450, the Size to 10, remove the check next to Use Global Light, and change the Angle to 100, and the Altitude to 30, use Log for the Gloss Contour, and assign 0 for the Opacity value of the Shadow Mode.

Candy TE step 9_Bevel and Emboss

- As for the Contour just check the Anti Alias box.

Candy TE step 9_Contour

Step 10:

Add a layer above the “Background” layer, set the Forground 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 layer, click and drag to one of its corners to create the gradient fill. Change the Blend Mode of the layer to Soft Light.

Candy TE step 10

And this is the final result once again.

Candy

Hope you enjoyed the tutorial.

Don't forget to subscribe to our RSS feed and follow us on Twitter.

» 28 Comments

  1. Abdul Nazar says:

    Very useful and attractive
    Thanks

  2. krem says:

    Wonderful tutorial.
    Many thanks.

  3. Lilly says:

    Enjoyed doing this text tut. The directions were very easy to follow. Thanks for including the color selection numbers. Going to try out your other tuts. Shalom Lilly

  4. shahy says:

    its very very beautiful

  5. Chris says:

    Wow! I usually hate text tuts but this was amazingly simple yet with an amazingly gorgeous result! Thanks for this, I learned a bunch. :)

  6. Stephen says:

    wow! this will be my go to for girly projects!

    this tutorial was easy, fun and so useful

    Thank you.

    PS: this is my version haha

    http://i156.photobucket.com/albums/t13/stevo292/girly_text.jpg

    • textuts says:

      Thank you so much for your kind words :)
      I really like your version as well! It’s nice to see the concept applied in different ways.

      Thanks again.

  7. Refoy says:

    Thank’s It IS very useful to me

    With god’s
    Bless

  8. sam says:

    Just followed your tutorial on text and came across your note pappers at footer, do you have a tutorial about them?

    many thanks

    Sam

    • textuts says:

      Hello Sam,

      Thank you for the comment. Actually I don’t currently have a tutorial, as the site is dedicated for text effects tutorials. But I used rectangle shapes and added some anchor points to create the note papers, then added some textures and shadows!

      You can contact me through the contact form if you’d like to ask about any details.

      Thanks once again.

  9. Muhamad Tarek says:

    Thanks this one was so simple to do with a very good looking result ,, That’s my outcome .. I don’t know why I used the word Chaos but it looks good :D
    http://i56.tinypic.com/10gz5v4.jpg
    Thanks again for your great tutorials :)

  10. rjsocial says:

    I have one word for it. WOW !

    I am just starting to learn photoshop and this is one tutorial which is not only wonderful but also easy to follow and understand. and most importantly doable. Not like other tutorials which seems like they were made just to promote photo stock websites. I might use this for smokencherry.com. you may want to visit sometime to see how I did :-)

  11. PSDDude says:

    Hi,

    Love the tutorial! Thank you. I’ve featured it in a list along side other Candy Photoshop Tutorials

    http://www.psd-dude.com/tutorials/resources/candy-photoshop-tutorials.aspx

  12. Evey says:

    I love all your tutorials, there are really well explained & super useful to learn more about all the posibilities of CS5! You’re the best !!
    And of course, THANK YOU for sharing them with us.

    XOXO, from France.

    • textuts says:

      Thank you so much for your kind words, they really mean a lot :)
      I’m so glad you found the tutorials helpful.

      Thanks a lot once again for the comment.

  13. Tampopo says:

    Thank you very much. Great teaching.

» Trackbacks/Pings

» Leave a Reply

(required)

(Will not be published) (required)