Photoshop  Home Photoshop Web Layout Personal Portfolio Layout
rss

Personal Portfolio Layout

Author: amitk More by this author


Open a new document in photoshop

Size should be as usual 760x770 pixels.
Color background : #333333

Select Rounded Rectangle Tool ( set the radius size to 10 pixels )

Then create a simple rectangle

image 1

Add the following layer styles

image 2

image 3

image 4

image 5

image 6

image 7

image 8

image 9

image 10

This is the result

Click to enlarge
Click to enlarge

Duplicate this shape and place it will a little bit to the right. In your next image you can see that i have already applied some layer styles which you can find it after the following image

Click to enlarge
Click to enlarge

This are the layer styles for the blue

image 13

image 14

image 15

image 16

image 17

image 18

image 19

image 20

image 21

Now duplicate the blue shape, and move it to the right

Then apply the following layer styles

image 22

image 23

image 24

image 25

image 26

image 27

image 28

image 29

image 30

This is the result

Click to enlarge
Click to enlarge

Duplicate this last rectangle and place it on the right side,

Then add the following layer styles

image 32

image 33

image 34

image 35

image 36

image 37

image 38

This is the result

Click to enlarge
Click to enlarge

Then write the same tool. Rounded rectangle tool, create another shape, please use the following color as the background. #333333

Click to enlarge
Click to enlarge

Then add the following layer styles

image 41

image 42

image 43

This is the result

Click to enlarge
Click to enlarge

Now add some text on the layout,

image 45

and also some images on the right side

Click to enlarge
Click to enlarge

Select ellipse tool , and create some small circles

image 47

Then select Rectangle tool, and make a simple rectangle

image 48

Then go to Filter > Distort > Polar Coordinates

You will be asked if you want to rasterize the shape. Press yes

Use the following settings for the polar coordinates, and press OK

image 49

I have moved, and rotate this layer , and you can see the result in the following image

image 50

In the next image you can see 4 different shapes, you can duplicate the first one , and place it a little to the right

Then i have duplicate the first layer two more times, and i have flipped vertically, then with my mouse i have placed like in the next image

image 51

Then with the Rounded Rectangle Tool, i have created another shape, and place it like in the following image, then i have duplicate the circles from above, and place it on top of the shape

image 52

Now you have completed the tutorial from today. I will wait you tomorrow for another new tutorial

This is the end result

Personal Portfolio Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: www.talk-mania.com

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"