Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Tinsel Text Effect in Photoshop
  • By Design Bundles
  • 18 Dec 2019
  • 16 Mins
  • Intermediate
  • Photoshop Tutorials

Tinsel Text Effect in Photoshop

Discover how to create a tinsel text effect in Photoshop layer by layer.

Do you need a fun text effect for a party design or party photo? This tutorial will teach you how to create a festive tinsel text effect in Photoshop. The results will be blue, but you can simply use other colors to make the tinsel text effect fit any occasion.

Tinsel Text Effect in Photoshop

Whether the font is a sans serif or a script font, simple fonts tend to work better for this text effect. We chose to use the Regular font style from the Holidays Font Duo, but the Swirls font style would also work.

Step 1 - Add Text

Click the Type Tool (T) and select your font. The font size will depend on the word(s) and your font, so you can adjust it accordingly. Then click on the canvas and enter your text. Our font size is 180.59 pt.

Select the Type Tool and font. Click on the canvas and enter your text. Adjust font size as needed.

Increase Tracking

If the Character panel is not already open, go to Window > Character. Then select the text with the Type Tool (T).

In the Character panel, increase the Tracking to move the letters apart. You don’t want the letters too close together, or the tinsel effect on each letter will run into each other. We set the tracking to 100 for our letters.

Increase Tracking in the Character panel in Photoshop

Step 2 - Create the Tinsel Base Brush

Next, we will modify the Dune Grass brush to create the brush that we will use to make the base of the tinsel text effect.

Restore Legacy Brushes Brush Set if Needed

If the Brushes panel is not open, go to Window > Brushes. If you have never restored the Legacy Brushes Brush Set before, click the (hamburger) menu icon in the top right corner of the Brushes panel and select Legacy Brushes.

Load Legacy Brushes from the Brushes panel dropdown menu

When prompted, click OK.

Click OK in popup dialog

Search for and Select Dune Grass Brush

In the search bar of the Brushes panel, enter “Dune Grass” and click on the Dune Grass brush.

Search for and select the Dune Grass brush in the Brushes panel in Photoshop

Modify Dune Grass Brush Presets

Open the Brush Settings panel. Depending on the size of your letters, you may need to adjust the settings we provide in this tutorial.

Brush Tip Shape

In the Brush Tip Shape tab, enter 76 px for Size, 26% for Spacing, and leave the rest of the settings.

Shows the brush's Brush Tip Shape settings

Shape Dynamics

In the Shape Dynamics tab, modify the following settings:

  • Minimum Diameter: 4%
  • Angle Jitter: 0%
  • Control: Direction
  • Roundness Jitter: 0%
  • Flip X Jitter: Checked
  • Flip Y Jitter: Checked

Shows the brush's Shape Dynamics settings

Scattering

In the Scattering tab, modify the following settings:

  • Scatter: 0%
  • Count: 9
  • Count Jitter: 0%

Show the brush's Scattering settings

Color Dynamics

In the Color Dynamics tab, lower Hue Jitter to 0% and leave the rest of the settings.

Shows the brush's Color Dynamics settings

Save New Tinsel Base Brush

Make sure you save this brush so you can reuse it in the future. Click on the menu icon on the top-right side of the Brush Settings panel and click on New Brush Preset.

Save the brush by clicking on New Brush Preset from the Brush Settings panel menu

Enter a name for the brush in the New Brush dialog, such as Tinsel Base, and click OK. Whenever you want to use this brush, you can simply search for it in the Brush panel.

Enter a name for the new brush and click OK

Step 3 - Create a Work Path

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

Shows to right-click on the text layer and choose Create Work Path

Once the Work Path has been created, there will be a path with anchor points going around the edges of the letters, as seen in the following image.

Shows what the letters look like with a Work Path created in Photoshop

Step 4 - Create a New Layer and Rename It

With the Work Path still active, click the Create New Layer button at the bottom of the Layers panel. Next, double-click on the new layer’s name and change it to “Tinsel Base.” Then hide the text layer by clicking on the eye icon to the left of its layer thumbnail.

Shows to create a new layer, rename the new layer 'Tinsel Base,' and hide the text layer

You should now only see the Work Path, like in the following image.

Shows what it looks like with the text layer hidden

Step 5 - Add Stroke Path

We will pick a Foreground and Background color to use with the brush we just created. Because we want our tinsel text effect to be blue, our Foreground and Background colors will be shades of blue. We will use #1614fd (blue) for the Foreground color and #000074 (dark blue) for the Background color.

Select a Foreground and Background color

Select the Tinsel Base layer and either the Direct Select Tool (A) or Path Select Tool (A). Then right-click on top of the Work Path and choose Stroke Path.

Shows to select the Direct/Path Select Tool, right-click on the Work Path and choose Stroke Path

In the Stroke Path dialog, select Brush for the Tool option, make sure the Simulate Pressure box is unchecked and click OK.

Brush is selected for the Tool and Simulate Pressure is unchecked

