Subscribe Via RSS

3174 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Simple Glass Effect Tutorial

October 15th, 2008 in Photoshop Tutorials by Richard Carpenter

Simple Glass Effect Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars12 Votes, Rating: 4.08
Loading ... Loading ...
About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of HV-Designs. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 322 posts.

For this glass effect were going to be creating a glass picture frame with a photo in it.

Create a new document 600 x 450 pixels, now were going to need a busy background to see the effect, black or white just wont show it very good. Im using a wooden floor background. Select the rectangular marquee tool and create a big rectangle on the canvas.

Add these layer styles to your rectangle.

Your rectangle should now be transformed into someting like this.

Select the polygonal lasso tool and create a selection like this (see image below), this will be a simple shine across the picture frame.

Fill the selection with the color white and set layer opacity to about 2%, this will make the shine just visable as we dont want it to be too visable. You should have something like this.

Now were going to create the slot where the photo goes, select the rounded rectangle tool and create a rectangle in the center of our picture frame, once you have your rectangle select the pen tool right-click on your canvas and goto “fill selection” make sure you fill it with the color white.

Now add these layer styles to your rounded rectangle.

Your inner rectangle should now look like this.

Make a selection on the rounded rectangle by click the layer it is on whilst holding down the CTRL key on the keyboard. Open up your photo and copy it to the clipboard, go back to your orginal canvas then goto “edit > paste into” your photo should now be pasted within that selection. Re-size/Re-align your photo to fit into the rectangle.

Add this layer style to your photo layer.

Selec the pen tool and create a selection like this.

Fill the selection with white then set layer opacity to about 12-15% your final image should now look like this.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

7 Responses to “Simple Glass Effect Tutorial”

  1. E-maniacs says:

    kool, and easy….

  2. Rene says:

    Are these layer styles correct? When I follow them my rectangles do not look the same. Will still work with it to figure it out but would like to hear back from you.
    Thanks!

  3. ADMIN says:

    the layer styles are correct.

    can i see an image if yours?

  4. Azhar says:

    Very good work
    thank you

  5. This is a pretty cool tutorial. Love the texture on the frame. Simple and easy way to achieve this through the excellent use if layer styles. Thanks so much!

  6. Simon says:

    You should have told me that the “fill” on the first rectangle should be at zero.
    I spent half an hour trying to figure it out untill I saw that little detail in the file I downloaded. But thanx for the good work. Will definetely stop by again…
    -S.

  7. This is a pretty cool tutorial.

Leave a Reply