Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Making your own Portfolio Web Page

Making your own 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.

image 1

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

image 2

Gradient's parameters:

image 3

image 4

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.

image 5

The layer's parameters: Blending Options>Inner Glow

image 6

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:

image 7

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.

image 8

image 9

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

image 10

image 11

Download out of Internet a set of ready to use brushes for Adobe Photoshop, named Bush Pack v1.

Create after that a new layer (Create new layer) and use on it the brushes out of the above mentioned set. Place the brushes' layer lower than the author's photo (on the layers' panel). The brushes' color is white and the Opacity on the layer is of 10%.

image 12

image 13

image 14

On the next layer (Create new layer) we'll apply again the brushes out of the downloaded set. The brushes have the white color (Opacity of 20%). This layer should be placed also lower than the layer containing the site's author's photo.

image 15

image 16

Download out of Internet another set of ready to use brushes for Adobe Photoshop, named this time Vector_brushes.

Create a new layer where we should use the brushes out of the mentioned set, Vector_brushes. The brushes have the white color too. The brushes may be turned over with Free Transform selection. This layer should be placed also lower than the layer containing the author's photo (on the layers' panel).

image 17

image 18

On the next new layer we have to apply a standard brush of white color.

image 19

image 20

Create one more new layer (Create new layer), applying on it again the Vector_brushes. The brushes have white color (Fill 20%). This layer should be situated lower than the layer with the author's photo (on the layers' panel).

image 21

image 22

image 23

Next step includes writing the title of the site, keeping the demands from the table below:

image 24

image 25

The parameters for the personal named layer: Blending Options>Outer Glow

image 26

Blending Options>Gradient Overlay

image 27

Gradient's parameters:

image 28

The parameters for the page named layer: Blending Options>Outer Glow

image 29

image 30



Author's URL: Adobetutorialz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Making your own Portfolio Web Page"

Only registered users can write comment

Reader's comments