3000+ Top Quality Design Resources for only $7

5 Incredible Methods to Enhance Your Designs with Light

5 Incredible Methods to Enhance Your Designs with Light

For a designer that is just starting out, understanding the concept and benefit of using light in your artwork can be a bit daunting. Light can create depth and add a touch of realism to your work. IT can also set a mood or tone for your piece. It’s important that you consider different methods for utilizing light in your designs. In the tutorial below, we will look at a few of those methods to help give you a stronger grasp on how lighting can be utilized in Photoshop.

Creating a Focal Point with Light Using Soft White Brushes

In this first example we’re going to look at creating a focal point, or in this case enhancing a focal point using light. This effect is very simple and achieved by adding 3-4 additional layers above the original photo. Below is my original photo.

As you can see here the photo is very evenly exposed. The light is spread the same through the entire photo.

To begin, I want to duplicate the layer, then set the new duplicate layer’s blending mode to overlay. Next, I want to create create a new solid color adjustment layer set to a dark gray. I used #565656. These steps are to enhance the colors a bit, and to create a base for the lighting effect.

Now let’s add some shadow. We’ll do this with a single gradient adjustment layer with the following settings.

Now we’ll add some lights. Choose a soft white brush and paint on a new layer above all others with a blending mode set to Soft Light.

Now for the most intense light occurring directly over the rose we’ll use a new layer with the same soft white brush. Set this layer’s blend mode to Overlay.

With a little bit of imagination this method can be utilized and modified in any number of ways to fit your project.

Rendering Directional Lights via Filters

Photoshop has a built in filter for adding lighting effects. To access this filter click (Filter | Render | Lighting Effects). Note: In 64-bit versions of Mac OS, Lighting Effects is available only if Photoshop is running in 32-bit mode.

For this example I’m going to use Lighting Effects to spotlight a product shot. Below is my original image.

Lets add a spotlight directly above the phone. You may have to adjust the spotlight by dragging the points in the preview on the filter window.

After applying the spotlight, I loaded the filter again to apply an Omni Light directly over the phone.

Below is my final image. As you can see there are a ton of options to play and experiment with in the Lighting Effects Filter.

Using Custom Brushes to Create Light

A really fun way to utilize light in Photoshop is through custom brushes. In the examples below I’m using a recent set called Ultimate Lighting Effects here at WeGraphics.

Before

And after applying a brush from the set on a new layer above the photo.

Before

And after applying a brush and darkening the edges using the same gradient adjustment layer from the focal point example above.

There are countless resources on the web for lightning effects. Here is a short list of a few available at WeGraphics.

Creating Special Effect Lighting

One of the most creative uses for light is through special effects. In the example below we’re going to use simple shapes and paths to create an interesting light effect in a few layers.

Let’s start with a new document with a black background. Duplicate the background layer and render some difference clouds (Filter | Render | Difference Clouds). You may want to repeat the step until you get clouds that you are happy with. Set the cloud’s layer blending mode to Overlay.

Now with a soft white brush, paint a small circle on a new layer below the clouds layer. When painting on this layer you will start to see some of the clouds show through.

Now, with the pen tool, draw some lines, either freehand or using points. Draw them so it looks as though they are rising from the circle of light you drew in the first step.

I set my brush to a soft white 14 pixel brush. Then selected the pen tool again and (Ctrl+clicked) the path and chose stroke path. Be sure that you stroke the path on a new layer so that it is separate from the circle you  drew earlier. Now apply a little bit of glow via layer styles.

Once again you can see the clouds showing through the glow. Go ahead and repeat the previous step until you have several rays emanating from the circle of light.

Now with another soft white brush, paint on the same layer as your circle of light to reveal a few more clouds.

Lets add a little bit of color through a gradient adjustment layer. I used #e17a00 and #601900 through a linear gradient.

Just for fun, I added some particles that I created using the Pencil Mark Illustrator Scatter Brush set. I created a layer with white particles and one with black particles, and set the opacity back to about 75%. I also erased a few that were over the main light area.

I hope this section of the tutorial has given you some ideas to experiment with lighting effects in your art. It can be a lot of fun, and can render some interesting results.

