- Home
- Adobe Photoshop
- Special Effects
- Luminescent lines - Light and Glow Effect in Photoshop
Luminescent lines - Light and Glow Effect in Photoshop
- By Art-D !
- Published 12/7/2009
- Special Effects
-
Rating:




In this Photoshop effect tutorial I cover the creation of several different light and glow effects.

Let's create a new file (File>New) of 1920x1200 px and 72 dpi. Using the Paint Bucket Tool (G), fill the background with black color.

Create a new layer and choose here a standard brush to represent many dots of different diameter.


On the same layer we'll choose Lock Transparent Pixel and a standard brush to paint the dots the same way demonstrated below:


Make a copy of the layer containing the colored dots. Switch off the layer's option (Lock Transparent Pixel). Place the copy's layer under the layer containing the colored dots. Apply for the copy's layer also the next options: Filter>Blur>Radial blur.


The layer's parameters:
Fill 78%

Make a copy of the layer containing the Radial blur option. Putting it above the layer containing the colored dots, apply on the layer CTRL+SHIFT+U.

The layer's parameters:
Fill 30%

Next we need to represent several lines made of ornaments. Firstly let's draw their directions, using the Pen Tool (P) (Path regime).


Now we'll create six new layers (Create new layer) and select for them a standard brush of white color (Diameter 20, Hardness 100%). Using the Direct Selection Tool (A), mark out one line and then choose the Pen Tool (P) and finally have a right click on the marked layers (Stroke Path (Brush regime)). This operation needs to be done with each line.


Now we need to mark out each layer containing the ornament line, press the option Lock Transparent Pixel and select a standard brush to paint the line with the same color the near situated dots have.


This
way we'll paint all the lines, except one:

The last one needs to be painted with #0C0C28.

Next we'll make by two copies of each colored ornament line. Switch off the Lock Transparent Pixel option in the copies' layers. Place the copies' layers of the ornament lines under their originals. Apply also for the copies' layers the next option Filter>Blur>Gaussian blur (5 px for several lines and by 10 px for others). Try to get the same picture as below:



Create a new layer and use here a standard brush of white color to represent white spots on the crossing edges of the ornament lines.


The white spots may be processed, applying the Smudge Tool (R), the same way demonstrated next picture:

The layer's parameters:
Fill 95%
Blending mode-Lighten

On the next new layer we'll chose a standard brush of green color (Opacity 15%) to paint the right part of the ornament lines.


The layer's parameters:
Blending mode-Linear Light

Create a new layer again and use the same standard brush to paint the central part of the picture. The brush has the color #00FFFF (Opacity 10%)

On the last stage we'll represent again a new layer, applying here the standard brush (mentioned above) and paint the left part of the ornament lines. The brush has the color #FF00FF.
The layer's parameters:
Blending mode-Hard Mix

The final result!
View full size: Glowing Text Effects
Download free PSD and Digg this tutorial. Thanks: Light and Glow Effect PSD.
Please leave comments! Thousands and thousands of people are reading this blog, and the numbers keep going up! Won't you please leave a comment to say what you think? Are the tutorials about the earthquake helpful, too scientific, too simple or just right? What about the other articles? What do you think? Feedback is always welcome!

Let's create a new file (File>New) of 1920x1200 px and 72 dpi. Using the Paint Bucket Tool (G), fill the background with black color.

Create a new layer and choose here a standard brush to represent many dots of different diameter.


On the same layer we'll choose Lock Transparent Pixel and a standard brush to paint the dots the same way demonstrated below:


Make a copy of the layer containing the colored dots. Switch off the layer's option (Lock Transparent Pixel). Place the copy's layer under the layer containing the colored dots. Apply for the copy's layer also the next options: Filter>Blur>Radial blur.


The layer's parameters:
Fill 78%

Make a copy of the layer containing the Radial blur option. Putting it above the layer containing the colored dots, apply on the layer CTRL+SHIFT+U.

The layer's parameters:
Fill 30%

Next we need to represent several lines made of ornaments. Firstly let's draw their directions, using the Pen Tool (P) (Path regime).


Now we'll create six new layers (Create new layer) and select for them a standard brush of white color (Diameter 20, Hardness 100%). Using the Direct Selection Tool (A), mark out one line and then choose the Pen Tool (P) and finally have a right click on the marked layers (Stroke Path (Brush regime)). This operation needs to be done with each line.


Now we need to mark out each layer containing the ornament line, press the option Lock Transparent Pixel and select a standard brush to paint the line with the same color the near situated dots have.


This

The last one needs to be painted with #0C0C28.

Next we'll make by two copies of each colored ornament line. Switch off the Lock Transparent Pixel option in the copies' layers. Place the copies' layers of the ornament lines under their originals. Apply also for the copies' layers the next option Filter>Blur>Gaussian blur (5 px for several lines and by 10 px for others). Try to get the same picture as below:



Create a new layer and use here a standard brush of white color to represent white spots on the crossing edges of the ornament lines.


The white spots may be processed, applying the Smudge Tool (R), the same way demonstrated next picture:

The layer's parameters:
Fill 95%
Blending mode-Lighten

On the next new layer we'll chose a standard brush of green color (Opacity 15%) to paint the right part of the ornament lines.


The layer's parameters:
Blending mode-Linear Light

Create a new layer again and use the same standard brush to paint the central part of the picture. The brush has the color #00FFFF (Opacity 10%)

On the last stage we'll represent again a new layer, applying here the standard brush (mentioned above) and paint the left part of the ornament lines. The brush has the color #FF00FF.
The layer's parameters:
Blending mode-Hard Mix

The final result!
View full size: Glowing Text Effects
Download free PSD and Digg this tutorial. Thanks: Light and Glow Effect PSD.
Please leave comments! Thousands and thousands of people are reading this blog, and the numbers keep going up! Won't you please leave a comment to say what you think? Are the tutorials about the earthquake helpful, too scientific, too simple or just right? What about the other articles? What do you think? Feedback is always welcome!
Spread The Word
10 Responses to "Luminescent lines - Light and Glow Effect in Photoshop" 
|
said this on 08 Dec 2009 9:28:06 AM CDT
WOWW...This design is suitable for desktop wallpaper ... very simple design but looks very elegant ... cool...
|
|
said this on 11 Dec 2009 4:22:40 PM CDT
bad explained tutorial how did u draw all the blue dots???.....
|
|
said this on 16 Dec 2009 4:13:33 PM CDT
Just with the brush tool, do you know how you draw the lines After the dots?
|
|
said this on 02 Jan 2010 12:38:41 AM CDT
choose a color... then...you click on the background....
|
|
said this on 18 Dec 2009 2:26:14 AM CDT
Dwq, you're an idiot if you can't read the first step. Brush, make dots. "Durrr hurr how you maek dotz lawl hurr derp derp"
Great tutorial. Thanks.
|
|
said this on 18 Dec 2009 7:25:37 AM CDT
i get mostly everything else, except im sitting here wondering how you get the dots on the page in the first place :) it would be greatly appreciated if you could let me know :D i feel like a photoshop fail, and i would love to be able to make this! lol
|
|
said this on 22 Dec 2009 5:08:28 AM CDT
Very good tutorial! Good explanation.
@dwq: Man if u ask such a questions, better do not touch PS!
|





Author)