Electric text effect

Posted on 12. Jan, 2008 by in Photoshop Tutorials 45,095 views

electric_text250x100.gif

In this tutorial you will learn how to make an electric text effect with a bit frighty look.
It’s a nice effect. You can use as an entry to some video, in header, forum signature…everywhere.

1. Make a new document, width 300 px, height 250 px. BG color white
2. Use Horizontal Type Tool (T) and write some text.
I used Accidental Presidency.

electric_text_1.gif
3. Hold CTRL and click to your text layer at layers tab to make a selection around your text.
Now hide your text layer and click to bacground layer. Selection must always stay.

4. Now go to Edit -> Stroke…
and fill with following settings.

electric_text_2.gif

Hit CTRL + D to deselect and ahead to step 5.

5. Go to Filter -> Blur -> Gaussian blur and set slider to 4. This depends on how big is your text.
6. Go to Filter -> Render -> Difference Clouds.
Hit CTRL + I to invert and voila!

electric_text_3.gif
Now you can play with colors (CTRL + U), levels, curves…etc.

electric_text_4.gif

Want a different kind of text solution ? Check out pdf converter software from investintech! This software make it easy to convert pdf to word, and helps you avoid the headaches that often come with pdf conversion. Check out this great pdf
solution today!

32 Responses to “Electric text effect”

  1. Leonardo Puerta

    16. Jan, 2008

    Hello. Thanks for this tutorial. I’m a very beginner with Photoshop, and with this tutorial I’ve learnt a very cool, easy effect. It was very useful to me. Although I’ve got no much time, I’d really love to translate this —and other— tutorials to Spanish, because it was a little difficult to me to follow this tutorial because my Photoshop version is in Spanish; so… God bless you, and as I alway say: Go forth.

  2. tutorials007

    16. Jan, 2008

    Hello Leonardo. Thanks for your support.
    In the near future I’l install traslation plugin so then you’ll be easy to translate.

  3. Walker Leonard

    17. Jan, 2008

    hwy this is pretty darn cool! I’m using it possibly for my band, so here’s credit to you!

  4. tutorials007

    17. Jan, 2008

    thanks leonard!

  5. ibrahim

    22. Jan, 2008

    hi it tried it but it does’nt work. dont know why. plz help

  6. tutorials007

    22. Jan, 2008

    Hi Ibrahim, welcome, where did you stop? on which step?

  7. vjfactor

    23. Jan, 2008

    very nice.thanks, but its coming along with the background. is there any posibility to show this effect for the text alone instead of applying it for the whole page. need your reply. thanks once again for all ur efforts.

  8. tutorials007

    23. Jan, 2008

    Hello vjfactor, It can’t be just text. Only thing you could to is to crop your text from the bacground in the end.

  9. Abdullah

    28. Jan, 2008

    Thank you so much dear, very useful, and nicely explained. in hope of your future achievements.

  10. Alishah

    05. Feb, 2008

    Hello! this is amazing & cool Effec, nicely explaind & easy. i love photoshop. i hope you will continue to give us cool & nice Effects.

  11. tutorials007

    05. Feb, 2008

    Thanks Alishah, I will do my best!

  12. piyush

    06. Feb, 2008

    cool effect man…may end up using it
    for my website.

  13. Ayub

    07. Feb, 2008

    Hi. Tutorial works great right up to the point where you try and change colours. That bit doesn’t work for me. I want to keep the end colours used in the original sample. How can I do that and have a black background?? Thanks

  14. tutorials007

    07. Feb, 2008

    Hue & Saturnation – CTRL + U

  15. Macc

    08. Feb, 2008

    Easy and useful

  16. John Doe

    09. Feb, 2008

    Sweet. I feel the instructions are a little hard to follow but I figured it out and it turned out awesome! Thanks.

  17. Dave

    10. Feb, 2008

    Hi, I tried this tutorial out, I did everything that it said in the tut, and it didn’t work at all, I am using Photoshop CS3, and like I said, I followed the tut doing everything that you said above, and it just wouldn’t work, all I was left with was a black background and my text???

  18. tutorials007

    10. Feb, 2008

    Hi Dave,

    I’m not using CS3 version, but if you followed each step like I said it must work.
    Please read this tutorial once again carefully.

    Thank you

  19. john

    13. Feb, 2008

    Hey, tried to get it to work but the guassion blur seems to totally massacre it :/

  20. Hamza

    17. Feb, 2008

    I made the effect, but how do you made outline around the text?

  21. tutorials007

    17. Feb, 2008

    You gotta follow all tutorial steps correctly and you will get the same result as I.

  22. Danny

    02. Mar, 2008

    what do you mean by hiding my text layer

  23. tutorials007

    03. Mar, 2008

    Hello Danny, You must make your text layer invisible by clicking an eye icon near your text layer.

  24. billy bob

    06. Mar, 2008

    I’m only 16 and i own a website business. However, i have a small problem. I use school computers because i can’t do it at home. if i download Photoshop i am in trouble, so if you could make a site on how to do it on Microsoft FrontPage, or just reply and tell me how to do this w/o Photoshop on frontpage, i would greatly appreciate it.

    Thank u very much

  25. abdu hamid

    04. Apr, 2008

    very good

  26. Dulqodir

    06. Apr, 2008

    Good tutorial.. ( wah pokoké jan siip markosip.. )

  27. Saqib Samad

    24. May, 2008

    hy.. Great tutorials pls help us more to do the better work

  28. sam

    21. Sep, 2008

    hey..its good and a nice tut for a learner as I
    …………sorry…………..
    but i am stopped after rendering.., how should i colour it, by using hue saturation i coudn’t make as i am not getting the last light effect will u plz help (explain)

  29. Frank

    24. Apr, 2009

    “Hold CTRL and click to your text layer at layers tab to make a selection around your text.”

    This part really makes absolutely no sense to me. This doesn’t seem to do anything.

  30. Kripling

    20. Sep, 2009

    It worked, BUT i didnt get this ring around the text so it looks like a 80′s neon sign.

  31. mike

    28. Apr, 2010

    its important to note for those stuck on the selection step, that when your holding CTRL to press on the text ICON on the layer. Anywhere else and it wont work.

  32. Austin James

    05. May, 2010

    this looks cool but i did all the steps and the end result there was no text.
    i dont know why,
    please help

Leave a Reply

Get Adobe Flash playerPlugin by wpburn.com wordpress themes