Quick Tip: Create a Candy Flavored Text Effect in Photoshop

Quick Tip: Create a Candy Flavored Text Effect in Photoshop

Tutorial Details
  • Applications Used: Adobe Photoshop CS4
  • Difficulty: Beginner
  • Estimated Completion Time: 25 Minutes

Final Product What You'll Be Creating

In this quick tip tutorial we will explain how to create a candy cane-style text effect in Photoshop. Let’s get started!


Tutorial Assets

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


Step 1

First of all you have to install both .pat files. You can do this by double clicking each icon.


Step 2

Create a new document. Set width to 600px and height to 450. Resolution must be 72 DPI.


Step 3

Duplicate the background (Go to Layer > Duplicate Layer > OK) and rename the new layer as ‘Background Pattern’.


Step 4

Now we are going to add some texture. Double click on ‘Background Pattern’ and the ‘Layer Style’ window will appear. Go to ‘Pattern Overlay’, select ‘Cherry01′ from the list and press OK.


Step 5

To create the vignette style you have to double click on ‘Background Pattern’ layer and, once the Layer Style window appears, set the following values.


Step 6

Type the word CANDY or a text of your choice using ‘Anja Eliane’ font. Set the font size to 100 pt and tracking to 40. For best quality, change the anti-aliasing mode to Sharp.


Step 7

Using the ‘Move Tool’, select the text and background layer, then click the align commands: ‘Align Horizontal Center’ and ‘Align Vertical Center’ on the top menu to center it, as shown in the image below.


Step 8

Add a layer style to the text, you have to right click on the layer in your layers menu and choose Blending Options. Use the settings shown in the following picture and press OK.


Step 9

Let’s start with the text effect! First we are going to add some shadows to separate the text from the background. Go to Layer Style > Drop Shadow and use the values shown in the image below.


Step 10

Now we start with the candy texture. Go to Layer Style > Pattern Overlay, click on the Pattern Box and choose ‘Wavy Pattern’ from the list.


Step 11

Select Inner Shadow from the Layer Style window and set the following values. This will give a deep effect to the text.


Step 12

Go to Layer Style > Outer Glow and use the settings shown below to add shadows to the text.


Step 13

Got to Layer Style > Inner Glow and use the settings shown below to add light to the text.


Step 14

Now we are going to make the ‘glossy plastic’ effect. Go to Layer Style > Bevel & Emboss. Use the following values.


Step 15

In this step we are going to make the colors richer, emphasizing lights and shadows. Go to Layer Style and modify ‘Color Overlay’ and ‘Gradient Overlay’ setting the following values.


Step 16

This is the final step but not less important, we are going to lightening edges to get a stunning effect. Go to Layer Style > Stroke, and use the values shown in the image below.

Tip: To create a new point in the gradient you have to click under the gradient bar. Clicking each one of the color stops allows you to modify Location and Color. Set them to the Values shown in the picture.


Final Image

