Find out the real might of Photoshop filters and the techniques used to create abstract images. This section contains the most unexpected graphic results.  Home Photoshop Special Effects Design Awesome Glowing Edge Text Effect in Photoshop

Design Awesome Glowing Edge Text Effect in Photoshop


Step 1

Create a new document sized 1300px * 780px, fill the background with black and create a new layer called "texture", grab some grungy brushsets from the sites such as qbrushes.net or brusheezy.com, paint some texture on it:

image 1

After you've done the painting, hit "Ctrl + T" and right-click on the texture, choose "perspective" and narrow the top border the texture:

image 2

After you perspective the texture, scale the texture down as shown below:

image 3

Use a big soft brush to erase the edges of the texture so it blends into the background:

image 4

Duplicate this texture layer, resize it to a smaller piece, rotate and position the duplicated layer as shown below:

image 5

Duplicate the grungy texture layer once more, this time position it to the right:

image 6

Step 2

Now type some texts on the canvas. You can use any text you like, the one I used for this tut can be downloaded here.

image 7

Apply the following layer blending options to this text layer:

Drop Shadow

image 8

Outer Glow

image 9

Bevel and Emboss

image 10

Contour

image 11

Stroke

image 12

and you will have the following effect so far:

image 13

Step 3

Now we're onto creating the level effect for the text. We can do this by simple duplicated the original text layer twice, adjust the layer opacity of each text layer according to the settings below:

image 14

Move each layer a bit away from each other:

image 15

and this is the overall effect so far:

image 16

Now we will add the glowing edge effect for the text layer. To do this, load the selection of the text layer (any one of the three):

image 17

Click on the Rectangular Marquee tool (or press "M" key):

image 18

then right-click inside the selection, choose "make work path":

image 19

set tolerance to "2.0? pixels:

image 20

and you will have the following work path created around the text:

image 21

click the Pen tool symbol from the toolbox, right-click on the work path and choose "stroke path":

image 22

Use the following 5px hard round brush:

image 23

and with "Simulate Pressure" setting enabled:

image 24

Stroke the work path. You will have the following effect:

image 25

Step 4

Now we can add some lights on the bottom of the text so it blends better with the texture. To do this, create a new layer on top of all previous layers called "light" and grab a big soft brush, do a single-click as shown below:

image 26

Compress this light layer and move it the bottom of the text:

image 27

Use Warp tool to adjust the light, in order to fit the curve of the texture:

image 28

Step 5

Now let's add some shadow for the text. Create a new layer on top of all previous layer called "shadow", load the selection of the one of the text layer, fill the selection with black colour:

image 29

Hit "Ctrl + T" and right-click, choose "Flip Vertical":

image 30

Perspective this shadow layer as shown below:

image 31

Apply the following Gaussion Blur settings to it:

image 32

Move the shadow layer down and change its blending mode to "soft light", you will have the following effect:

image 33

Step 6

Now create a new layer on top of all previous layer, name it "Abstract line" and grab the Pen Tool, draw a random path as shown below:

image 34

If you feel like some adjustments, you can hold "Ctrl" key and drag the anchor points to change the path:

image 35

Stroke the path using the same settings as previous step: (5px hard round brush, simulate pressure)

image 36

Now add a layer mask on this abstract line layer to hide some portion of the lines behind the text:

(Hint: to quickly add this mask, load the selection of the top-most text layer, then click on the layer mask, and go to Edit > Clear to clear out the text portion)

image 37

You can see by adding this layer mask we can hide the parts of the abstract line:

image 38

You can also duplicate this abstract line layer a few times for more effect (disable the layer mask for the duplicated layers, and resize those layers for depth)

image 39

Step 7

OK we're nearly done. To finish up this effect, we can add a few adjustment layer to fine-tune the color and lighting contrast.

I added the following adjustment layers on top of all previous layers:

Color Balance

image 40

image 41

image 42

Curves

image 43

and here is the final effect for this tutorial:

image 44

I also made an alternative version with cloud and extra lights added to it: (click to enlarge)

image 45

OK that's it for this tutorial! Hope you enjoy it and find it useful and inspirational.



Author's URL: psdvault
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Find out the real might of Photoshop filters and the techniques used to create abstract images. This section contains the most unexpected graphic results. More Special Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: