In this tutorial, I am going to show you some of the features of our Photoshop sparkle brushes as we run through a sample project.  The use of these brushes is much like the Illustrator version, however since Photoshop brushes work a little different, I thought it would be a good idea to write a separate tutorial.

 

To begin, if you haven’t already, please visit our shop over at Creative Market to view and purchase the Photoshop brush set.

 Click image below to view and purchase:

Sparkle Brush for Photoshop

 

Step 1:  To begin, make sure you have downloaded and unzipped the brushes.  For this sample project, I have created a new document, set at 1160 x 772 px.  I have filled the background with the color #0c242c.  If you are not familiar with Photoshop brushes, the following steps will provide a brief run-down of loading them up and adjusting the settings.

 

 Sparkle Brush for Photoshop

Step 2:  When using brushes in Photoshop, the two windows you are going to be working in are the “Brush” and “Brush Preset” windows.  Each version of Photoshop is going to look a little different, but the functions are all the same.  If you do not have these panels open already, you can find them under Window > “Brush” and “Brush Presets”.

 Sparkle Brush for Photoshop

Step 3:  To load up the brushes, click on the menu through the “Brush Preset” window. OR if you select the brush tool, you can click on the arrow next to the brush, then the arrow next to the size, then go to “load brushes…” navigate to where you saved the brushes and open them.

 Sparkle Brush for Photoshop

Step 4: After you load in the brushes, you can view them through the “Brush Preset” window.  As you can see almost all of the brushes have a “single” and “scatter” version.  The “single” brushes are shown in the preview as a line.  The scatter brushes are the ones where you can see the shapes scattered in the preview.

 Sparkle Brush for Photoshop

The reason I set the brushes up this way is just in case you want to selectively add one sparkle at a time vs. scattering them around. 

 

Step 5: Now, with the brush tool selected, click on one of the brush presets.  Open up the “Brush” window to view the settings.  If you need to raise or lower the size of the brush, simply move the “Size” slider up or down.

 Sparkle Brush for Photoshop

Step 6: If you would like the scattering of the effects to be more or less dense, then you would adjust the “Spacing” slider.

 Sparkle Brush for Photoshop

Step 7: Click on “Scattering” to the left hand side of the Brush window.  From here you can adjust how far the elements will scatter away from your brush stroke by adjusting the “Scatter” slider.

 Sparkle Brush for Photoshop

Step 8: If you want more or less stars to appear in the scatter, then you would raise or lower the “Count” slider. 

 Sparkle Brush for Photoshop

Step 9: Some of the brushes also have some presets in the “Shape Dynamics” menu.  For these, “Size Jitter” affects the difference in sizes within the scatter (a higher jitter means a wider range between small and large shapes).  “Angle Jitter” does the same thing for the rotation/angle of the objects.

 Sparkle Brush for Photoshop

Now that you understand what the brush settings do, let’s move on to the sample project.

 

Step 10: Create a new layer above the background layer that we have filled with #0c242c and type out your message. The color of the text is pure white, set the Transparency of this layer to Overlay.

 Sparkle Brush for Photoshop

I am using a font called “Carolinea”, which I purchased from Creative Market.  Click here for link.

 

Step 11: Create a layer below your text. With the color still set to white, select the brush titled “Wisp2” at the bottom of the list. Adjust the size so the brush fits over your text.  You can adjust the angle and roundness of the brush so that you can apply the brush at an angle.

 Sparkle Brush for Photoshop

Step 12:  I made two clicks over top of the text, adjusting the brush at a different angle for each click.

 Sparkle Brush for Photoshop

Step 13: Change the Transparency of this layer to “Color Dodge” and lower the opacity to 11%.  These brushes are all about being subtle and building up the effect through multiple layers.

 Sparkle Brush for Photoshop

Step 14: Create a new layer above this one. Next, I use the brush titled “Blurry4ptScatter”, with the color set to white and brush on some blurry shapes around the border of the design. This layer is set to “Color Dodge” at 8%.

 Sparkle Brush for Photoshop

Step 15: Create a new layer above the last. Select the “WispyTrail4” brush. With the color still set to white, draw behind the text with this brush and set the transparency to “Overlay” at 100%.

 Sparkle Brush for Photoshop

Step 16: Create a new layer. Select the same “Wisp2” brush we used in Step 11.  Lower the size and put the roundness back to 100% and the angle back to 0. Make a click on your text where you will want the brightest points to be.   Change the Transparency to Overlay at 55%.

 Sparkle Brush for Photoshop

Step 17: Create a new layer above the text layers. Change your foreground color to a light purple # e9d9f7.  Select the brush titled “starburst scatter”, click and drag across the lettering to apply some random blurs.  Change the transparency of this layer to “color dodge” at 20%.

 Sparkle Brush for Photoshop

Step 18: Create a new layer above. Change the brush to “SimpleBlurScatter”. Same purple color, but lower the size of the brush a bit so the sparkles are small.  Brush on some sparkles above the letters.  Change to Color Dodge at 32%.

 Sparkle Brush for Photoshop

Step 19: New layer above, use brush “Blurry4ptScatter” and lower the size. Same purple color, set the layer to Color Dodge at 36%.  Draw some blurs rising up from the lettering.

 Sparkle Brush for Photoshop

Step 20: New layer above. Change the color to white.  Using the brush called “Starfield2” Draw over top of the blurs you just made, plus some more over top of the lettering. Change the Transparency to Overlay at 100%.

 Sparkle Brush for Photoshop

Step 21: New layer above. Color still set to white, select the “BlurNStarScatter” brush. Add some more sparkles around the top of the letters. Set the Transparency to Color Dodge at 70%.

 sparkle brushes for Photoshop

Step 22: New layer above. Select the “WispyTrail1” brush and resize so that it is around the same width as your lettering.  Brush over the letterforms with the brush so that it gives a little bit more blur and shine over the letters.  White color, set the layer to Overlay at 100%

 sparkle brushes for Photoshop

Step 23: Create a new layer. Select the “TinyDust” brush and sprinkle a little more small spots over top of the letters.  Set the Transparency to Overlay at around 70%.

 sparkle brushes for Photoshop

Step 24: Finally, select the “BlurNStarSingle” brush set to white and selectively click once to apply a single star to different areas of the lettering. Adjust the size and angle of the brush for variation. Set this layer to Overlay at 70%.

 sparkle brushes for Photoshop

Congratulations. You are done.

Continue to draw out more sparkles if you wish.  Experiment by adding more or apply the brushes to an image.  Have fun with it!

Click image below to purchase this brush set:

Sparkle Brush for Photoshop

Illustrator Version also available:

Fairy Dust Sparkle Brushes for Illustrator