Create a Glamorous Sparkling New Year Text Effect in Adobe Photoshop



Final product image
What You'll Be Creating

This tutorial will show you how to use a couple of layer styles and brush settings to create a glamorous, sparkling text effect. Let's get started!
The following assets were used during the production of this tutorial.
  • SansBlack Regular font.
  • Grey sparkle texture by stocks-for-you.
  • 30 Simple Patterns by mslooten.
  • Stars and Flares Brush Set by MysticEmma.
  • Free Pack 6000 photoshop gradients by Supertuts007 (Load theCHROMES.grd file).
  • You'll also need to load a default Photoshop brush set. So go to Edit > Presets > Preset Manager, and choose Brushes from the Preset Type drop down menu. Then click the little arrow to the right of the Preset Type drop-down menu, and click Square Brushes near the bottom of the pop-up menu. When the dialog box appears after that, just click Append, and you’ll get the Square Brushes set.
Create a new 1150 x 850px document. Set the Foreground color to #424952 and the Background color to #16181b, pick the Gradient Tool, click the Radial Gradient icon in the Options bar, and then click and drag from the center of the document to one of the corners.
Background Gradient

Place the Grey sparkle texture image on top of the Background layer, change its layer's Blend Mode to Soft Light, and resize it as you like.
Background Bokeh Texture

Create the text in All Caps using the font SansBlack Regular and the color#9a9a9a. Under the Character panel (Window > Character), change the Kerningto Optical, and the Tracking value to 75.
If you are creating more than one line of text, place each line in a separate layer.
Creating and Modifying the Text

Pick the Move Tool, select all the text layers you have, and click the Distribute vertical centers icon in the Options bar to distribute the text lines evenly.
Distribut Vertical Centers

Place each text layer in a group that has its name (select the layer and then go toLayer > Group Layers). This will help keep things organized for the rest of the tutorial.
Grouping the Text Layers

Duplicate each text layer you have, change the copy's Fill value to 0, and duplicate the copy.
Duplicating the Text Layers

Pick the Brush Tool and open the Brush panel (Window > Brush). Select a hard round tip, change its Size to 15, and set its Spacing value to 1.
Stroke Brush Tip Shape

Right-click one of the first line's text layers and choose Create Work Path. Create a new layer on top of all the text layers in the first line's group and call it Stroke.
Create the Stroke Layer

Pick the Direct Selection Tool, set the Foreground color to Blackright-click the work path, and choose Stroke Path.
Choose Brush from the Tool drop-down menu and make sure that the Simulate Pressure box is unchecked, and then click OK.
Stroke Path Dialog Box

This will create the outer stroke. Tap the Return key to get rid of the work path.
Outer Stroke

Follow the same steps to stroke the rest of the text lines you have.
Stroking the Other the Text Lines

Pick the Brush Tool and choose the Hard Square 10 pixels tip, then modify its settings as shown below:
Diamonds Brush Tip Shape

Diamonds Brush Shape Dynamics

Create a work path for the first line of text again, create a new layer on top of theStroke layer and call it Diamonds, and set the Foreground color to #a1a1a1.
Creating the Diamonds Layer

Stroke the path just as you did when you created the outer stroke previously. This will add the diamonds stroke around the text.
Diamonds Stroke

Stroke the rest of the text lines you have.
Adding the Diamonds Stroke to the Other Text Lines

Pick the Eraser Tool, choose a hard round tip, and erase the overlapping parts of the diamonds stroke.
Erasing the Overlapping Diamonds

Pick the Brush Tool, and with the modified diamond brush still selected, click and drag slightly to fill in the empty areas you've just erased.
Re-adding the Diamonds

No overlapping parts should be left once you're done.
Fixed Diamonds Stroke

Double click the original text layer of the first line of text you have to apply a Drop Shadow effect using the following settings:
  • Opacity: 25%
  • Distance: 21
  • Spread: 13
  • Size: 21
Drop Shadow

This will add a simple drop shadow. Right-click the styled layer and choose Copy Layer Style.
Copy Layer Style

Select the rest of the original text layers, right-click any of them, and choose Paste Layer Style. This will apply the same layer style to the selected layers.
Paste Layer Style

Double-click the first copy text layer of the first line of text to apply the following layer style:
Add a Bevel and Emboss with these settings:
  • Technique: Chisel Hard
  • Size: 30
  • Uncheck the Use Global Light box
  • Angle: 90
  • Altitude: 53
  • Gloss Contour: Ring
  • Check the Anti-aliased box
  • Highlight Mode: Linear Light
  • Shadow Mode - Color: #3c3438
