Dr Photoshop Logo

Photoshop Tutorials

Photoshop Tutorial Design Layout 3

Design Layout 3

Learn to create a folder layout.
October 29 2005 | 31058 clicks | download psd | email this |

Make the background 353434. Take the rounded rectangle tool at 10px and create a large box. This will be the main content you can make it any color.

 

Using the pen tool create a small trapezoid at the top and bottom of the box. Put these layers below the rectangle layer.

 

Import a photo, I provide a example, and map it to the rectangle. Use the magic wand to select the rectangle then click the photo layer. Click on the mask button on the bottom of the layers panel. Apply the effects to both trapezoids and the photo.

 

 

 

 

Image

 

Navigation and content menus
Take the rounded rectangle tool and make a small box from the color used for the background. This will be the navigation Make another large box for the content. Apply these effects.

 

 

 

Add some text for the navigation, content and tabs. I used perfect pixel font and "04b_03b".

Final Result

 


Pixel Groovy
Discuss the Adobe Photoshop tutorials on the forums. You can find the photoshop files to download there too.

Photoshop Tutorials




Photoshop Podcast Dr Photoshop RSS Delicious technorati

Latest Tutorials


Latest Resources


Latest News


Affiliates

Stilistic Dev TutorialFx Swe Designz tutorialkit.com Bio Rust Graphic Addicts Fire Throttle Blues Fear all affiliates

Dr Photoshop PodcastVideo Podcast


2 Free Stock Photos from big stock photo, you can get 2 stock photos of your choice

All images, tutorials and articles are property of Dr. Photoshop
home | tutorials | resources | forums | about | affiliates