In this tutorial we are gonna create some really sharp looking glowing text effect in Photoshop, step by step explained. I'm using a combination of layer styles, the pen tool and colour blending.

The end effect is quite stunning, if you have any question, just ask and i will reply.

glowing hello text effect photoshop tutorial

Setup the canvas

tut_light_1.jpg

First thing is to setup your work area. This tutorial is done on CS3 but the main screen should be pretty similar. I have chosen to work on an A4 sized canvas but you can set it up any size you wish. If your planning on printing your finished artwork make sure resolution is set to 300dpi, if your creating the art for screen stick to 72dpi. If your into professional printing set the color mode to CMYK otherwise RGB is fine, the difference isn’t generally noticeable on your standard ink jet. Before you go onto step 2 you might want to rotate your canvas to landscape. Do this by going to IMAGE > ROTATE CANVAS > 90° CW (clockwise)

Lay down the base gradient

tut_light_2.jpg

Next thing you need to do is to get the base color onto the canvas. To do this first select the gradient tool from the tool bar (1.) Next select your base colors & try and stay as dark as possible. I have chosen a dark purple (background color) with black (foreground color). You then need to make sure the gradient is set to linear (2.) and the opacity is at 100%. Finally drag gradient a line from the top of the page to the bottom (3.) I find it looks more natural if you don’t go exactly vertical, remember the effect we are trying to achieve is simulating real light movement which is hardly ever exact. Once you have a nice dark gradient on the page move on to step 3.

Write your light

tut_light_3.jpg

Now we need to get the path down that will eventually be your ‘moving light text’. Do this by selecting the pen tool (1.) from the tool bar. Up below the menu bar should be some options, make sure you select the second one called paths (2.) Now your ready to begin drawing. Clicking the mouse will add an anchor point and automatically connect from the last so rather than releasing the mouse button each time you click hold it down and drag until you achieve the right curve. You are trying to achieve a fluid movement as if you were writing your name in the air with a torch or sparkler. You might find this stage takes a bit of practice to get right, don’t worry, you can adjust all the curves once the full path is complete (Alt + Drag will adjust a curve, Apple + Drag will move a point) Once you have it mastered make sure the path is joined up with the beginning point, this will be removed when we have stroked the line.

Switch it on

tut_light_4.jpg

Now you have your path done create a new layer & go up to the main menu, select EDIT > STROKE then select the colour white and a stroke width of about 5 pixels. Click OK & your path will be a nice white thin line (1.) You might find spending a bit more time than I did on the curves will help your text look a bit better but don’t be to precise, remember we are simulating reality! Now you have your white line right click on the same layer and go to BLENDING OPTIONS. On your left select OUTER GLOW, click the tick & the writing next to it. Now you can adjust your glow, play around with the colors & sliders until you have a natural looking light (2.) Note: NATURAL. Finally select a large, soft eraser brush (3.) and put the opacity down to 35%, erase the straight connecting line and rub over some of the longer lines to break up the fixed width of the 5px stroke giving it more realism.

Get moving

tut_light_5.jpg

Ok now we are ready to simulate some natural lighting blurs. Firstly duplicate your text layer twice by going to LAYER > DUPLICATE LAYER. Select both layers and hit Apple + E to combine them (1.) Drag your new combined layer below your main text. You should now have 3 layers, a background, your text and the double duplicate of the text. Next go up to the main menu and select IMAGE > ADJUSTMENTS > HUE/SATURATION. Once this menu pops up slide the hue slider until you reach a nice complimentary shade (it might help to make the main text layer invisible briefly for this) I chose pink but it’s really down to what colors you started with. Finally go to the main menu again (making sure your on the new combined layer) and click FILTER > BLUR > RADIAL BLUR, set the amount to 23 and ensure the radial setting is selected. Next combine the text & the blur layers as described above.

Build some depth

tut_light_6.jpg

So far all is good but we need some partical style focal light to simulate more depth and add some more interest to the image. To do this I recommend creating 4 blank layers above your text. You can make more if you like, it’s up to you how far you go with this part of the image. On your first layer select the ROUND MARQUEE tool from the tool bar. Hold shift and create a variety of random circles (1.) now fill these with one of your light shades (ie. pink, blue, white or whatever colors you have used). Do this with different colors on each of the 4 layers. Now using the BLUR tool on the main menu (FILTERS > BLUR > GUASSIAN BLUR) blur each circle layer (2.) a different amount. (e.g layer 1 - 10 pixels, layer 2 - 5 pixels etc….) Experiment with different shades, opacity’s & colors until you get it right. You might even like to do some more radial blurs to simulate some more movement, its up to you!

Polish it up

tut_light_7.jpg

Ok, now the image just needs polishing up. How you do this is totally up to you but this is what I recommend for a nice effect. First select a soft paint brush from the tools menu, set the opacity to 35% up on the menu bar and on a new layer scatter some different sized spots of your lighter shades close to the main lines. Next select the dodge tool from the tool menu and on a 50% opacity do a few spots on where the lines cross over to simulate what would happen with real light. Finally select the burn tool from the tool menu and select a large soft brush (bigger the better) on a 35% opacity and rub around the lower edges of the canvas so the overall glows seems to be coming all from the middle.

You might want to crank up the brightness & contrast depending on how over the top you have gone. Do this by clicking on IMAGE > ADJUSTMENTS > BRIGHTNESS / CONTRAST.

glowing hello text effect photoshop tutorial

