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

PhotoShop - Interface


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

image 1

3. Click on the Polygonal Lasso Tool.

image 2

4. Now cut some corners.

image 3

5. Still using the polygonal lasso tool just cut out lines from the square. Heres what i did.

image 4

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.

image 5

image 6

8. Now just add a background. I made this one using my Space Warp tutorial. And now you have a nice table.

PhotoShop Interface Tutorial: Final Result



Author's URL: BlueSfear
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 "PhotoShop - Interface"

Only registered users can write comment

No comments yet...