Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Photography portfolio

Place the photo above the photo’s layer on the layers’ panel. Hold on Alt button and make a mouse click between the photo’s layer and the layer containing the photo of the portfolio’s author.

Create Photo Portfolio Web Layout in Photoshop CS3

Insert the text in the author’s section:

Create Photo Portfolio Web Layout in Photoshop CS3

(WELCOME)

Create Photo Portfolio Web Layout in Photoshop CS3

(TO MY WEB SITE)

Create Photo Portfolio Web Layout in Photoshop CS3

(Bold text)

Create Photo Portfolio Web Layout in Photoshop CS3

(simple text)

Create Photo Portfolio Web Layout in Photoshop CS3

Insert also the additional links in the author’s section:

Create Photo Portfolio Web Layout in Photoshop CS3

Create Photo Portfolio Web Layout in Photoshop CS3

Create a new layer and choose this time the Pencil Tool (B) (1px) to represent the pointers near the links. The color is white.

Create Photo Portfolio Web Layout in Photoshop CS3

Find in Internet a picture representing a photo camera, cut it out and introduce it on our picture:

Create Photo Portfolio Web Layout in Photoshop CS3

Make a copy of the camera’s layer and choose the Free Transform option to turn over the copy and to place it the way shown below:

Create Photo Portfolio Web Layout in Photoshop CS3

Make a mouse click on Add a Mask option on the same layer on the layers’ panel and choose the Gradient Tool (G) of black color.

Create Photo Portfolio Web Layout in Photoshop CS3

Try to represent now the site’s menu situated on the bottom part:

Create Photo Portfolio Web Layout in Photoshop CS3

Create Photo Portfolio Web Layout in Photoshop CS3

It’s time to use the Pencil Tool (B) (1 px) and white color to represent the vertical dividing lines:

Create Photo Portfolio Web Layout in Photoshop CS3

Create Photo Portfolio Web Layout in Photoshop CS3

Finished!

View full size here.

Page: 1 2 3 4 5 6 7 8

Comments