Keep experimenting with all the techniques described above to create a unique look every time. If you don't understand a step just ask. Enjoy!

Comments

  • Josh
    I cant seem to add the stroke to the path, any idea of why this might be?
  • Roberto Blake
    Great post. Thanks a lot, keep up the good work!
  • Katy
    Sweet. thanks for this great tutorial.
  • Frank Bailey
    excellent work!
  • Eli
    awesome, the out come is incredible
  • hayu
    Great tut, thanks !
  • Travis
    That came out extremely well, thanks for the inspirational piece.
  • Grafpedia
    Excellent tutorial. Keep up the good work :)
  • Mishka
    Fantastic tut!!! impressing result
  • Franco
    I’ve done the tutorial. Thanks a lot! I’m noob about using psd, but I’ve learn slowly from your website. Thanks a lot!
  • jay
    This is amazing, I will give it a try !
  • William
    wow great tutorial. the final result looks cool.
  • khmerson
    Wow it like neon light, it is the good job.
  • tiffany
    i cant seem to add the stroke to my path. what am i doing wrong?
  • latelevel
    yeah i cant add a stroke to my path either, this tut is worthless to people if you dont give specif instructions
  • maxlin
    i am gr8 fan of photoshop was looking for some gud tutorials ,i found this ,sounds intresting and in a simplified way,sounds really in a easy steps gr8 post .
  • Harish
    a bit quite hard, but great result… great job man!
  • Tony Mathew
    Great tutorial, although a wee bit hard to follow at points, it’s a clear and thoughtful tutorial. Keep it up.
  • arispeci
    i get stuck on the step where it asks me to add a stroke to my pen tool path im using cs4 that might be why, if u can help me get past this i would be greatly appreciative
  • ludde
    stuck at the place to stroke, it just says "nothing selected" more details and better pics, would be appriciated.
  • Dianette
    Didn’t surprising until the last steps! great one.
  • Tystar
    Wow, that is a really cool effect. This is something I definitely have to try.
  • AGt
    Great looking !!
  • Scott
    Its realy nice effect. my mind blowing, I will realy practice this moment and my skill will be so shearp.
  • Pauly
    Stunning final effect achieved in few simple steps. Great tut. Thank you very much :)
  • Sphy
    Pretty fantastic!! Kind of like a glow worm writing out his thoughts in the air.
  • Keos
    DAMN awesome tutorial man, I loved it. Thanks a lot for sharing.
  • Eli
    Lovely colors, really nice outcome!
  • PsyCho
    it is a great looking and a cool look
  • Heatherina
    Beautiful tutorial, although I think it was a bit too advanced for me, sadly. Once I realized I didn’t having pathing selected I thought it would be easy. It wasn’t…my skill with the pen tool is lacking and then when I managed something my path wasn’t connected all the way and couldn’t get stroke to work. Thanks for the tutorial.
  • Jeff
    Beautiful effect, great job.
  • Brant
    I’ve been looking all over for a tutorial on this. Thanks!
  • dSung
    Love it! Thanks so much for sharing, mate.
  • Andrew
    Very cool! Real pro tutorials! Thanks!
  • Bstone
    Wow. I’ve been looking for this. Thank you very much.
  • tatter
    i have photoshop elements 7 and i cant seem to find the pen tool in step 3. could you please help?
  • Ellie
    yeah me too i dont have the apple thing to press anywhere on the keyboard because obviously i have windows ... so,.. what should i hit ?
  • admin
    the Apple button on Windows is the "Control" button. Ex: apple + n ctrl + n
  • Mel
    how fantastic!!
  • George
    Buna , as dorii sa vad cateva tutoriale simple in limba romana cu avatare , etc ...
  • Manik
    Great outcome. I love the effect. Thanks for the awesome tutorial.
  • Ulises Bolivar
    muy bueno
  • nesarapriya india
    really nice, thanks dude.
  • Sara
    its really nice :D but its so hard for me :( im not good at using the `pen tool` lol !
  • lil-wiktoria
    hmmm nice and easy I like it :) Thanks for sharing it with us. I will use it to make a poster
  • logomondo
    Very nice tutorial. Keep up the good work
  • alison
    where do you go to make a bokeh image like this? is it a software or what?
  • Anthony
    I dont understand any of the polish it up section. nothing seems to change
  • Alex Roman
    Try to make all the layers flat, make a new layer for the brush, flatten all the layers again for the dodge and burn tool.
  • sAM
    "Now you have your path done create a new layer & go up to the main menu, select EDIT > STROKE then select the colour white and a stroke width of about 5 pixels. Click OK & your path will be a nice white thin line" It says i have nothing to Stroke!
  • Crna Gora
    Amazing, thanks
  • ayesha
    featured here http://ayesha-ashraf.typepad.com/blog/2011/08/glowing-hello-text-effect-in-photoshop.html
  • Cool guy
    Apple sux. Appla faggots also sux.
  • merritt island fl printing
    So cool!! Thanks so much for posting this, I am working on some cool photos I took of the night sky I think this will work prefect in them :)
  • rocknofeller
    here is something that i get... http://rocknofeller.carbonmade.com/projects/4032053#18
  • Steven
    So how does this work in windows since your using a mac? Says cannot stroke because there is nothing to stroke in the Switch it On part....=(
  • YT
    Lovely!
  • yana
    It says I have nothing to stroke, and I’m in need for help.... help me pleaseee
  • Raouf ELMEDDAH
    nice tutorial this sure gonna help when working on a clients project , thx again