website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Personal Portfolio Layout
rss

Personal Portfolio Layout

Author: Hv-Designs.co.uk More by this author


Create a new document 850x1200 pixels, double click your background layer, press ok when the box pops up, doing this will unlock the background layer. Add this gradient overlay to your background layer.

Personal Portfolio Layout image 1

Select the rounded rectangle tool, draw out a black rectangle.

Personal Portfolio Layout image 2

Grab an image you want to use for your header, open it up in photoshop, copy it to the clipboard then head back over to your original canvas.

Click on your black rectangle layer whilst holding down the ctrl key, this will make a selection. Now goto "edit > paste into" you are free to move the pasted image around, but as you will see it will only move about within the rectangle. Hide your black rectangle layer and add your header text.

Personal Portfolio Layout image 3

Select the pen tool and create a selection like this.

Personal Portfolio Layout image 4

On a new layer fill with the color white, set layer opacity to about 12%.

Personal Portfolio Layout image 5

With the polygonal lasso tool create a box above your header like this.

Personal Portfolio Layout image 6

Fill with any color then add these layer styles.

Personal Portfolio Layout image 7

Personal Portfolio Layout image 8

Add your navigation items to complete the effect.

Personal Portfolio Layout image 9

For this next part your going to need a picture of a flower, and some weed type brushes, cut the background from the flower and add it your header.

Personal Portfolio Layout image 10

Try and rotate the flower here and there and resize it so it all doesn't look the same, I've also colorized some of mine in lighter colors. Now add your weeds on a layer behind the flowers.

Personal Portfolio Layout image 11

On another new layer underneath all your header layers draw out a rectangle the same width as the header. Copy/paste the layer styles we added on the navigation.

Personal Portfolio Layout image 12

Add some elements to your box, I've decided to add a newsletter box and some tasty teaser gallery pictures.

Personal Portfolio Layout image 13

Select the colors #242323 & #000000 create a big square the same width as the header, drag a linear gradient over your box. Find an image you would like to use in your portfolio remove the background and add it into your box.

Personal Portfolio Layout image 14

Duplicate your image, then blur the original layer by about 4%. Set the layer opacity on the duplicated later to about 65%.

Personal Portfolio Layout image 15

Now begin to add your content.

Personal Portfolio Layout image 16

Now with the pen tool or warp tool create a shape like this.

Personal Portfolio Layout image 17

Copy/paste the layer styles from your navigation. Continue to add the weeds and flowers as you did in your header.

Personal Portfolio Layout image 18

Finished!

Personal Portfolio Layout Tutorial: Final Result



Author's URL: www.hv-designs.co.uk

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Personal Portfolio Layout"