Illustrated designs

Online Photo Portfolio

Online Photo Portfolio - part 1
This tutorial will show you how to create a clean looking layout for your portfolio.

Create a new file (File>New) with 766x699 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 4x4 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



Pages: « Back  1 2 3 4 5 6 7 8  Next » 

Popular Tutorials

Create Design Studio Website in Photoshop CS3Making your own portfolio web page in Photoshop CS3Create Photo Portfolio Web Page Layout in Photoshop CS3Create Online Photo Portfolio in Photoshop CS3Create Portfolio Web Layout in Photoshop CSCreate Design Studio Website in Photoshop CS3Create Professional Design Studio Web Layout in Photoshop CSCreate Web Page Design Layout in Photoshop CS3Create Web layout for Night Club web site in Photoshop CSCreate Stylish web navigation template in Photoshop CS3

Latest Tutorials

Design grunge wordpress theme in Adobe Photoshop CS4Create contemporary web layout for your design studio in Adobe Photoshop CS4Create a trendy portfolio layout in Adobe Photoshop CS4Create a clean Freelancer portfolio layout in Adobe Photoshop CS3Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Subscribe via RSS



Your Favorite Articles

View All Favorites

You Recently Viewed...

No popular authors found.
No popular articles found.