Image Image Image Image Image

© Copyright 2012 Grapikom | RSS | Email

Scroll to Top

To Top

Blog

Mysterious Lighting Effect You Can Create in Photoshop

On 30, Mar 2010 | 25 Comments | In Blog, Tutorials | By grapikom

Here’s a nifty little lighting effect that we can create in Adobe Photoshop using the
Lighting Effects filter.  It’s a really simple way to give a flat graphic some flare!

What We’re Making

In this tutorial, I’m going to show you a nice and easy way to use the Lighting Effects
filter in Photoshop to add a mysterious ambiance to almost any graphic. To see the effect
in action, hover over the image below:

Demonstration of the Lighting Effect we are going to make with  Photoshop

Getting Started

This effect typically works best on graphics that are a bit less saturated and bright. You’re welcome to
use our original graphic to try this effect out on, otherwise, we suggest you do the following if you’re
working with a bright graphic with vibrant colors.

  • Go to Image > Adjustments > Hue/Saturation
  • Decrease the brightness and saturation of your graphic until you feel like it’s more

fitting for this effect.

Once you have a graphic ready to use, continue on to the next part of the tutorial.

Single Layer Graphics Only!

Before continuing, please make sure that your graphic is contained on one layer only! The method
we will be teaching in this tutorial requires that you are working with ONLY 1 layer. To merge all of
your layers into one, select all of your layers in the layers palette, and go to
Layers > Merge Layers (Ctrl + E).

Another Easy Way to Merge Layers

CJ.H  pointed out another really great way to merge layers for our purposes here without getting rid
of our other layer data. By using the shortcut Ctrl + Alt + Shift + E, we can merge all layers below
our currently selected layer, and place the merged copy on top! Simple, and very effective! Thanks CJ.H!

Render the Lighting Effect

This effect essentially centers around the lighting effects filter. If you’ve ever worked with the filter
before, you may already have a few guesses as to how to accomplish this. However, you have
nothing to worry about if you have no experience with this filter, because we’re going to go
through the process, step by step.

First, go to Filter > Render > Lighting Effects.

You should be immediately greeted with a
bunch of confusing settings and a thumbnail of your image:

Default Lighting Effect Settings

This is simply the default lighting effects settings. We’re not going to use them, but I’d like to
quickly explain what a few of the different settings do:

Style – From here, you can select one of many preset styles that come with Photoshop, or use
the “Default” lighting setup (shown above).Light Type – There are 3 different lighting types,
including Spotlight, Directional, and Omni. From here, one can control the color of the light
(on the right), intensity (brightness), and focus (how hard or soft the light is).
Properties – From the properties settings, a user can adjust the properties of all lights, such
as Gloss (how reflective the surface seems), type of material (should it appear more like a
plastic or metallic surface)
, exposure, and ambient light (which the color of can be
changed if desired on the right)
.

You’ll also notice this icon underneath your preview area. To add a new light to the scene,
drag and drop from this icon into your image area. To remove a light, drag it from the image
area into the trash icon to the right.

Configure the First Light

Be sure your Light Type is set to Spotlight. There are 4 handles surrounding the center of the
light: The Handle with the line extending towards the center along with the handle on the
opposite side determine the length of the light. The other two handles determine the width
.
Additionally, the center of the light can be dragged to reposition the light.

From any of the 4 handles, the light can be rotated. It’s also important to know that the handle
with the line extending towards the center is the source of the light, meaning that the light will
appear to come from that direction.

With all this in mind, reposition your first light source and settings to reflect what is shown in
the diagram below:

Configure the first light to look like this

Configure the Second Light

Add a new light into the image (as mentioned earlier, drag a new light from the lightbulb
icon into the image area)
, and configure it to look like this. We want it to appear as if it’s a single
ray coming in, separate from our large, first light source, so we want it to be thin, and coming in
at a slightly different angle.

Configure 2nd Light

Switch Between Lights

You may have noticed that as soon as a new light was created, the settings and handles
for your other light disappeared. They can STILL be editied! To switch between lights,
just click the white center of the light.

