How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

This tutorial will show you how to use brush settings, layer styles, healing tools, adjustment layers, and some tips and tricks to create a shiny, bright, fun tinsel text effect. Let’s get started!

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

This text effect was inspired by the many Layer Styles available on GraphicRiver.

Tutorial Assets

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

1. How to Create Background and Text Layers

Step 1

Create a new 1613 x 1075 px document, and go to File > Place Linked to open the Background Image.

Resize the Background Image to fit within the document and hit the Return key to commit the changes.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

Create the text in All Caps using the font Quicksand Bold. Change the Size to 300 pt, the Kerning to Optical, and the Leading value to 325 pt if you have multiple lines of text.

Place the text however you like, and don’t worry about the background as we’ll fix it at the end of the tutorial.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

2. How to Create Inner Work Paths

Next, we are going to create work paths inside the letters we have.

You can do that using the Pen Tool, but in this tutorial, we are going to use Photoshop’s new Curvature Pen Tool.

Step 1

Pick the Curvature Pen Tool, make sure to choose the Path option in the Options bar, and click once in the center of the first letter where you want to start creating the work path.

The Curvature Pen Tool is different from the Pen Tool. So to create corner points, you need to double-click when you add the point, and to create a curve, you can either click once or create a straight line instead, and then click on that line to add a point and drag it to create the curve.

When you finish creating the path, Command-click anywhere outside it.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

You can also use any other shape tools to help you easily create the work path for some of the letters. For example, you can use the Ellipse Tool, with the Path option active, to create the work path for the letter O.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Make sure to create all the work paths needed to fill all the letters you have.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 4

It is very important to save the paths created. To do so, open the Paths panel, double-click the Work Path tab, and type Center in the Name field.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

This will save the work paths so that you can go back to them and use them any time.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 5

Right-click the text layer and choose Create Work Path to create the outer stroke path.

The dots on top of the letter E are a bit too big and will overlap with the letter when stroked with the tinsel brushes, so we’ll create smaller ones.

To do so, pick the Direct Selection Tool, select the dots, and hit the Delete key to delete them.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 6

Then, use the Ellipse Tool to create smaller circular paths.

Once you’re done, double-click the new Work Path tab and name it Stroke.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

3. How to Create a Tinsel Brush Tip

Step 1

Pick the Rectangle Tool, choose the Shape option in the Options bar, and create a small 3 x 30 px Black rectangle.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

Pick the Add Anchor Point Tool, and click once in the middle of each of the rectangle’s vertical sides to add two anchor points.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Use the Direct Selection Tool to select both added points, and click the Left Arrow keythree times to nudge the points 3 px to the left.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 4

Command-click the Rectangle shape layer’s thumbnail to load the selection.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 5

Go to Edit > Define Brush Preset, and type Tinsel Brush in the Name field.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

4. How to Modify and Save Brush Tip Settings

Step 1

Pick the Brush Tool, choose the Tinsel Brush tip, and open the Brush panel to modify the settings:

Brush Tip Shape

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Shape Dynamics

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Scattering

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Color Dynamics

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

Click the Create new brush icon in the bottom right corner of the Brushpanel, and change the Name to Brush 01.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Modify the same tip’s settings to create another variation:

Brush Tip Shape

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Shape Dynamics

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Scattering

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Color Dynamics

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 4

Click the Create new brush icon, and change the Name to Brush 02.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 5

This is optional, but it’s a cool new feature in Photoshop that will help keep things a bit more organized.

Click the Brush Preset Picker icon in the Options bar, Command-click the icons of the three brush tips you’ve created for this tutorial (Tinsel Brush, Brush 01, and Brush 02), click the flyout menu icon, and choose New Brush Group.

Name the group Tinsel Brushes, and click OK.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

5. How to Stroke Work Paths

Step 1

We will create six new layers that will be used to create the main tinsel effect, and we will name them according to what they will contain. So it is important to name the layers as mentioned below to follow the tutorial easily.