Enrique Elicabe is Elicabe on Graphicriver
Tags: Tips
  • http://www.designpanoply.com Design Panoply

    Looks great! The kerning is really bugging me though ;)

    - John Shaver

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thanks, but… what kerning?

      • TheMigthyBat

        The space between the letters: the C, A and N are touching, while the D and Y are apart. Kerning has to demonstrate cohesion.

  • Darkkahn

    Thanks for the tut.
    and Step 16 doesnt have any picture.

    • http://psd.tutsplus.com/ Grant Friedman

      Sorry about that. Got it fixed.

  • ae10

    excellent tutorial well explained … and lacking the last image of step 16

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thank you!

  • eddie

    Where’s step 16′s image?

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Fixed, sorry!

  • http://photoshopinspire.com/ Photoshop Inspire

    looks cool!! :)

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thanks!

  • currybill

    Great layer style demo. Now that’s what I call the pre-breakfast quickie!

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      It’s not a demo, it’s a tutorial.
      I don’t understand…

  • http://www.graphicblueprint.com Brandon Halliburton

    Very well done. Great job.

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thanks Brandon

  • http://madalincmc.deviantart.com/ madalincmc

    It looks preaty good but is a bitt too much black… for a candy. Anyway nice tip!

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thaks. Candy it’s just a word for example.

  • http://bangladeshinewslink.blogspot.com/ Solaiman Ahmed

    This is a version of the image with a complex photosop.

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      What are you talking about?

  • http://www.stanleyparrish.com Stanley Parrish

    This is a very nice tutorial. Can really come in handy.

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thank you Stanley!

  • http://creamydziners.com/ Kent

    This is a great tutorial.Gonna try it now.

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Hey thanks Kent!

  • hell

    This is a very nice tutorial. Can really come in handy.!!!
    thank you

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Great!

  • http://existtocreate.com/ Exist To Create

    Nicely made tutorial, the end result does look nice.

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thank you my friend!

  • http://allsnoringcures.com/ Sisir

    Looks good. I like the background. Is it a default pattern?

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Hi Sirir, the pattern is not default, you have to download it form the assets

  • Anderson

    So beautiful *-*

    Thank you very much !

    Look my candy , LOL

    http://img211.imageshack.us/img211/7040/candye.png

    • jawjab

      Show off! Haha.

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thanks for sharing!

  • Jawjab

    This is one Photoshop tutorial that I could actually follow without too many hiccups! Thanks.

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thanks to you Jawjab!

  • http://www.antsmagazine.com Nahid

    Beautiful effect! Thanks for download files.

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thanks to you and welcome!

  • http://www.webtoedesign.com webtoedesign

    Really nice text effect. Thanks for share great tutorial.

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thank you Webtoedesign!

  • http://twitter.com/Miripi Miripi

    Awesome tutorial!!!
    You touch every single option of the layers effect with perfect explanations.
    Mine looks same as the final image.

    Thank you!

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      oh thanks Miripi!

  • http://graphicriver.net/user/Giallo?ref=Giallo Giallo

    Great work my friend

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thanks Mr G! :)

  • asim

    Thanks,,, great work

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thanks to you Asim!

  • jason bourne

    nice tutorial for newbie like me :D
    tanks master, wish you will be great designer

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thanks Jason!
      We are newbies all the entire life, always keep growing ;)

  • Sincera

    Thanks for the fun and easy to follow tutorial. It also gives us newbies a nice insight of what the different layers do.
    First tutorial where I actually could see and understand the difference between each layer.

    PS: liked the result without the stroke but hey that is my opinion ;-)

  • http://www.www.www Amy

    Hi great tutorial it was really easy to follow and the end reslt was awesome!

    One question though is there anyway i can save all the different blending options?
    I really liked the effect and was wondering if i could just save it so i dont have to go through all the steps to make the effect next time

    • William

      Yes save it as a layer style, click the New Style button in the upper right area of the Layer Style dialog box. After you name the style and click OK, it’s stored in the Styles panel. Retrieve the style by choosing Window→Styles.

  • http://www.freetemplatesonline.com/ Stacy Summers

    Awesome text effect tutorial! it is easy to reach the same result! Thank you for sharing

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Thanks Stacy!

  • lorraine

    love the color! great tut!

    • http://graphicriver.net/user/Elicabe?ref=Elicabe Elicabe
      Author

      Hey! thanks Lorraine!

  • Naty

    What a nice tutorial. Very well explained. I’ve just made it and I love the result. More tutorials please!

  • Julio

    where do we get the pat. files from

  • gilmara elisa

    Great tutorial! Thank you!

  • http://www.facebook.com/webgrafist Hamidreza Rah

    nice and simple
    Thanks

  • Agota

    This is a very nice tut. I’ve just made it. The Christmas is coming soon, I decided that I create a desktop wallpaper from this – with another text. Thanks a lot for sharing :)

  • Tampopo

    Very nice result and very clear tuto. Thanks

  • nani

    Love it!! :)

  • Deniz

    SUPERRR

  • Meg

    Thank you so much! :))