|
PhotoShop -Web Interface Design
Here you will be taught how to make a web interface
that is transparent. This design requires
that you use an image as your webpages background.
1) Open a new file, around 300 x 250pixels, with
any background color. I used black.
2) Make a white square on a seperate layer. Set
the opacity to 45-55%. This is going to
be the table for our web interface.
3) Click on the Polygonal Lasso Tool.

4) Now cut some corners.

5) Still using the polygonal lasso tool just
cut out lines from the square. Heres what i did.
You don't need to do this, but this gives our
website a more techy look.

6) Repeat step 5 until your happy with what you
have.
7) (OPTIONAL) If you want a boarder around your
table.
GO TO LAYER > EFFECTS > INNER SHADOW. Use
these setting with any color you want.
8) Now just add a background. I made this one
using my Space Warp tutorial. Thats it for our
web interface design tutorial.
You can add additional tables to your website
for navigation or whatever else you need.
|