Using Lighting to Create Mood

Earlier in the article I mentioned using light to create mood. In this last example we’re going to do just that. Below is my original forest image. I want to turn this image into a moonlight scene using lighting effects.

First lets convert the image to black and white. You can do this by clicking (Image | Adjust | Desaturate). Then let’s duplicate the layer and run a light Gaussian Blur at 1.5. Then set this duplicate layer’s blend mode to overlay. This gives the image a softer look.

Now let’s create a new color fill layer using a deep blue. I used #253a53. This will give the entire scene a blue-ish hue.

Now using a light blue color add some light rays using a brush from the Ultimate Lighting Effects set again.

Next, lets darken the edges using the same gradient fill adjustment layer that we created back in the focal point study.

For the final step, I want to add some dots of light. These could be fireflies or fairy dust… either way it helps to enhance the mood that we’re creating. To do this grab a soft white brush set to around 7 or 8 pixels. On the Brush Setting palette adjust the spacing and click Shape Dynamics and Scattering.

Under Shape Dynamics set the Size Jitter to something around 75%, and under Scattering set Scatter to the max 1000%. Now draw on the canvas in a random pattern. Make sure you are drawing on a new layer below the light rays. Apply an Outer Glow layer style to the dots (fireflies) using the following settings.

Below is my final result.

Conclusion

I hope this article has helped inspire some thoughts and ideas on utilizing light in your next design project. I’d love to hear your methods for using light effects in PS and how you’ve experimented with these techniques. Enjoy!

 

Related Posts

high quality vectors

2500+ premium design resources for only $7!

We do the best to provide high-quality products that you can use in your commercial projects.
You bet!

take a tour

Nathan Brown

Nathan Brown is a graphic designer who loves working with various media. He combines traditional art styles with a little experimentation and digital flare. Nathan's works have contained everything from ink and paint to leaves and a box of dirt. Everything is fare game when it comes to his approach to art. Nathan lives in Austin, Texas where he has been working as a designer for 10 years.

14 Comments

(+add yours)
  1. Too Cool… I always wanted to learn lightning effects. This was pretty helpful.

  2. Amazing tuts! Thanks =)

  3. Really cool Nathan — love the special effect lighting and the forest scene.

  4. useful tips, just what I was looking for. I hope that one of these light methods will help me improve my photo manipulation that I am working on
    thanks!

  5. i downloaded these light effects, there awesome :)

  6. This tutorials you’ve showed here are useful indeed. People might check this post of yours.

  7. Idawhoa

    I know this is all shameless self promotion (totally ok), but that special effects lighting thing with the clouds was really creative. I salute you sir. :)

  8. This examples you have revealed here are useful surely. I always desired to learn super results. This is very beneficial.

  9. Jack Weeks

    Nathan, this is the most stunning tutorial I’ve tried to date. I’ve not yet gotten into design, favor subtle enhancement of scenery photos but I can see the potential of using this method to highlight focal points in those. Thank you!

  10. I’m gone to tell my little brother, that he should also
    visit this web site on regular basis to take updated from hottest information.

  11. I will not have anyone in my life who is not supportive.

    Chevrolet Silverado ‘” Chevy trucks have not historically been known for longevity, but they do offer a great deal of finish for the money. Check hydraulic steering fluid and top off as needed.

  12. The other day, while I was at work, my sister stole my iphone and tested to see if
    it can survive a 40 foot drop, just so she can be a youtube
    sensation. My apple ipad is now broken and she has 83 views.
    I know this is entirely off topic but I had to share it with someone!

  13. With the latest study from PEW Research stating that
    95% of teens have access to the Internet, 80% of kids have cell phones and 48% have data plans, providing a safe
    cyber-space should be a priority for all parents.
    Today, lots of websites and blogs bring in unheard of income
    for their owners merely by promoting another’s company on their web pages.
    Make certain that the payment gateway you
    are making use of, permits similar languages as the remaining of the web pages so that they
    can match well together.

Leave your comment

© Copyright 2010 WeGraphics.net - All rights reserved. Design and code by WeGraphics Team