website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Portfolio Layout
rss

Portfolio Layout

Author: amitk More by this author


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.

Portfolio Layout image 1

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

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

Portfolio Layout 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

Portfolio Layout 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.

Portfolio Layout image 5

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

Portfolio Layout 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.

Portfolio Layout 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.

Portfolio Layout image 8

This is my final result

Portfolio Layout image 9



Author's URL: www.talk-mania.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Portfolio Layout"