glassy-logobox

Glassy Logobox

By Michael in Tutorials

So i was lurking around the internet and i saw this glassy logobox concept on Monster Templates so i decided hey why not make a tutorial! So basically we will learn how to use our airbrush to achieve a very cool glass effect.

…………………………………………………………………………………………………………………………………………

I prepared a background for you to work on to save some time. Go ahead and take it over to your photoshop.

glassbackground.jpg

Our first step is to outline our base of the glassbox so go ahead and take out your rounded rectangle and set the size to 12. Make sure the background is white.

glassfirst.jpg

Drop the opacity of our current outline down to eight percent

glasssecond.jpg

Its barely visible now and thats good, dont worry you did nothing wrong. Duplicate the same outline except now clear it of all layer styles and take out your Eraser Tool. Set the tip to aproximately the size of 1450 and following the diagram below erase all the white area. Make sure you use the airbrush tip not just the typical brush othrewise you will have a different effect.

glassthird.jpg

So now after airbrushing off the tip, you should have something along the lines of this:

glassfourth.jpg

Duplicate the following layer, lets call it the highlight and flip it vertically. Place it to the top of our outline now. So something along the lines of this:

glassfifth.jpg

Lets add some lining highlights to our glassbox so go back to your original outline and make a copy. Clear it of all the layer styles and using your Eraser Tool with the size tip of 50, follow the diagram below to take of all the unneceserry white.

glasssixth.jpg

After that take that layer and flip it vertically and align closer to the bottom. It should look something like this:

glassseventh.jpg

Duplicate it once again and just move it to the top.

glasseight.jpg

Add the logo or text you wish to have and get ready for the next step

glassninth.jpg

Duplicate our original outline again and following the Diagrom below using your Elliptical Tool cut out a curve.

glasstenth.jpg

Lower the opacity to 8% and you are now done.

glasseleventh.jpg

Below are two examples side by side. A logo/text:

glassfinal.jpg

Thank you for reading and i hope you enjoyed this tutorial!

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon

Comments



  1. rizalp
    Posted on March 30th, 2008

    Nice tutorial. Thanks. This was just what i looking for



  2. BITCHY_BITCH
    Posted on April 2nd, 2008

    FUCK OFF THATS COOOOOOOOOOOOOL !!!



  3. Alvin
    Posted on April 2nd, 2008

    Thanks For This Great Tut.



  4. Preston Lewis
    Posted on April 3rd, 2008

    so how do we get these BG files and such?


  5. [...] Glassy Logobox - Photoshop Tutor [...]



  6. Nero
    Posted on April 4th, 2008

    nice tutorial man, i think its a slightly over used effect but i nicked the bg image for future stuff lol.
    keep it up man, spread the love of photoshop.



  7. Tommie Hansen
    Posted on April 11th, 2008

    This is a good example of an actual good written tutorial. Not too long and not too complex. Something that one can look at without getting bored with bad use of layers etc.

    Good work. :)


  8. [...] [LINK]     Read More    Post a Comment [...]



  9. Krishna
    Posted on April 21st, 2008

    this was good but u have give more explanation



  10. TuanAnh
    Posted on April 23rd, 2008

    Great tut and cool result!
    keep it up ! :D



  11. Tim Dobson
    Posted on April 24th, 2008

    Love the outcome. Good work.


  12. [...] Create A Glassy Logobox [...]



  13. DS
    Posted on May 6th, 2008

    Wooooooooooow, very nice!!!, i don´t know if you can tell me, how to do the patter that you used on the first pic?? It´s soooo cool hehe..

    Thanks..



  14. unitechy
    Posted on May 24th, 2008

    very nice tutorial



  15. Abhijeet
    Posted on June 3rd, 2008

    Very cool effects nice tutorial


  16. [...] Glassy Logobox | Click here to view [...]



  17. 105+ Logo Design Tuts And Resources
    Posted on June 4th, 2008

    [...] Glassy Logobox Tutorial - How you display your logo can be almost as important as the logo itself. This tutorial will show you a simple and attractive way to present your logo so as to appear professional and elegant. [...]


  18. [...] Glassy Logobox Tutorial - How you display your logo can be almost as important as the logo itself. This tutorial will show you a simple and attractive way to present your logo so as to appear professional and elegant.. [...]


  19. [...] Create A Glassy Logobox [...]


  20. [...] Create A Glassy Logobox [...]




Want to comment? Leave feed back? Go on!


music mp3 download"