New!
magento development

Resources

Tutorials

Designer search

Find a designer by country:

Related Tutorials

Color

Categories


Web Companies


LSF
San Diego Web Design Company
san diego web design

Web Tutorials

Submit your tutorial and earn $25 >
Photoshop Effects Create Light and Lighting Effects in Photoshop

Author: Tyler Jordan

Fine Artist, illustrator, web/graphic designer, photographer, chef...

Share

Let there be light!

Creating simple lighting effects is not only easy, but fun and rewarding for as much minimal effort it takes in Photoshop:

Step 1

Start with an image of a lamp, flashlight, torch, or whatever emits a beam of light.

Create a new layer. Now, using the Polygonal Lasso Tool, draw the shape your light beam will be. In this case I used the edge of the lamp head to determine the shape.

Step 2

Now select the Elliptical Marquee Tool. This will create the oval end of our beam of light as it rests on the desk. To add this to the beam, hold down the shift button and drag out to create a nice rounded end to your beam.

Select the Gradient Tool, make the foreground color white, or whatever color you want the light to be, and set the options to Foreground to Transparent. Then click and drag the gradient line in the direction of the beam from the light source down to the table surface.

Step 3

Now create another new layer and drag it between your background and the light beam. Using the Elliptical Marquee Tool, drag an ellipse that fits in the circular end of the light beam and fill it with white.

Now click Filter > Blur > Gaussian Glur and set the lever really low, like .3 - .5. Just enough to give the outer edges a little softness.

Result

That's it! This is just the beginning. Once you have the grasp of this useful technique, there's no end to how many ways you can use it.

Good luck!



Comments

Marco

Always good to know basics. Thanks Tyler


kaluverdeano

Those basics that make your life easier!!! Thanks!


Perfect timing. Working on a design that I was thinking of doing something like this. Let's see how it turns out.


John

Great tutorial! Easy and VERY cool :)


Habib awab

helo very informative..
well i want to ask that how to merge eliptical martical tool with polygano tool here and in gradient what color u hav selected.....


Simple and nice! Thanks


This rocks man, the second i get a free second :o) i will be sure to try it.


very nice effect, thank you!


Add Your Comment

gravatar


Processing, please wait ...
Your name:

Your email:

Your URL:

Comment:

Follow us
on Twitter

13143 Sites

138 Countries

5477 Designers

add your profile

33 users online

CSS Gallery

Top Rated Web Designers

Share this tutorial on:

  • ADD TO DEL.ICIO.US
  • ADD TO REDDIT
  • ADD TO GOOGLE