Now: Tutorial for Web and Software Design > Photoshop > Web Layout > Photoshop Content
> PhotoShop - Interface [Bookmark it]
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


[Bookmark][Print] [Close][To Top]
  • Prev Article-Photoshop:

  • Next Article-Photoshop:
  • Related Materias
    Old Photo's
    Photo Frames Never Easier!
    Realistic Spotlight Effect
    Smooth Button (video tutor
    Professional Web Host Layo
    Smooth Shapes (vieo tutori
    Turning A Sliced Image Int
    Some Pixel Art? Why Not!
    Realistic Microphone in Ph
    Creating A Basic Web Layou
    Topics
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Graphic Design Tutorial
     

    Coreldraw Tutorial

      Illustrator Tutorial
      3D Graphics Articles
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial&Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial&Articles
     

    XML Style Tutorial

      AJAX Tutorial
      XML Mobile
    Flash Tutorial&Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial&Articles
     

    Linux Tutorial

      Symbian Tutorial
      MacOS Tutorial