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

Portfolio Layout


1. Create a new document with the size 800 x 1500 pixels and fill the background with the color #3e3a37.

2. Select Rounded Rectangle Tool, set the Radius to 15 pixels then make a rounded rectangle in the left side of the wallpaper. Then open the Layer Style window and use the settings from the next image.

image 1

3. Duplicate the rounded rectangle, flip it horizontal, then place it in the right side of the layout.

image 2

4. Make another rounded rectangle with the same radius of 15 pixels, then open the Layer Style window and add the next settings.

image 3

5. Add the logo, the name of the site and the content in the sidebar. That nice box from my sidebar is from www.theiconlab.com

image 4

6. Select Pencil Tool, select a square pencil with the size of 1 pixel, go to Window > Brushes and use the next settings to make dotted lines between the sidebar titles.

image 5

7. Make another rounded rectangle for the copyright info in the sidebar.

image 6

8. Add the content for the site. I used a nice image from flickr.com. Also, I used the font Verdana, and the sizes 12 and 16 pixels. The color of the ‘continue reading’ link is #ff6000.

image 7

9. Make a rectangular selection at the bottom of the layout and fill it with the color #5e5853, then add the content for the footer.

image 8

This is my final result

Portfolio Layout



Author's URL: amitk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Portfolio Layout"

Captcha