Lets start creating Glassy Layer.
Step1:
- Fire Photoshop CS2 and above
- Double click on the layer to unlock it
- Erase the white using Eraser tool
- You ll see black and white checks (transparent area)
- now add any image or graphics
- By selecting the item you added previously change the opacity to 45% range
- after that File->Save for Web & Device...
- Select the type as png-24 which is found below presets and save it
Step 2:
- Now in the HTML page use the image created above any other images.
Now this is called UI Experience.