Doubling Up

Often times, you’ll need to double up lights in order to create bright streaks of light streaming
in over your graphic. To do this, simply add an additional light source that’s approximately
the same width and length, and going in about the same direction as the light you’re trying to
increase the intensity of.

When you create a light to double up with, you may want to decrease the intensity and focus by
pretty large amounts, as we’re simply trying to increase the overall intensity of the first beam.
We don’t want to give the light source an overly hard appearance.

Doubling up light sources to increase intensity

Add More Streams of Light

Add another stream of light, coming from a different angle, in a different area of the image.
It should appear as if the streams are being separated by an object in the way, such as light
pouring through bars of a jail cell, or something of the like.

The Final Configuration of Light Sources

Finished!

Just Press OK to apply your lighting effects filter, and you’re all set to go. If things don’t turn
out looking great, just undo the filter, and go back to Filter > Render > Lighting Effects.
It will keep the setup previously used, so you shouldn’t have trouble making any modifications!

Final Result

Save for Reuse!

If you develop a lighting effects filter that you’d like to use some other time elsewhere, be sure to
click  Save in the Lighting Effects settings box. You’ll have the opportunity to create a custom
lighting effect that you can use whenever you’d like!

Tags | , ,

Comments

  1. Another great write-up with good points, We’ve been a lurker here for some time but hope to become much more engaged in the foreseeable future.

  2. You’re making numerous correct items on your article and would most likely go along with the majority of.

  3. You are making a lot of legitimate details on your article and would most likely accept many of them.

  4. You create your factors clearly however I still am not sure yet.

  5. Seems like that you have put a good deal of work into this post and I want even more of them online at this time. I seriously got a kick through your post. I can’t ever have much to express responding, I only desired to comment to your amazing work.

  6. You’ve got your point through superior to I ever could, many thanks!

  7. Saving money will probably be not difficult using these recommendations

  8. Spending less shall be not hard with these tips

  9. Even though I have an understanding of your stance I can’t actually accept as true with what you have told me here.

  10. Many thanks to the fantastic post, that must have taken a long time to create with super info.

  11. Many thanks posting this

  12. This is my first time I have visited here. I found a lot of interesting information in your blog. From the volume of comments on your posts, I guess I am not the only one! keep up the good work.

  13. Cool post! How much stuff did you have to look up in order to write this one? I can tell you put some work in.

  14. Have you ever considered adding more videos to your blog posts to keep the readers more entertained? I mean I just read through the entire article of yours and it was quite good but since I’m more of a visual learner,I found that to be more helpful well let me know how it turns out! I love what you guys are always up too. Such clever work and reporting! Keep up the great works guys I’ve added you guys to my blogroll. This is a great article thanks for sharing this informative information.. I will visit your blog regularly for some latest post.

  15. Excellent post I must say.. Simple but yet interesting and engaging.. Keep up the awesome work!

  16. “As a Beginner, I’m usually searching on the web for content articles that may help me. Give thanks to you”

  17. I was just chatting with my coworker about this the other day at Outback steak house. Don’t remember how we got on the subject actually , they brought it up. I do recall eating a amazing chicken salad with ranch on it. I digress…

  18. Thanks for taking the time to discuss this, I feel strongly about it and love reading more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful for me.

  19. Just wasting some free time on Stumbleupon and I found your article . Not normally what I like to read about, but it was certainly worth my time. Thanks.

  20. My brother and I were just discussing this very topic, he’s constantly endeavouring to prove me wrong. Your view on this is excellent and exactly how I feel. I just emailed my brother this site to show him your view. After looking over your blog I bookmarked and will be returning to read your updates!

  21. I’ve bookmarked, Dugg, and I joined the RSS subscription. Thanks!

  22. Super-Duper site! I am loving it!! Will come back again – taking you feeds also, Thanks.

  23. Keep working on more info for your blog, great job!

  24. Keep working on more info for your blog, great job!

  25. As a Newbie, I am always searching online for articles that can help me. Thank you

Submit a Comment