The Work Path will now have the brush applied to it. As mentioned before, you may need to adjust the brush presets in the Brush Settings panel to better match your letter size.

Shows that the brush has been applied to the Work Path in Photoshop

Step 6 - Fill in the Letters

Use the Zoom Tool (Z) and zoom in on the letters.

Zoom in on the letters using the Zoom Tool

Select the Brush Tool (B) and with the brush we created, fill in the center areas of the letters manually. It’s ok to leave some areas slightly bare.

It doesn’t have to be perfect, but pay attention to the direction you’re drawing the brushstrokes. For instance, don't draw horizontally on vertical parts of the letters as the tinsel would be going in the wrong direction.

Fill in the letters manually with the Brush Tool

Step 7 - Add Layer Styles

Once you have finished filling in the letters, double-click on the Tinsel Baselayer thumbnail and apply the following Layer Styles.

Inner Glow

In the Inner Glow tab, click the Reset to Default button at the bottom and change the following settings:

  • Blend Mode: Linear Light
  • Opacity: 69%
  • Color: (#050fa6)

For the Color option, you want to pick a color that’s in between the Foreground and Background colors used earlier in terms of color value. This Layer Style will help to make the ends of the tinsel look like they’re slightly glowing, so don’t pick a color that’s too dark.

Shows Inner Glow Layer Style settings

Drop Shadow

In the Drop Shadow tab, click the Reset to Default button and change the following settings:

  • Opacity: 20%
  • Angle: 113
  • Distance: 12px
  • Size: 2px

Shows Drop Shadow Layer Style settings

Step 8 - Create the Tinsel Top Brush From the Tinsel Base Brush

We will modify the brush we created earlier to make a second tinsel brush. Open the Brush Settings panel again.

Brush Tip Shape

In the Brush Tip Shape tab, change the size to 65 px.

Shows to change the Size to 65 in the Brush Tip Shape tab

Scattering

In the Scattering tab, change Scatter to 93%.

Shows to change Scatter to 93% in the Scattering tab

Color Dynamics

In the Color Dynamics tab, set Brightness Jitter to 100%.

Shows to change Brightness Jitter to 100% in the Color Dynamics tab

Save Modified Brush

You can also save this brush preset for future use and name it Tinsel Top.

Enter 'Tinsel Top' for the name for the new brush

Step 9 - Repeat Steps 4 to 6 With a Couple Changes

Repeat Step 4, but name the new layer Tinsel Middle. Then repeat Step 5, but when picking Foreground and Background colors, simply click the Default Colors icon to reset the Foreground and Background colors back to black and white.

Click the Default Colors icon to reset the Foreground and Background colors in Photoshop

Lastly, repeat Step 6. Your tinsel text effect should look similar to our image below.

Shows results of repeating Steps 5, 6, and 7 for Tinsel Middle layer in Photoshop

Step 10 - Change Blending Mode of Tinsel Middle Layer

In the Layers panel, select Tinsel Middle layer and change its Blending Mode to Vivid Light.

Change Tinsel Middle layer's Blending Mode to Vivid Light in the Layers panel

Step 11 - Duplicate Tinsel Middle Layer

Click + drag Tinsel Middle layer down to the Create New Layer button at the bottom of the Layers panel to duplicate the layer.

Duplicate Tinsel Middle layer by dragging it down to the Create New Layer button

Then rename it to Tinsel Top. Select the duplicate layer on top and change its Blending Mode to Linear Light.

Rename the new layer to 'Tinsel Top' and change its Blending Mode to Linear Light

Step 12 - Hide or Delete Work Path

Before we edit the tinsel edges, you can now hide or delete the Work Path. Delete the Work Path by going to the Paths panel, clicking the Delete Current Path icon, and then clicking Yes in the dialog that pops up.

Delete the Work Path in Photoshop

Step 13 - Edit Tinsel Edges

Select the Eraser Tool (E) and erase pieces around the edges that are too long, look out of place, or look too much like grass. Starting with the Tinsel Top layer, repeat this step for each layer.

Erase tinsel ends that look out of place

Your tinsel text effect is complete! Again, the tinsel text effect can be created in any color!

Complete tinsel text effect in Photoshop

Now you can save your tinsel text as a transparent PNG to use with any design. This party scene creator is perfect for making a background that you can add to your tinsel text to make an image like the first one in this tutorial.

For other cool text effects, look at our tutorial on making a water text effect and sparkler text effect in Photoshop.


6 Related Photoshop Tutorials

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

For this tutorial, we are using “Hamster” a free font from Artimasa.1 – In Photoshop, create a New Document. Select the “Gradient Tool” (G) and give the Background a fill of your liking. We used some shades of cyan, made it a “Radial Gradient” by clicking on the button in the ...

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

In this tutorial, we are going to use the “3D Text” and “Patterns” created in Part 1 to add cake to your text.1 – Open the 3D text file you created in the first part of this tutorial. Delete the “Shadow” layer and merge all the other visible layers into a single ...

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...

photoshop text effect custom brushes

You may also like

Help Center
ol image