Bevel and Emboss

Add a Contour with these settings:
  • Check the Anti-aliased box.
Contour

Add a Texture with these settings:
  • Pattern: Squares
  • Depth: 25%
Texture

For the Gradient Overlay, click the Gradient box to create the gradient used.
Gradient Overlay

To create the gradient, you’ll need to click below the gradient bar to add Color Stops, and when you click each Color Stop, you can change its Color andLocation values.
The colors used here are #e14e8f to the left and #7a1c46 to the right.
Gradient Editor

This will style the main part of the text. Copy and paste the layer style to the rest of the first copy text layers you have.
Copy and Paste the Layer Style

Double click the second copy text layer of the first line of text to apply the following layer style:
Add a Bevel and Emboss with these settings:
  • Size: 30
  • Uncheck the Use Global Light box
  • Angle: 90
  • Altitude: 74
  • Check the Anti-aliased box
  • Highlight Mode: Linear Light
  • Shadow Mode - Opacity: 0%
Bevel and Emboss

Add a Contour with these settings:
  • Contour: Half Round
  • Check the Anti-aliased box
Contour

Add a Texture with these settings:
  • Pattern: 10 px block
  • Depth: 20%
Texture

This will add more definition and shininess to the text. Copy and paste the layer style to the rest of the second copy text layers.
Copy and Paste the Layer Style

Double click the Stroke layer in the first line's group to apply the following layer style:
Add a Bevel and Emboss with these settings:
  • Technique: Chisel Hard
  • Gloss Contour: Ring
  • Check the Anti-aliased box
  • Highlight Mode: Linear Light
Bevel and Emboss

Add a Contour with these settings:
  • Contour: Ring
  • Check the Anti-aliased box
Contour

Add a Gradient Overlay with these settings:
  • Style: Reflected
  • Angle: 45
  • Use the faucet 160 gradient fill.
Gradient Overlay

Add a Drop Shadow with these settings:
  • Opacity: 65%
  • Distance: 0
Drop Shadow

This will style the outer stroke. The gradient fill along with the 45° angle will create a reflective, shiny effect, so you can try using different gradients as well. Make sure to copy and paste this layer style to the rest of the Stroke layers you have.
Copy and Paste the Layer Style

Double-click the Diamonds layer in the first line's group to apply the following layer style:
Add a Bevel and Emboss with these settings:
  • Technique: Chisel Hard
  • Gloss Contour: Ring
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
Bevel and Emboss

Add a Contour with these settings:
  • Contour: Cone - Inverted
  • Check the Anti-aliased box
Contour

Add a Gradient Overlay with these settings:
  • Blend Mode: Soft Light
  • Angle: 45
  • Use the Chrome bar 185 gradient fill.
Gradient Overlay

Add a Drop Shadow with these settings:
  • Distance: 1
  • Size: 3
Drop Shadow

This will style the diamonds. Copy and paste the layer style to the rest of theDiamond layers you have.
Copy and Paste the Layer Style

Open the Brush panel and pick one of the sparkle brushes from the Stars and Flares Brush Set. The one used here is S&F-6.
Under the Brush Tip Shape tab, decrease the tip Size depending on how big or small you want the flares to be.
Flare Brush Tip Shape

Under the Shape Dynamics tab, change the Size Jitter to 30% and the Angle Jitter to 100%. What this will do is give you a flare with a different size and rotation angle each time you click to add one.
Flare Brush Shape Dynamics

Set the Foreground color to #ebebeb, create a new layer on top of all the groups you have, call it Flares, and change its Blend Mode to Vivid Light.
Then start clicking over different parts and edges of the text to add the flares.
Adding the Flares

In this tutorial, we created a simple gradient background, and added a bokeh texture on top of it. Then we created text layers on which to apply the effect.
After that, we modified two brush tips, created text-based work paths, and stroked those paths to create the outer stroke and the diamonds. We also fixed the overlapping diamonds by erasing and re-adding them.
Then we started applying a couple of layer styles to each of the layers we created, using mainly the Bevel and Emboss and Gradient effects to achieve a reflective, shiny final result.
Finally, we modified a flares brush tip to add flares with different sizes and rotation angles all over the text.
Please feel free to leave your comments, suggestions, and outcomes below.

TDasany

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

 

Copyright @ 2013 KrobKnea.

Designed by Next Learn | My partner