The names from bottom to top are:

  • Stroke – Brush 01
  • Center – Brush 01
  • Center – Brush 02
  • Stroke – Brush 01 – White FG
  • Center – Brush 02 – White FG
  • Center – Brush 01 – Desaturated

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

Put all the new layers in a group and call it Tinsel, and set the Foreground Color to #d9001f and the Background Color to #300600.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Open the Paths panel, and for each layer, select the path in the layer’s name, and stroke it with the brush tip mentioned along with it.

So if you select the Stroke – Brush 01 layer, you’ll need to click the Stroke work path in the Paths panel, pick the Brush Tool and choose the Brush 01 tip, and hit the Return key to stroke the path.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 4

To quickly switch between the brush tips, you can right-click anywhere to get the preset and choose the tip you need.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 5

Make sure to set the Foreground Color to White before you stroke the two layers that have White FG in their name.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 6

Change the Foreground Color back to #d9001f before creating the Center – Brush 01 – Desaturated layer’s stroke.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

6. How to Add Glow and Shadow Effects

Double-click the Stroke – Brush 01 layer to apply the following layer style:

Step 1

Add an Inner Glow with these settings:

  • Blend Mode: Linear Light
  • Opacity: 50%
  • Color: #a7a7a7
  • Size: 10

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

Add a Drop Shadow with these settings:

  • Opacity: 36%
  • Distance: 10
  • Size: 5

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

This will style the first layer.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Double-click the Center – Brush 01 layer to apply an Inner Glow effect with these settings:

  • Blend Mode: Linear Light
  • Opacity: 74%
  • Color: #a7a7a7
  • Size: 10

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

This will help build the glow effect to add more dimension to the tinsel.

You can hide the top layers to see the effects you apply, and then show them again.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Double-click the Center – Brush 02 layer to apply the following layer style:

Step 4

Add an Inner Glow with these settings:

  • Blend Mode: Linear Light
  • Opacity: 74%
  • Color: #a7a7a7
  • Size: 10

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 5

Add a Drop Shadow with these settings:

  • Opacity: 50%
  • Distance: 0
  • Size: 5

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 6

Change the Center – Brush 02 layer’s Blend Mode to Overlay.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

7. How to Style Layers

Step 1

Change the Stroke – Brush 01 – White FG layer’s Blend Mode to Linear Light and its Opacity to 60%.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Double-click the Center – Brush 02 – White FG layer to apply the following layer style:

Step 2

Add a Pattern Overlay with these settings:

  • Blend Mode: Vivid Light
  • Opacity: 70%
  • Pattern: FDR Glitter Pattern 02

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Add a Drop Shadow with these settings:

  • Blend Mode: Linear Burn
  • Color: #8e8e8e
  • Opacity: 35%
  • Distance: 0
  • Size: 5

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 4

Change the Center – Brush 02 – White FG layer’s Blend Mode to Linear Light.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 5

Select the Center – Brush 01 – Desaturated layer, and go to Image > Adjustments > Desaturate.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 6

Double-click the Center – Brush 01 – Desaturated layer to apply an Inner Glow effect with these settings:

  • Blend Mode: Linear Light
  • Opacity: 60%
  • Color: #a7a7a7
  • Source: Center
  • Size: 7

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 7

Change the Center – Brush 01 – Desaturated layer’s Blend Mode to Soft Light.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

8. How to Colorize a Layer Group

Double-click the Tinsel group to apply the following layer style:

Step 1

Add a Color Overlay with these settings:

  • Color: #c29816
  • Blend Mode: Hue

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

Add another Color Overlay effect instance with these settings:

  • Color: #cecece
  • Blend Mode: Divide

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Add a Drop Shadow with these settings:

  • Blend Mode: Linear Burn
  • Color: #1e0700
  • Opacity: 10%
  • Distance: 30
  • Size: 5

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

This will create the final tinsel effect.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

9. How to Create a Texture Overlay Using Filters

Step 1

Create a new layer on top of all layers, name it Texture Overlay, fill it with White, and right-click it to choose Convert to Smart Object.

Set the Foreground and Background Colors to Black and White.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

