Bright Tinsel Text Effect

In this tutorial, we are going to use some brushes, layer styles, and different blend modes, to create a super fun looking tinsel-like text effect.

The Final Result:

Tinsel Text Effect

Notes:

* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* 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:

* Moons and Stars – 17 Brushes by *Ashqtara.
* soft bokeh texture by =night-fate-stock.

Step 1:

- Set the Foreground color to #eeebe9, and the Background color to #f5a883, then, create a Radial Gradient from the center of the document to one of the corners.

Bright Tinsel Text Effect step 1

- Create the text using the font “Arial Rounded MT Bold” in “All Caps”. The size is 350 pt, and the Tracking value is set to 100 px to avoid overlapping.

Bright Tinsel Text Effect step 1

Step 2:

Open the Brush panel (Window -> Brush), pick the Dune Grass brush, and change the settings as shown below:

- Brush Tip Shape:

Bright Tinsel Text Effect step 2

- Shape Dynamics:

Bright Tinsel Text Effect step 2

- Scattering:

Bright Tinsel Text Effect step 2

- Color Dynamics:

Bright Tinsel Text Effect step 2

- Right click on the text layer and choose Create Work Path.

Bright Tinsel Text Effect step 2

- Create a new layer on top of all layers and call it “Tinsel”. Make the text layer invisible by clicking the eye icon next to it, and pick the Direct Selection Tool. Set the Foreground color to #d9001f, and the Background color to #300600.

Bright Tinsel Text Effect step 2

- Right click on the path and choose Stroke Path.

Bright Tinsel Text Effect step 2

- Choose Brush from the Tool drop down menu and make sure that the Simulate Pressure box is un-checked.

Bright Tinsel Text Effect step 2

- This will stroke the path with the brush you’ve just modified. You can hit Enter to get rid of the Work Path.

Bright Tinsel Text Effect step 2

- Using the same brush, fill in the middle part of the text that was not covered with the stroke. Try not to overdo it.

It’s ok to have some empty areas as well, so there’s no need to go back and forth on the same area, because this will ruin the texture.

Bright Tinsel Text Effect step 2

Step 3:

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

- Drop Shadow: Change the Opacity to 18%, the Distance to 15, and the Size to 0.

Bright Tinsel Text Effect step 3

- Inner Glow: Change the Blend Mode to Linear Light, and the color to #9d1c24.

Bright Tinsel Text Effect step 3

- This will add a subtle red glow.

Bright Tinsel Text Effect step 3

Step 4:

Open the Brush panel (Window -> Brush) and pick the Dune Grass brush once again, then change the settings as shown below:

- Brush Tip Shape:

Bright Tinsel Text Effect step 4

- Shape Dynamics:

Bright Tinsel Text Effect step 4

- Scattering:

Bright Tinsel Text Effect step 4

- Color Dynamics:

Bright Tinsel Text Effect step 4

- Right click on the text layer and choose Create Work Path. Create a new layer on top of all layers and call it “Tinsel 2″. Set the Foreground color to #ffffff, and the Background color to #300600. Stroke the path with the new brush and hit Enter to get rid of the Work Path.

Bright Tinsel Text Effect step 4

- Change the “Tinsel 2″ layer’s Blend Mode to Vivid Light.

Bright Tinsel Text Effect step 4

- Duplicate the “Tinsel 2″ layer and change the copy’s Blend Mode to Linear Light. This will make the stroke more vivid.

Bright Tinsel Text Effect step 4

Step 5:

- Create a new layer on top of all layers and call it “Tinsel 2 Fill”. Use the same brush you created in the previous step to fill the middle (empty) part, just like you did in the end of Step 2.

Bright Tinsel Text Effect step 5

- Change the “Tinsel 2 Fill” layer’s Blend Mode to Hard Light.

Bright Tinsel Text Effect step 5

- Duplicate the “Tinsel 2 Fill” layer.

Bright Tinsel Text Effect step 5

- Duplicate the “Tinsel 2 Fill copy” layer, and change its Blend Mode to Linear Light.

Bright Tinsel Text Effect step 5

- Duplicate the “Tinsel 2 Fill copy 2″ layer. The duplicated layers with the different Blend Modes will help create a nice bright texture for the Tinsel.

Bright Tinsel Text Effect step 5

Step 6:

Choose a soft round brush, and modify its Settings in the Brush panel (Window -> Brush) as shown below:

- Brush Tip Shape:

Bright Tinsel Text Effect step 6

- Shape Dynamics:

Bright Tinsel Text Effect step 6

- Scattering:

Bright Tinsel Text Effect step 6

