Colorful Glow Text Effects

September 1st, 2009 by ART-D Posted in Adobe Photoshop, Designing, Text Effects

   

In this Quick Tip tutorial, you will learn how to create a glowing text effect from a scratch in Adobe Photoshop CS3 using Layer Styles.

Final Image Preview

Create a glowing text effects form a scratch in Adobe Photoshop CS3
Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS3 with the size 1900px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with black color the new background layer.

Create a glowing text effects form a scratch in Adobe Photoshop CS3
On a new layer (Create new layer) we’ll select the Soft Round brush.

Create a glowing text effects form a scratch in Adobe Photoshop CS3
Use this brush to represent a spot on the central part of the canvas. The brush’s color is #007EC7
Create a glowing text effects form a scratch in Adobe Photoshop CS3
Apply the next filter for the layer containing the spot: Fitler>Distort>ZigZag

Create a glowing text effects form a scratch in Adobe Photoshop CS3
We’ve got the next result:
Create a glowing text effects form a scratch in Adobe Photoshop CS3
Set Fill to 54% for this layer.

Create a glowing text effects form a scratch in Adobe Photoshop CS3
Next we’ll choose the Rectangle Tool (U) to represent three white lines which must be turned over with Free Transform (Ctrl+T) command.

Create a glowing text effects form a scratch in Adobe Photoshop CS3

Combine in a group all three layers with the white lines (press CTRL button to select the necessary layers and hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel).

Select the group now and then press CTRL+E to Merge Down. On the rasterized layer we’ll apply the next filter: Fitler>Distort>Wave

Create a glowing text effects form a scratch in Adobe Photoshop CS3
We’ve got the next result:
Create a glowing text effects form a scratch in Adobe Photoshop CS3
On the same layer we need to apply also Filter>Blur>Gaussian blur

Create a glowing text effects form a scratch in Adobe Photoshop CS3
We’ve got the next result:
Create a glowing text effects form a scratch in Adobe Photoshop CS3
Set Fill to 44% for this layer and change the Blending mode to Overlay. Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow.
Create a glowing text effects form a scratch in Adobe Photoshop CS3
Add Outer Glow:

Create a glowing text effects form a scratch in Adobe Photoshop CS3
We’ve got the next result:
Create a glowing text effects form a scratch in Adobe Photoshop CS3
Make a copy of the recently made layer and choose Free Transform (Ctrl+T) command to turn over the copy the same way demonstrated on the picture.

Create a glowing text effects form a scratch in Adobe Photoshop CS3
Now we need to create a new layer, select here Soft Round brush.
Create a glowing text effects form a scratch in Adobe Photoshop CS3
Use this brush to paint the new layer in two colors (on the top part we’ll choose the green color, on the bottom – the blue one) (Opacity – 10%).
Create a glowing text effects form a scratch in Adobe Photoshop CS3

  •  

  •    
  •  

 

Post Pages: 1 2 3

Tags: , , , , , , , , , , , , , ,

  • grafikerler

    08/09/2009

    Very good lesson thanks

  • evden eve nakliyat

    18/09/2009

    very nice tutorial.thanks so much

  • khalilzip

    26/09/2009

    Hi Man Can You Please Give The Text Font
    I want To Download It Please

  • BeachBumPhotos

    27/09/2009

    I love all your great tips, tricks and tutorials, thanks for such excellent information!

  • ram sudheer

    01/10/2009

    i love you………………………………..superb u really good

  • منتديات ماى بكتشرز

    14/10/2009

    i love you………………………………..superb u really good

  • منتديات ماى بكتشرز

    14/10/2009

    very nice tutorial.thanks so much

  • yusuf smith

    15/10/2009

    tank for the tutorials.i would love it if we are always in contact with each other to share ideas.

  • jesanpark1986

    28/10/2009

    Amazing Tutorial! Thank you very much

  • javs

    04/11/2009

    well ive tryed your steps and all but i dont have the same color and my 300px brush doesnt seem to do the same circle as yours my try /expermient isnt like yours colors dif doesnt look the same

  • inoka

    06/11/2009

    wOw.this is great!!!
    thankX :)

  • hshwewa

    10/11/2009

    thank you so much for your tutorials. i like all of your tutorials and also i am study Photo Shop and going to examination.
    Thank you so much again.

  • kidcardboard

    13/12/2009

    I agree with khalilzip…. What’s that font? In the screen shot is says “Aharoni”, but that’s a Hebrew font and that text is far from hebrew

  • nadia

    15/12/2009

    creative and interesting..also easy to learn coz provided with clear instruction..thnx alot!

  • ankush

    22/12/2009

    You are a genius!

  • Dr.3gzo1

    25/12/2009

    Thnks for this tutorial, you are very good dizajner !
    Suces…

  • Disappointed

    14/03/2010

    This tutorial blows. I’ve done this – and checked, rechecked, and re-re-re-re checked the settings. The text looks very little like it does in the images shown. The “gloss” is completely abscent.

    I learned a little, which is good – but I think it sucks that this is sold the way it is. This isn’t a tutorial that is exact by any measure.

    ….ok, if you were looking for a tutorial in how to be frustrated? This did the job. Congrats.

  • chintakayala

    17/03/2010

    I never seen it at anywhere in at webs like this lesson.
    thank u sooo much

  • brittany thomas

    06/05/2010

    erm im confused with a few things

  • kukus

    14/05/2010

    well ive tryed your steps and all but i dont have the same color and my 300px brush doesnt seem to do the same circle as yours my try /expermient isnt like yours colors dif doesnt look the same

  • Anuj sharma

    18/05/2010

    can you plz send me this effct psd file?

  • Büyü Bozma

    21/05/2010

    can you plz send me this effct psd file?

  • Darius

    03/08/2010

    Thank’s :)

  • joe

    20/08/2010

    My text does not look the same, Why?

  • joe

    20/08/2010

    The only thing that is I cant figure out is how to get the little box with color in it under where is say preview (in the Layer style menu) to look glossy. How do I do that? Everything else is correct.

  • fify

    28/08/2010

    merciiiiiiiiiiiiiiiii

  • Mamta

    29/09/2010

    it’s very useful…. thank you so much

  • Eran

    02/10/2010

    I got some improvements.
    Check out what I made…

    http://erandarki.deviantart.com/gallery/#/d2ye9h0

  • php görsel eğitim

    06/10/2010

    wOw.this is great!!!

  • Nadia

    30/11/2010

    great tutorial!!!!!!

  • white

    06/12/2010

    i like the color

  • Juls

    07/12/2010

    amazing:) really thanks.
    good tutorial ^^

  • Reklam Ajansı

    28/12/2010

    interesting..

    thank you

  • Danush

    14/02/2011

    Thanx So Much : ]

  • gabriel

    24/04/2011

    where I get Object> Blend> Blend Options

  • spencer

    27/05/2011

    very nice …..

    i like it …

    will study

  • abhi

    04/08/2011

    Thnx for help.

  • Asath

    18/08/2011

    Thanks…… by tamil

  • photoshop

    20/12/2011

    Thanks wonderfull lessons.

  • juned

    22/05/2012

    creative and interesting tutoria

  • Ayush Singh

    06/06/2013

    superb!! I loved it.It helped me a lot but can we do it in a photoshop cs6 extended