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

Portfolio Layout #5


Open a new document

Size: 760 x 770 pixels
Background color : #222222

Select Rounded Rectangle tool. Set the radius size to 70 Pixels and create 2 shapes

image 1

Duplicate the big shape ( to duplicate a shape first you need to select the layer in your layer palette then you must press Ctrl+J )

Place your layer like me

image 2

For this big shapes add the following layer styles

image 3

image 4

image 5

image 6

This is my result

image 7

Select Ellipse tool and create 4 circles

image 8

Then add the following layer styles

image 9

image 10

image 11

This is my result

image 12

With the same tool ( Ellipse tool ) create another circles and place them on top of the other circles like in the following image. I will create the following shapes with another color so you can see better what i am doing

image 13

For this blue shapes please add the following layer styles

image 14

image 15

image 16

image 17

image 18

image 19

image 20

image 21

This set of styles you can download it from this www.free-photoshop.com

This is my result

image 22

Now please download also this set of brushes from Free-photoshop.com

Create a new layer ( press Ctrl+Shift+Alt+N )

And chose the 4th brush from this set

Press One time on the layout with brush tool

image 23

Duplicate this layer with dots and place the duplicated layer like me

image 24

Select all the layers with this dots and drag them under the blue circle layers

image 25

Duplicate this layers with dots and place them under each blue circle

image 26

Now for the small shape from the top of our layout add the following layer styles

image 9

image 10

image 11

This is my result

image 30

Create another shape on top of this one

image 31

And add the following layer styles as above:

image 14

image 15

image 16

image 17

image 18

image 19

image 20

image 21

This is my result

image 40

Now add alone some text

image 41
Click to enlarge

Select Ellipse tool and start creating some small circles

image 42

For this shapes add the following layer styles

image 43

image 44

image 45

image 46

This is my result

image 47

Select pen Tool

Use the following settings

image 48

And start to create a path

image 49

Select a 3 Pixel brush ( Hard mechanical 3 pixels )Create a new layer ( press Ctrl+Shift+Alt+ N )

Be sure you have the Brush Tool selected

Then go to Path Tab and press on " Stroke path with Brush " button

image 50

This is my result

image 51

Repeat this steps from above, and make as many lines you need

image 52

Now for all this lines add the following layer styles

image 53

image 54

image 55

image 56

image 57

This is my result

Portfolio Layout #5
Click to enlarge

I hope you like it.



Author's URL: amitk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Portfolio Layout #5"

Captcha