By Design Bundles
20 Dec 2017
3 Mins

Sparkler Text Effect Photoshop

For this tutorial, we are using “Hatterline” Font from FontBundles, a background image, and some stock photos of sparks.

1 - In Photoshop, open the image you chose as background. Select the “Type Tool” (T), choose the font you want, and type your text.

2 - Duplicate your text (Command/Control + J), right-click on the duplicate and convert it to a “Smart Object”. Hide your original text by clicking the little eye icon to the left of the thumbnail.

3 - Double-click on the duplicate and apply the following “Layer Styles”:

Bevel & Emboss: “Highlight Mode” color #c5bdbd.

Texture:

Inner Shadow:

Inner Glow: #9192a7.

Color Overlay: # 6e6b71.

Drop Shadow:

4 - Duplicate your original text layer again, change the “Fill” color to white, convert it to a “Smart Object” and place it on top of your layers.

5 - Double-click on this layer to apply the following “Layer Styles”:

Outer Glow: #f0a444 (we chose it from our background). Change the “Blending Mode” to “Color”.

6 - Open your spark images and transfer them to your document (Command/Control + C to copy and Command/Control + V to paste).

7 - Change the “Blending Mode” to “Lighten” and position them on top of your text. You can resize and/or rotate them (Command/Control + T). Use the “Eraser Tool” (E) to delete any unwanted portions of the sparks images.

8 - If you notice some “Fog” on the background of one of the “Sparks” layers adjust the “Levels” (Command/Control + L) moving the “Shadows” lever slightly to the right.

9 - Check out your text:

by @lornacane

6 Related Photoshop Tutorials

Watercolor Text Effect in Photoshop (Part 2)

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 ...

Rainbow Cake Text Effect in Photoshop 3D Text

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. ...

Puffy Sticker Text Effect in Photoshop

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 ...

Watercolor Text Effect in Photoshop

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 ...

Rainbow Cake Text Effect in Photoshop

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 ...

Hologram Text Effect in Photoshop

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 “...