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.

Create Online Photo Portfolio in Photoshop CS3

Choose after that the Rectangle Tool (U) to represent the background of the site’s page to be next:

Create Online Photo Portfolio in Photoshop CS3

Apply the next layer’s parameters by making a mouse’s click on the corresponding layer on the layers’ panel. Blending Options>Gradient Overlay

Create Online Photo Portfolio in Photoshop CS3

Gradient’s parameters:

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

Create a new layer of 4×4 px and 72 dpi. Select then the Pencil Tool (B) to represent a pattern of white color.

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

Edit>Define Pattern
It’s time to represent on the upper part of the background a thin stripe, applying the same Rectangle Tool (U).

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Pattern Overlay

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

Using the same instrument above the made stripe, try to make another one, colored with #BBDD03

Create Online Photo Portfolio in Photoshop CS3

  •  

  •    
  •  

 

Post Pages: 1 2 3 4 5 6 7 8

  • 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 :D

  • 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

Our team holds the responsibility of highly updated and current 642-661,642-262 and CISA to pass.Our 642-374 and 350-030 is not a big challenge.