Blue Sfear Digital Art Community
Digital Art Community
nav top
Photoshop, 3D Studio Max, Flash and many other tutorials
Fonts, photoshop grunge brush downloads
Webmaster Related Articles
Digital Art/Community Art
Webmaster Resources
Art Forums
Affiliates and Links
Contact BlueSfear
Digital Art
 

Photoshop
-------------------
- Effects
- Interface
- Textures/Patterns

3D Studio Max
--------------------
- Modeling
- Effects
- Materials
--------------------

Enter our Montly Graphics Battles and Win $100!!

 

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.

 
BlueSfear Featured Sites
right side

Affiliates
divider
Link to Us
Blue Sfear Art Community
[Advertising | Site Map | Art | Photoshop Tutorials | 3D Tutorials | FreeDownloads]
Copyright © 2000 - 2006 BlueSfear Pivate Policy