Simple Fireflies Text Effect
April 25, 2011 | 45 Comments » | Category: Inspired, Simple
In this tutorial, we will be using one of the Photoshop CS5 new painting brushes to create a firefly-like text, and then apply some glow to make it shine!
The Final Result:
Notes:
* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.
Resources:
* cleanzor_texture_270 by ~cleanzor.
* Sparkles Brush.
Step 1:
- Set the Foreground color to #032f55 and the Background color to #164b7c, then go to Filter -> Render -> Clouds.
- Open the image cleanzor_texture_270 and duplicate it into your document. Then, go to Image -> Adjustments -> Hue/Saturation, change the Saturation to -100, and the Lightness to -10.
- Change the image layer’s Blend Mode to Overlay.
Step 2:
- Set the Foreground color to #b2ebfc, and create your text using the Foreground color. The font used is HarryPotter7, and the size is 215px.
- Open your Brush panel (Window -> Brush), and choose the Flat Angle Low Bristle Count brush, then modify its settings as below:
- Under Shape Dynamics, change the Angle Jitter to 100%.
Step 3:
- Right click on the text layer, and choose Create Work Path.
- Create a new layer on top of all layers and name it Glow, then remove the eye icon next to the text layer to make it invisible.
- Make sure that the “Glow” layer is selected (active). Grab the Direct Selection Tool and right click on the path, then choose Stroke Path.
- Choose Brush from the Tool drop down menu, and un-check the Simulate Pressure box, and hit OK.
- Hit enter to get rid of the path.
Step 4:
- Double click on the “Glow” layer to apply an Outr Glow. Change the Blend Mode to Vivid Light, the color to #00f6ff, the Size to 18, the Contour to Half Round, and the Range to 100.
- The text should have a nice glow now!
- Finally, you can use the Sparkles Brush to add some nice sparkling shapes to the final result. Just load the brush, and use it on the “Glow” layer, or on a new layer with the same Outer Glow effect.
Thank you..^^
You’re welcome
I don’t have “Create Work Path” at step 3! Please help!
Is the text layer active (selected) when you right click it? Is the option “Create Work Path” grayed out or does it not exist at all?
It doesn’t exist at all. I’ve done everything exactly as you did, i’ve searched everywhere on photoshop for that option, but can’t find it anywhere. Is there a solution?
Can you find it under Layer -> Type? What version of Photoshop are you using by the way?
At which brush preset do we find Flat Angle Low Bristle Count?
I found another one that I used, but I would like to know which one you used?
Hello TennkoZt,
If you take a look at the second image in Step 2, you can see the brush, it’s in the default set, along with the other PS CS5 new painting brushes.It is the one with the size 32.
Hope this helps!
Thank you for this very nice tutorial!! I’ve had fun and it inspired me to create a wallpaper. Link: http://tv-etc.deviantart.com/art/Wallpaper-White-Collar-S3-206581280
This is awesome! Very well done.
Glad you liked the tutorial.
Thank you for the comment
That was fun to make. Thank you!
Glad you had fun doing it!
Thanks for the comment.
Thank You.But i am using CS3,I get something from YOU.
Hello Thar,
The brush is available only in Photoshop CS5. Sorry for that!
Thanks for the comment.
my brush is not like the image, he was at a lower intensity, quqse can not see, what should I do??
Hello Jeffson,
Are you using the CS5 new paint brushes?
The final result might be affected by the size of the text as well, so is the size of your text the same as in the tutorial?
If so, then at what step exactly do you start getting different results?
is exactly like the tutorial, the file size, font size, but the brush is not like in the tutorial, see how it looks.
http://imageshack.us/photo/my-images/692/semttulo1zjp.jpg/
If I use another brush with soft tip that is similar to, but the result is not the same.
I’ve been trying to figure out what the problem might be, but couldn’t come up with anything, as the values seem to be all correct.
Can you please for now try to load and use this brush, and tell me if it works or not?(I saved the brush with the settings, so no need to modify anything).
FirefliesBrush.
You might as well reset your brushes and try to modify the values once again.
Sorry for the inconvenience!
Hello friend, here’s a link to the video I made. I’m sorry to be bothering you. If possible, send me the file of the project has ended, if you can of course.
Once again, sorry for the inconvenience.
http://www.mediafire.com/?03fz7h3wyec64pd
Hello Jeffson,
I checked the video, and I don’t think anything was wrong! I have no problem sending you the source file, but it won’t solve the problem, as the brush layer is rasterized and cannot be modified.
Really sorry I couldn’t help for now, but I’ll still try to find out what might be causing this problem, and will add another reply if I figure out what the solution is.
Best regards.
Could you send me the file (*. psd) is already finished, so I just have to change the name?
Well, that’s the point I was trying to clarify, the PSD file won’t actually solve the problem, because the brush layer is rasterized, it cannot be modified like text layers.
Very easy to follow your tuts
I did a bunch of the text effect that you have on your site.
Thank you
That’s great!
Glad you find the tutorials useful.
Thank you so much for the comment.
i really enjoyed this tutorial im only 11 and i soon want to make my own tutorials based on ones like this!
Aww, thank you
Hopefully you’ll be creating awesome ones very soon, don’t forget to leave some links so that I can check them out
Cheers!
hi textus
i use cs5 but the brush is not like in step 2 it is 32 but its different….please help me i really like this text effect
Hello Danial,
Can you please explain what’s exactly different so that I can help?
Regards.
Which font did you use for the words ‘more than’ and ‘can say’?
Great tutorial!
The font is Kravitz Thermal.
Glad you liked the tutorial.
Thanks for the comment.