Follow me on Twitter RSS FEED

Creating Transparant(Glassy) Layer For Web Page

Posted in
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
Now the image file is created.
Step 2:
  • Now in the HTML page use the image created above any other images.
Now this is called UI Experience.

0 comments:

Post a Comment