Electric text effect

Adobe Photoshop // 28,969 views Add comments

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


Free Web Hosting

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!

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

26 Responses to “Electric text effect”

  1. Leonardo Puerta Says:

    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 Says:

    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 Says:

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

  4. tutorials007 Says:

    thanks leonard!

  5. ibrahim Says:

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

  6. tutorials007 Says:

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

  7. vjfactor Says:

    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 Says:

    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 Says:

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

  10. Alishah Says:

    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 Says:

    Thanks Alishah, I will do my best!

  12. piyush Says:

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

  13. Ayub Says:

    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 Says:

    Hue & Saturnation - CTRL + U

  15. Macc Says:

    Easy and useful

  16. John Doe Says:

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

  17. Dave Says:

    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 Says:

    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 Says:

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

  20. Hamza Says:

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

  21. tutorials007 Says:

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

  22. Danny Says:

    what do you mean by hiding my text layer

  23. tutorials007 Says:

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

  24. billy bob Says:

    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 Says:

    very good

  26. Dulqodir Says:

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

Leave a Reply

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Login