Go to Filter > Render > Fibers, and change the Variance to 30 and the Strength to 3.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Go to Filter > Filter Gallery > Sketch > Bas Relief, and use these settings:

  • Detail: 13
  • Smoothness: 3
  • Light: Bottom

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 4

Click the New effect layer icon in the bottom right corner, go to Texture > Grain, and use these settings:

  • Intensity: 40
  • Contrast: 50
  • Grain Type: Regular

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 5

Clip the Texture Overlay layer to the Tinsel group, and change its Blend Mode to Soft Light and its Opacity to 50%.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

10. How to Add Global Adjustments

Step 1

Add a Selective Color adjustment layer with these settings:

Yellows

  • Cyan: -10
  • Magenta: -2
  • Black: -5

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

Add a Color Lookup adjustment layer, choose the Fuji ETERNA 250D Kodak 2395 (by Adobe).cube table from the 3DLUT File menu, and change its Opacity to 15%.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Add a Solid Color fill layer with the Color #150806 and change its Blend Mode to Soft Light and its Opacity to 20%.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 4

Use the Elliptical Marquee Tool to create an elliptical selection around the text, select the Solid Color layer mask’s thumbnail, and fill the selection with Black.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 5

With the mask’s thumbnail still selected, open the Properties panel, and change the Feather value to 52% to create a quick simple vignette effect.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

11. How to Add Glitter Using Brush Settings

Step 1

Create a new layer on top of the Background Image layer, and name it Background Glitter.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Double-click the Background Glitter layer to apply the following layer styles:

Step 2

Add a Pattern Overlay with these settings:

  • Pattern: FDR Glitter Pattern 16

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Add a Drop Shadow with these settings:

  • Blend Mode: Linear Burn
  • Color: #0a1119
  • Opacity: 15%
  • Distance: 1
  • Size: 2

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 4

Pick the Brush Tool, choose theAirbrush Hard Low Density Grainy tip, and open the Brush panel to change the Scattering settings as needed.

The important thing for this to work is to use a big, 300px brush tip Size.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 5

Click-drag slightly to add the glitter behind the text. You can change the brush settings to get a result you like.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

12. How to Modify a Background Image

Step 1

Double-click the Background Image Smart Object’s thumbnail to open its file.

Pick the Content-Aware Move Tool, and set the Mode to Move in the Options bar.

Select the object you want to move and place somewhere else, and make sure to include some empty space around it within the selection.

You can check the Transform on Drop box if you want to transform the object after moving it.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

Move the selected object to its new position, transform it if needed, and then hit Return.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

After that, you can use any of the other Healing Tools to better blend the object’s edges with the new background.

You can also use the Dodge, Burn, and Sponge Toolswherever needed.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 4

If there are any parts you want to remove completely, select them using any selection tool, and go to Edit > Fill and choose Content-Aware from the Content menu.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 5

Again, use the Healing Tools to make any further adjustment to the area after removing the object.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 6

Make any other adjustment needed to the background using the same tools.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 7

You can save the file and go back to the original document to see the changes there and make any necessary adjustments.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

13. How to Add Finishing Touches

Step 1

Add a Hue/Saturation adjustment layer and clip it to the Background Image layer.

Choose the Yellows channel, and change the Saturation value to -25.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 2

We need the Hue/Saturation layer to affect only the bells in the image.

So fill the Hue/Saturation layer mask with Black, set the Foreground Color to White, and use a soft round brush tip to brush over the bells.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Step 3

Select the Background Glitter layer and click the Add layer mask icon at the bottom of the Layers panel.

Set the Foreground Color to Black, and paint over the areas you want to remove the glitter from, like the bells and the trees, since the glitter is supposed to be under them.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop

Congratulations! You’re Done

In this tutorial, we created a simple brush tip and adjusted its settings to create the main tinsel effect.

Then, we styled the many layers used in creating the effect to achieve the final result. After that, we added glitter, modified the background image, and added global adjustments to the effect.

Finally, we used some more adjustment layers and layer masks to add final touches.

Please feel free to leave your comments, suggestions, and outcomes below.

How to Create a Shiny Tinsel Text Effect in Adobe Photoshop