Adobe Photoshop: Add the gloss effect to any image

Contributor Icon Contributed by risherz Date Icon April 5, 2006  
Tag Icon Tagged: Graphics

Many professionals use this sweet technique to add the glass effect to all of their images. You to can use this glass effect for any image that you want, with these helpful tips!


Basically the glass effect is adding a White to transparent type gradient over any image and reducing the opacity to around 20% for the gloss layer. You can do this for any image that you want, to make it look like it is shining.

1. Use the pen tool to create a box or desired shape over the image. Try to have a gradient from dark (at the bottom) to light (at the top) if you can for the background.(if you don’t have the pen tool then you can use the marquee tool and gradient tool):

2. Right click on the layer and select blending options. (you can also the add a layer style menu)

3. Check the Gradients box. Then change the gradient to a totally white gradient

4. Make one side totally transparent

5. Click on OK

6. Change the opacity of the layer to about 20%. (this setting will differ from picture to picture)

Final Effect (this is just to demonstrate… if you put this on real images the results will be better):

Then your gloss is good to go… you can add this great effect to any image! But remember that the darker the background the more better the gloss.

For example here’s a extremely simple and easy to do glossed image:

Note: To make the gloss curved I used the pen tool.

If you want any additional help in ‘glossing your picture’ or any feedback on the effects you’ve achieved by using this recipe, feel free to use the comments section.

Previous recipe | Next recipe |
 
  • davak
    Used this today. Great rx!
  • risherz
    <ul id="quote"><h6>davak wrote:</h6>Used this today. Great rx!</ul>
    Thanks! Yeah many find this useful, and are actually impresed how easy the gloss effect can be, of course you need a little bit of photoshop experience to know what I am talking about, but other than that it's pretty simple.

    Many professionals seem to use this a lot, however in different styles though, to make many web pages look great. So I hope now people can make their website look great as well.
  • Michael
    Well tutorial. This should have been put on youtube in video format.

    (Sorry my English is bad.)
  • this is a good site
  • BAS
    Thnx, It was useful
  • Rob
    This is all well, good and easy when you are dealing with paths, however, the real trick is doing it with bitmaps, on a transparent background, when the logo is not a square. Got any tips on that?
  • Hi Rob. I'm not great in PS, but I managed to apply this to a 3-quarter circle with a flat base. What you need to do is use the Marquee tools on a new layer above your existing graphics. As best you can, try to match the basic outline of your graphics with the Marquee tool, then apply the above effects to the new layer.

    When you're done, you will most likely be left with gradient effects outside the edges of your graphics. To solve this, I selected the Eraser, large enough brush, Opacity at 100% and the Flow at around 70. Then start erasing any left over gradient effects.

    Finally, I took the Blur tool to any gradient edges which were still visible.
  • mike
    good tut. really helped
  • Rated
    It's the best turorial of gloss i've found in internet yet
blog comments powered by Disqus