- Set the Foreground color to #eeebe9. Create a new layer on top of all layers and call it “Sparkles”, then start painting some dots all over the Tinsel.

Bright Tinsel Text Effect step 6

- Double click on the “Sparkles” layer and apply an Outer Glow layer style. Change the Blend Mode to Vivid Light and the color to #ffffff.

Bright Tinsel Text Effect step 6

- Change the “Sparkles” layer’s Blend Mode to Vivid Light.

Bright Tinsel Text Effect step 6

Step 7:

- Create a new layer on top of all layers and call it “Stars”.

Bright Tinsel Text Effect step 7

Double click the “Stars” layer to apply the following Layer Styles:

- Drop Shadow: Change the Opacity to 9%, the Distance to 10, and the Size to 0.

Bright Tinsel Text Effect step 7

- Inner Shadow: Change the color to #af8655, and the Distance to 0.

Bright Tinsel Text Effect step 7

- Bevel and Emboss: Change the Technique to Chisel Hard, the Gloss Contour to Rolling Slope – Descending, and check the Anti-aliased box. Also, change the Highlight Mode to Linear Light and the Shadow Mode color to #969696.

Check this image to see how to load the contours if you don’t have them.

Bright Tinsel Text Effect step 7

- Contour: Choose Half Round and check the Anti-aliased box.

Bright Tinsel Text Effect step 7

- Color Overlay: Choose the color #aca294.

Bright Tinsel Text Effect step 7

- Use a star brush from the Moons and Stars – 17 Brushes pack to add some stars around the Tinsel.

Bright Tinsel Text Effect step 7

- Create a new layer below all Tinsel layers and call it “Wires”. Copy and paste the “Stars” Layer style to this layer. (Right click on the “Stars” Layer -> Copy Layer Style, then Right click on the “Wires” layer -> Paste Layer Style.)

Bright Tinsel Text Effect step 7

- Choose a hard round 3 px brush, and add some wires to attach the stars to the Tinsel. Choose the closest points to attach.

Bright Tinsel Text Effect step 7

- Place the soft bokeh texture on top of the Background layer, resize it to fit, and change its Blend Mode to Overlay.

Bright Tinsel Text Effect step 7

And that’s it! Hope you enjoyed the tutorial.

Tinsel Text Effect

34 Comments

  1. PSDDude says:

    Such a beautiful and most of all realistic effect! I will try it, thanks for sharing :)

  2. EnriqueC7 says:

    Que genial esta muy buen tutorial, sigan asi! :)

  3. That’s great! Thanks!

  4. PhotoshopAddicted says:

    Wow! Just what i needed for my Christmas logo!

  5. Sandy says:

    It is indeed FUN to learn this!

  6. misha says:

    great tutorial! thanks

  7. Marilena says:

    Maybe the most marvelous and easy_to_do filter I’ve ever done. Thanx a lot and keep publish such nice tutorials.

  8. Charbel Youssef says:

    What a great tutorial !! Thank you for the great work you have done

  9. Bert says:

    Hi. Thanks for this tut. I’m going to make my Christmas cards this way. One question. Can you also explain what font you used and how to create the “chroom” look of the words “IS GOOD”.

    • textuts says:

      Hello Bert,
      The font used is Caviar Dreams. As for the Style, you can apply the same “Stars” style, and maybe play around with it a little bit (like adding Texture to the Bevel and Emboss or so).
      Hope this helps.

      Thanks a lot for the comment :)

  10. Nisha says:

    wow amazing tutorial!!

  11. moai5355 says:

    Thanks for your tutorial…^^

  12. gitoguno says:

    Wow great tutorial ! thanks for sharing !

  13. ASHWANI says:

    nice tutorial ………. thanks for sharing !

  14. Hayde says:

    Hi, you rocks great tutorial.
    But, my results are different :S in the step 3 looks like this
    http://i389.photobucket.com/albums/oo339/Tamara_75/lunialbum/Clases/PS/HEscarcha.jpg

    :( and in the step 4 this is the ressult

    http://i389.photobucket.com/albums/oo339/Tamara_75/lunialbum/Clases/PS/Escarchapaso4.jpg

    Something is wrong :’( help please

    • textuts says:

      Hello Hayde,
      Did you make sure all the brush settings are as shown in the images? Also, if you are using a smaller font size, you might need to decrease the brush size as well.
      Hope this helps, but feel free to add a reply if the problem still exists.
      Thanks for the comment :)

  15. Kashif Rauf says:

    Nice tutorial, I learn a lot of things.

Trackbacks/Pings

Leave a Reply

(required)

(Will not be published) (required)

/a