Online Photo Portfolio
October 24th, 2007 by ART-D Posted in Adobe Photoshop, Web Layout
This tutorial will show you how to create a clean looking layout for your portfolio.
Create a new file (File>New) with 766×699 px and 72 dpi.
Choose after that the Rectangle Tool (U) to represent the background of the site’s page to be next:
Apply the next layer’s parameters by making a mouse’s click on the corresponding layer on the layers’ panel. Blending Options>Gradient Overlay
Gradient’s parameters:
Create a new layer of 4×4 px and 72 dpi. Select then the Pencil Tool (B) to represent a pattern of white color.
Edit>Define Pattern
It’s time to represent on the upper part of the background a thin stripe, applying the same Rectangle Tool (U).
The layer’s parameters: Fill 0%
Blending Options>Pattern Overlay
Using the same instrument above the made stripe, try to make another one, colored with #BBDD03 




























Türks Bilişim
09/09/2009
this, very thank you..
Your site full professional and very beautiful…
css ajax styles
09/09/2009
yes this article is very fine.
vezir
01/03/2010
eeeeexcellent!!!!
Webdesign Mannheim
15/07/2010
Thanks a lot
Philliptan
17/07/2010
Thanks a lot , this is useful and i love your article !!!
Craig
08/09/2010
Great tutorial and really nice finished design, Thanks!
Lisa Thomason
20/09/2010
Wow! Fantastic online photo portfolio tutorial, very easy to follow, Thank you. LT
Md. Afsar Khan
07/11/2010
Very beautiful article realy …
but please let me know how can we make it live i mean slicing and setting in dreamweaver etc.
kenichifc
17/12/2010
thanks for tutorial. Love it, simple and effective
9633a
31/12/2010
Thank you for the tutorial
It is very beautiful
Ajveth
19/01/2011
Thank u this tutorial is very useful
โหลดเพลงฟรี
14/04/2011
very nice for this theme
Kapil
27/10/2011
very nice and eye catching website theme
thanks
amrew
04/12/2011
very nice