PSDRockstar.com

Cheap Digital Cameras and Lenses - Slr-Lens.co.uk
Add to Technorati Favorites  Delicious

Write a Photoshop Tutorial, Earn $50

Posted by Joe on Tuesday, August 4th, 2009

Are you a photoshop guru? Writing tutorials can be quite a challenge, and PSDRockstar.com is always on the lookout for talented photoshoppers

continue reading



Striking Text Effect Using Glows and Blends

Posted by Joe on Tuesday, February 17th, 2009

 

two

In this tutorial I’m going to show you how to create the image above using a combination of glows and blends in 7 steps. All the files for this tutorial are at the bottom of this post.

I was watching an advert on BBC 2 (in the UK) for the new series of Heroes and it had a great animation of the number 2. Check the BBC2 Heroes website for an idea of what i’m talking about. So I thought I’d try to create something similar.

Step 1

Create a new blank psd file with the background set to black. Create a new layer and fill it with a radial gradient of green/blue to black originating from the right of the image and then set the layer opacity to 30%

step1

Step 2

Create 3 new radial fills going from red to transparent, green to transparent and blue to transparent, and place them within their own group

step2

Step 3

Create a new layer, set the foreground and background colors to mid gray and black respectively, then go filter > render > clouds
Then still on this layer go filter > noise >add noise and add noise of 4% with a gaussian distribution and tick monochromatic
step3a
Finally set this new layer to overlay with an opacity of 70%
step3b

Step 4

Create the shape of the number 2 on a new layer.

step4

You can use one of your pre-installed fonts, however if you don’t think you’ve got the right font, draw your own using the pen tool. For the shape below I used franklin gothic font set to 800 px in size. Then converted the text into a path, and modified the individual points using the direct selection tool to a shape I was happy with. Next, I turned the path into a live selection. Lastly I filled that selection with the color black in a new layer.

Add inner and outer glows using layer styles to the number 2 (double click on the layer in the layer panel).

Outer glow settings:

step4b

inner glow settings:

step4c

Step 5

Using a white brush tool with 0% hardness paint strokes around the edges of the 2 on several new layers. Try experimenting with the smudge tool as well to push the paint around a bit.

step5
Now set each highlight layer to overlay and experiment with the opacity levels to achieve a look similar to that below. For a slight color alteration I added a pale orange color overlay in layer styles to each layer.

step5b

Step 6

Create some funky lines to the rop right of the 2 on a new layer. To create these lines I used a brush set called winter breeze which you can find in the previous post 10 Groovy Brushes for Photoshop

step6

Then create a layer mask for the new layer to hide the new lines which are visible over the 2 itself. Finally, in layer styles set a color overlay to yellow and an inner glow of mid orange and experiment with the choke and size settings to produce something like below:

step6b

Step 7

Now the final step, create a new layer yet again, fill it with black and go filter > render > lens flare and accept the default settings. Move the lens flare to an appropriate position then set the blend mode to linear dodge.

step7
And that’s it. Below are links to the .psd file and the winter breeze brush. I hope you enjoyed this tutorial. If you have any questions, write a comment below and i’ll reply.

PSD File

Winter Breeze Brush Set


 
  • RSS
  • Digg
  • StumbleUpon
  • Windows
  • Delicious
  • Reddit
  • Technorati
  • Twitter
 

Posted in: Photo Effects, Text Effects.

Tags: , , ,

26 Responses to “Striking Text Effect Using Glows and Blends”

  1. 20 photoshop tutorials som f Says:

    [...] Striking Text Effect Using Glows and Blends [...]

  2. Chaitanya Says:

    this is very nice & effective.

  3. Inspiring Design Links for Creatives for 2009-02-20 | This Inspires Me Says:

    [...] Striking Text Effect Using Glows and Blends (tags: photoshop tutorials) [...]

  4. argon Says:

    nice tutorial bro

    argons last blog post..BLUE EMBRIO

  5. Mira Says:

    Really liked your tutorial and I’ve created a nice new wallpaper! http://miranl.deviantart.com/art/M-114636183

  6. Joe Says:

    Great Mira, I’m glad you liked it.
    Your wallpaper looks groovy!

  7. Lockie Says:

    I had to do this as an assignment for school but still it was pretty shnazzy. Photoshop is an amazing piece of human engineering ;3

  8. Best Photoshop Tutorials For Lighting Effects - Photoshop Website - Tutorials,Brushes & more.. Says:

    [...] In this tutorial learn how to create the image below using a combination of glows and blends.Check out here. [...]

  9. an Record - PSD Rockstar » Tutorial: Striking Text Effect Using Glows and Blends Says:

    [...] PSD Rockstar » Tutorial: Striking Text Effect Using Glows and Blends. [...]

  10. 20+ Super Professional Photoshop Light Effects Tutorials Says:

    [...] Striking Text Effect Using Glows and Blends [...]

  11. photoandpics.org » 101 Top Photoshop Typography Tuts Says:

    [...] 3] Striking Text Effect [Tutorial] [...]

  12. Sammy Says:

    Hey dude thanks! This tutorial has an astounding result and it’s so simple to follow. Thanks a lot! And thanks for telling me that they show Heroes on BBC2. I can watch it now lol.

  13. alya Says:

    i love this!!

  14. Digital jewel Says:

    thank u , nice tutorial ,

  15. John Avenir Says:

    Great tutorial! Very simple and excelent resultat! Big match

    John Avenirs last blog post..Helvetica World Fonts by Max Miedinger

  16. tom l Says:

    Interesting effect. Great work!

  17. You are now listed on FAQPAL Says:

    Striking Text Effect Using Glows and Blends…

    In this tutorial I’m going to show you how to create the image above using a combination of glows and blends in 7 steps….

  18. Tutoriales Photoshop – 40 efectos de iluminacion | Tutoriales y Recursos Says:

    [...] 14. Iluminacino en texto [...]

  19. N-Designs Says:

    great.. thanks..

  20. Rashed Says:

    it was perfect

  21. Rico Says:

    Awesome
    I used this tutorial and another one and got this outcome: (Von Dutch is my nickname)

    http://i191.photobucket.com/albums/z29/commander-rico/vondutchcoolwallpapergoldtextnstrip.png

  22. Dennis Says:

    /Cry
    I installed the Brush (just extracted it in presets/brush) but can’t find it.
    Got Photoshop CS 1.

    Help! :O

  23. The Walrus Says:

    wow, gj. great effect

  24. Blog Header Guy Says:

    I love when I learn a new technique to use on a custom blog header design. I don’t know why I didn’t try your overlay pen outline technique before, very cool.

  25. بیش از 80 آموزش فتوشاپ | تکنیک جلوه های نورانی | به وبلاگ کرل دیزاین خوش آمدید Says:

    [...] Striking Text Effect Using Glows & Bends [...]

  26. DreFillmore Says:

    Loved this one. Here are two designs I made using these techniques: 2010 (http://www.flickr.com/photos/ferociousmedia/4192330677/in/photostream/) & Legacy (http://www.flickr.com/photos/ferociousmedia/4193094696/)

Leave a Reply