Glowing Beam Light Effect

by admin
Posted December 14th, 2009 at 5:27 pm

Here’s a great effect that will bring some energy to your subject. We’ll be wrapping this singer’s arm with a glowing beam of light, adding sparkles, and adjusting the colors to make it all seem magical.

Firstly, create a new layer, then grab your Pen Tool (P) and draw out a spiraling path, as if you have a snake wrapped around the arm.

glowingbeam2

Then select the Brush Tool (B) and set your diameter to 7px, with the Opacity and Flow at 100%, and your foreground color set to white. With your path still on the artwork, go back to the Pen Tool, right click on the canvas, and choose “Stroke Path.” A menu will appear with the Brush set as the Tool. Check “Simulate Pressure” and press OK. This will make the beginning and end of your stroke thinnerglowingbeam3

glowingbeam5

Now you need to delete the parts you want hidden behind the arm. With your stroke layer selected, choose “Add layer mask” at the bottom of the Layers Palette. Use the Polygonal Lasso Tool (L) to select areas of the arm you want in front of the stroke — use your eye and imagine how this path will wrap around the arm. Make sure your mask is active by clicking on it, and fill these selected areas with black. They should now be cut out, appearing as if they’re behind the arm.

glowingbeam6

glowingbeam7

glowingbeam8

Right click on your stroke layer and choose Blending Options. A Layer Style menu will appear, where you’ll be adding an Inner and Outer Glow to the stroke, making the edges of it glow with a blue hue. Use the settings below:

glowingbeam9

glowingbeam10

Make a copy of your stroke layer and right click on the Layer Effects icon. Choose “Clear Layer Style” — we simply want to blur this layer (about 6 pixels) to add another layer of glow. Everything’s looking nice and illuminated here, so lets add some sparkles. With your Brush Tool, add some quick spots around your glowing path with varying small brush sizes (3 – 5px). Make as many as you want here, as you’re always free Erase undesired sparkles.

glowingbeam11

We’re now going to make a secondary stroke to create another level of motion. Use the Pen Tool to go over your original path, but make it a bit different and overlap parts. Select a smaller diameter brush this time with a 50% opacity, and stroke the path as before.

glowingbeam12

Our energy beam is nearly there. To make the effect more dramatic, you can adjust the overall hue of your photo. Create a new Curves adjustment layer, and tweak the colors to get a vibrant blue atmosphere. Download the Curves preset below to load it in your document. After your colors are locked in, use the Dodge Tool (O) (with a diameter of 35 pixels and the exposure set to 25%) to brush in some highlights underneath your beam, directly on the background photo. This makes it appear as if your beam is casting light on to the arm.

For the last part of this effect, we’ll add one more layer of shimmer. Hold down Ctrl and click on your main stroked path in the layers palette — your path should now be selected. Go to Select › Modify › and Expand the selection by 7px, then feather it by 10px.

glowingbeam13

Highlight Strength to 20, the Detail to 6, and the Smoothness to 8. Finally, lightly Gaussian Blur your background layer with the feathered selection still active.

glowingbeam1

  • Stumbleupon
  • Delicious
  • Google Buzz

Popularity: 16% [?]

http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/digg_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/reddit_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/dzone_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/stumbleupon_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/delicious_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/blinklist_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/blogmarks_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/furl_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/technorati_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/myspace_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/facebook_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/yahoobuzz_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/sphinn_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/mixx_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/twitter_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/jamespot_48.png http://www.tutorialspalace.com/wp-content/plugins/sociofluid/images/meneame_48.png

Random Posts



-->
3 ResponsesLeave a comment
  • Tutorial Lounge
    December 17, 2009 at 10:50 am

    amazing light effect tutorial.

Add a commentGet a Gravatar

* Name

* Email Address

Website Address

You can usethese tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Sponsors
Advertise with us!
Around The Site
Free Subscription

Enter your email address:

 
Design Resources
Friends Links
Galleries
Categories
Tags
Archives
Community News
  • Text written by WaterMarch 10, 2010

    It is very nice technique to make water drops so that you may apply Layer Styles to any text or object to give water look. It seems that name has been written by real water. Hope you will like this.

  • Desktop Wallpaper: 80+ Most Breathtaking Places on EarthMarch 10, 2010

    There are many sources of inspiration that designers look to when trying to get their creative juices flowing. I think there is none better than the breathtaking landscapes that nature has to offer. In this post you will see some of the most beautiful p…

  • 70 Exceptional Creative Typography Desktop WallpapersMarch 9, 2010

    We always present quality stuff for you respected visitors and readers, today we have some modern and latest typography wallpapers, we simply presenting beautiful and inspiring to look at I think, typography art to desktop wallpapers seams to be quite c…

  • 50 Hot New Tutorials (Part1)March 9, 2010

    Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of February. You’ll find …

  • See Through Glass Tutorial – Glass TransparencyMarch 9, 2010

    In this Tutorial I’m going to show scene behind a Glass. I mean suppose you have a Glass picture and you want to place it on another picture but also wanted to see the scene through the Glass. I got this tutorial after working hard, because it is very…

  • How to Create a Fancy Image Gallery with CSS3March 9, 2010

    Today, I have prepared a tutorial about how to use CSS3 to make an image gallery with animation. I recommend to use one of these browsers to see the animations; however, the gallery is going to be usable in browsers without support of the animation.

  • How to create a web hosting layoutMarch 8, 2010

    Learn how to create a nice looking web hosting layout with this easy to follow tutorial.

  • 30 Stunning Graphical Vector Tutorials for Improve your Graphics SkillsMarch 8, 2010

    Vector graphics is playing major role in designing world, specially in Print Media where we can draw characters, shapes and other creative illustrations. Vector applications such as Adobe Illustrator that are used to create scalable graphics are ideal f…

  • 30 Latest High-Quality Free (X)HTML/CSS Templates Must See NowMarch 7, 2010

    Thanks to all designers and developers from all over the world who freely distributed their high-quality templates for everyone on web. In this showcase below, you’ll find a 30 Latest High-Quality Free (X)HTML/CSS Templates Must See Now because We all…

  • Create a clean and light business layoutMarch 6, 2010

    Learn how to create an awesome clean business layout with this step by step tutorial.

Read More News
Add News




Captcha
To prevent spam, please type the text (all uppercase) from this image in the textbox below.

Get Adobe Flash playerPlugin by wpburn.com wordpress themes