Here you will see how nethskie and i create the WhiteFlame and MoonFlower Glass borders and logoff/shutdown screen

1. first open photoshop then open a your favorite image for example I will use this “Drops on leaf” image.

2. Go to layer then create new layer (a transparent layer)



3. then click the rounded rectangle tool then change it’s radius to 7px then draw a rectangle in any size like shown in this picture.



4 after that go to layer>layer style>blending options then follow this pictures:



Copyright of Tutorial Kaye Irene and nethskie Source Author's Page link
5. then after that click ok to apply then change the opacity to 90% and fill to 20% (or any value that suits you)



6. then it’s done it’s that easy but you can save it as a separate glass png of your own just hide the view of the background “Drops on Leaf” follow this screenshot then save it as png



7. you can also add an overlay image or a light effect on the glass like the stream.png light effect or my WhiteFlame glass effect which is the one im using just click the selection using magic wand (the rounded rectangle then copy the stream.png for example) and paste it into the selection like in this screenshot



8. after that choose your desired opacity for the overlay image for example 30%


9. after that you can manually create a glow effect on it’s sides just draw with a colored 1px line tool or any method you like and it’s done hope it helps ^_^

[attachmentid=162250]

Copyright of Tutorial Kaye Irene and nethskie Source Author's Page link

Hey Kaye,

I originally read this tutorial over at Joejoe.org, and wanted to say thanks for such a concise and easy glass method

love it, thanks

Looks so good. Finally a quality glass tutorial.

im a new photoshop user, and looking for future tutorials in the future.

not bad
Cosmin

It worked for me .

Any chance of a tutorial for transparent start menus .

Gr8 Tutorial , Thanks

it's very very good tutorial ...10x gr8 job

i'am newbie in photoshop but i want lo lear nore
i have cs 10 lite
1..i can't save like png ...why?
2..can't find white flame effect

for step 2, how did u create a "transparent layer??
and for step 3, how did u make that rectangle? when i make it, its just a rectangle with dashed lines instead of a black box....
any help?

Nice thank you!!

stop thanking when this thing dont even work!!!
read my previous post and help???

step 2 = Layer tab -> new layer. Color NONE - thus no color, it's transparant.

step 3 = the rounded rectangle is just below the T icon on tools. click and hold, select the rounded rectangle tool. You're selecting the dashed rectangle tool on the top left of the toolbar which is used for SELECT.

So, as you can see, it is your lack of following directions that made it fail.

Obviously it does work this is basic photoshop stuff, maybe you should go and practice some more

Great tutorial..worked perfectly for me :-) Thanks.

awesome tutorial, it rocks

more explanation on step 6 and 7 please?
the wording of step 6 is kinda confusing... sorry im a n00b here, but we all have to start somewhere rite?

I have made it! LARGE thanks!