Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Interface 1

Interface 1


Here you will be taught how to make tables for your interface.

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%.

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.

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. And now you have a nice table.

Interface Tutorial: Final Result


Author's URL: Bluesfear.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Interface 1"

Only registered users can write comment

No comments yet...