Photoshop-Pack Features Photoshop-Pack Tutorials Photoshop-Pack Support Forums
Post Pic

Clean & Stylish Interface Design – Photoshop Tutorial

Preview:

Clean and Stylish Navigation Interface Design.

Step 1:

Let’s start out by creating a new file. I used a 900×200 pixels canvas set at 72dpi, and I filled my background with white. In a new layer draw a long rectangle with #0077D3 color shade and 823 x 11 px dimensions. Then uder Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options.

Result:

Step 2:

In a new layer draw a blue rounded rectangle with #0077D3 color shade and 136 x 55 px dimensions. Now cut the bottom corners of your blue rounded rectangle. Then uunder Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options.

Result:

Step 3:

Create a new layer, below your thin long rectangle draw a long light shade rectangle with #EEEEEE color shade and 823 x 32 px dimensions. Then under Layer Style(Layer > Layer Style) add a Drop Shadow and Gradient Overlay blending options.

Result:

Step 4:

Select the Horizontal Type Tool then set the font family to Arial, regular, 11 pt, smooth and #0077D3 color shade. In a new text layer type your navigation links on the light rectangle design.

Step 5:

In a new text layer type your name on the blue rounded rectangle using font Arial, bold, 11 pt, smooth and white color shade.

Results:

Clean and Stylish Navigation Interface Design.

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Design Float
  • LinkedIn
  • Live
  • MySpace
  • Reddit
  • Technorati
  • TwitThis


One Response

[...] Through Photoshop Tutorial 7. Create a Photo Collage from Color to Black and White Effect in PS 8. Clean & Stylish Interface Design – Photoshop Tutorial 9. How to Create a Basic House Icon in Photoshop 10. How to Create a 3D Floorplan in Illustrator [...]

Leave Your Response

* Name, Email, Comment are Required

Sponsors

About Photoshop-Pack

Photoshop-Pack is your number one resource for Adobe Photoshop Tutorials, Interviews, Inspiration, Videos, Tips, and Support for the beginning, intermediate, and advanced user.

Contact us at info[at]photoshop-pack.com if you have comments, suggestions, or would like some more information about us.

Online Casino