Languages

Top Navigation

Amazing Photoshop light effect in 10 Steps

January 08, 2008 from

Last year I had written a tutorial showing how to create some lighting effects in Photoshop, it was called Magic Lighting Effects. A lot of people liked it, but some people still have some questions on how to achieve that effect.

When I added a “buy me a coffee” featured on my blog I decided to use an image I had done when I was showing my cousin how to do the Magic effect. Instead of using a hat I used a coffee cup and the process is basically the same, however this time I will explain it in more details.

Step 1

Create a new document, apply a Layer Style on the background layer. Add a Gradient Overlay and a Pattern Overlay.

Coffee tutorial

Step 2

Here I've used an icon I found on a cool site, but you can use whatever you want.

Coffee tutorial

Step 3

Select the Ellipse Tool (U) and create a shape like I did. After that apply a Gaussian Blur (Filter>Blur>Gaussian Blur) with radius of 30px.

Coffee tutorial

Step 4

Create a new Folder name it “Light Effects”. Change its blend mode to Color Dodge, and move the ellipse you created to this folder.

Coffee tutorial

Step 5

In order to create the sparks we will use the amazing brush engine. Add a new layer, inside the “Light Effects” layer, set white for the color and follow the images below.

Coffee tutorial

Step 6

Using the Layer Styles add a Outer Glow to the sparks

Coffee tutorial

Step 7

Lets add some smoke. Create a new Layer, call it “Smoke”. Change its blend mode to Color Dodge and select the Lasso Tool. Set 40px for Feather and create a selection like I did below. After that make sure that the foreground is white and the background is black and apply a Filter>Render>Clouds. Tip: Continue applying the filter until you get the best clouds.

Coffee tutorial

Step 8

Add some text and using the Layer Styles again lets create a nice effect.

Coffee tutorial

Step 9

Place your logo and you can even add more effects like I did on the Magic Lighting Effect, but then you will have to follow that tutorial ;).

Coffee tutorial

Conclusion

I have to say, if you know a bit of Layer Styles and the Brush engine in Photoshop you will be able to create amazing effects. It will depend exclusively on your imagination and playing with the tool. Sometimes just changing a some settings and you get a totally different effect.

Coffee tutorial

The PSD file used in this tutorial can be downloaded here.

http://abduzeedo.com/files/imagecache/img690x320/originals/cofee.png

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Photoshop Quick Tip: Light Effect Text Button
Photoshop Quick Tip: Light Effect Text Button
A few weeks ago I wrote a tutorial showing how to create a stylish metallic button effect using Photoshop. In that tutorial I posted to conclusions and one of them had a light effect in the text. The tutorial was well received and a lot of people wanted to know how to create that effect. So in this tutorial or quick tip because it's more about layer styles and we will use the base of a previous tutorial, I will show you how to create a super simple light effect using only layer styles, blend modes and the blur filter.

Try this Wallpaper

Wallpaper of the Week #151 by François Leroy
Wallpaper of the Week #151 by François Leroy
The wallpaper of this week is an image created by François Leroy, a graphic designer and illustrator from Paris, France. He studied traditional art in school in Paris. At the same time he started to be interested by digital art and it became a real passion to him. I define myself fully in this dynamic generation for which internet and interactive are major words. For more information about François visit his Web site at http://www.graphic-travelling.com/

Book Suggestion

Book Suggestion: Designing Brand Identity - An Essential Guide for the Whole Bra
Book Suggestion: Designing Brand Identity
The book suggestion of this week is about branding and it's a recommendation from one of our favorite graphic designers out there, Roger Oddone. The book is called Designing Brand Identity: An Essential Guide for the Whole Branding Team and it covers everything you need to know about branding, from its definition to how come up with the most efficient strategy.