Glassy Logobox
By Michael in TutorialsSo 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.
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.
Drop the opacity of our current outline down to eight percent
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.
So now after airbrushing off the tip, you should have something along the lines of this:
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:
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.
After that take that layer and flip it vertically and align closer to the bottom. It should look something like this:
Duplicate it once again and just move it to the top.
Add the logo or text you wish to have and get ready for the next step
Duplicate our original outline again and following the Diagrom below using your Elliptical Tool cut out a curve.
Lower the opacity to 8% and you are now done.
Below are two examples side by side. A logo/text:
Thank you for reading and i hope you enjoyed this tutorial!
rizalp
Posted on March 30th, 2008
Nice tutorial. Thanks. This was just what i looking for
BITCHY_BITCH
Posted on April 2nd, 2008
FUCK OFF THATS COOOOOOOOOOOOOL !!!
Alvin
Posted on April 2nd, 2008
Thanks For This Great Tut.
Preston Lewis
Posted on April 3rd, 2008
so how do we get these BG files and such?
Hot Photoshop Tutorials Weekly (#2) » Free Photoshop Tutorials and Resources
Posted on April 4th, 2008
[...] Glassy Logobox - Photoshop Tutor [...]
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.
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.
CKS Studios » Blog Archive » Showcase your logo in GLASS
Posted on April 17th, 2008
[...] [LINK] Read More Post a Comment [...]
Krishna
Posted on April 21st, 2008
this was good but u have give more explanation
TuanAnh
Posted on April 23rd, 2008
Great tut and cool result!
keep it up !
Tim Dobson
Posted on April 24th, 2008
Love the outcome. Good work.
25 More Most Incredible Photoshop Tutorials
Posted on May 4th, 2008
[...] Create A Glassy Logobox [...]
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..
unitechy
Posted on May 24th, 2008
very nice tutorial
Abhijeet
Posted on June 3rd, 2008
Very cool effects nice tutorial
Help Developer - CSS, Dreamweaver, Gimp, HTML, JavaScript, PHP, VB.NET, Visual Studio, Wordpress Tutorials » Blog Archive » Top 10 Photoshop Tutorials of May
Posted on June 3rd, 2008
[...] Glassy Logobox | Click here to view [...]
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. [...]
Logo Design Tutorials And Resources | adtech ile reklam 2.0 dönemi başlıyor ve Trkycmhrytllbtpydrklcktr r10.net seo yarışması
Posted on June 7th, 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.. [...]
5 Incredible Photoshop Tutorials | Free Adobe Photoshop Tutorials
Posted on June 26th, 2008
[...] Create A Glassy Logobox [...]
ARAMA BURDA VAAAAAAR » 25 PHOTOSHOP ÖRNEK
Posted on June 26th, 2008
[...] Create A Glassy Logobox [...]