Illustrated designs

Making your own portfolio web page

Making your own portfolio web page - part 1
Need personal web page? In this tutorial we will learn to create nice personal portfolio web page.

Start working by creating a new file (File>New), having 770x750 px and 72 dpi. We shall use on this new made file the Rectangle Tool (U) to represent the background of the site’s page to be.

Making your own portfolio web page in Photoshop CS3

Set the next parameters for this layer by making a mouse click on the layer we work with on the layers’ panel: Blending Options>Gradient Overlay

Making your own portfolio web page in Photoshop CS3

Gradient’s parameters:

Making your own portfolio web page in Photoshop CS3 

Making your own portfolio web page in Photoshop CS3

Choose again the Rectangle Tool (U) to represent that place reserved for the author’s portrait and the lateral menu. Firstly we have to represent the common primary layer and then press Alt button
to divide the zones, applying the same tool, used before.

Making your own portfolio web page in Photoshop CS3

The layer’s parameters: Blending Options>Inner Glow

Making your own portfolio web page in Photoshop CS3

Take now the site’s author’s photo and insert it on the picture. Don’t forget to apply Free Transform option to place the photo the same way indicated next image:

Making your own portfolio web page in Photoshop CS3

Press Alt button and make a mouse click between the photo’s layers and the prepared zone (on the layers’ panel) for the photo to get in the frame’s limits. Create also the lateral menu.

Making your own portfolio web page in Photoshop CS3 

Making your own portfolio web page in Photoshop CS3

Next make a click on the bottom part of the layers’ panel on Create new fill or adjustment layer> Photo Filter

Making your own portfolio web page in Photoshop CS3



Popular Tutorials

Create Stylish WebStudio Web Layout in Photoshop CSCreate Web layout for Night Club web site in Photoshop CSCreate a professional design studio layout in Photoshop CS3Create Personal Site Layout in Photoshop CSCreate Professional Design Studio Web Template in Photoshop CSCreate Sound System Studio Web Layout in Photoshop CS3Create Modern Web Layout in Photoshop CSCreate Design Studio Website in Photoshop CS3Create Web Page Design Layout in Photoshop CS3Create Photo Portfolio Web Page Layout 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



You Recently Viewed...

No popular authors found.
No popular articles found.