Her

Home Photoshop Tutorials Web Layout How to Design a Portfolio Layout #4

How to Design a Portfolio Layout #4

Author: amitk Author's URL: www.talk-mania.com More by this author

Open a new document in photoshop
Size 760 x 770
Background color: #343434

Select Rounded Rectangle Tool ( set the radius to 5 pixels ) and create a simple rectangle

image 1

Then Go to Edit > Transform Path > Warp
And use the following settings:

image 2

This is the result

image 3

Then add the following layer styles

image 4

image 5

image 6

image 7

This is the result

image 8

Now i will show you how to create a nice vector brush
Create a new document . size 500 X 500 with a transparent background

Then with ellipse tool, create some circles ( when you create this circles, be sure you use the following buttons : Subtract from shape area (-) and Add to Shape area (+)

image 9

Create something randomly.
This is what i have

image 10

Now go to Edit > Define Brush preset...
Choose a name for your brush and press OK

Now let's come back to our layout. Create a new Layer ( press Ctrl+Alt+Shift+N )
Select brush Tool. Select the brush you have made

And start Drawing on the corner of the layout. be sure you have the same foreground color as our background. In my case #343434

image 11
Click to enlarge

I will use different brushes. if you want you can find another brushes with google.

Create a new layer above the background layer

Then please create another document with the following settings:
image 12

Zoom this document to 1600% and with the Pencil Tool Draw 3 points:

image 13

After that go to Edit > Define Pattern...
Choose a name for your pattern and press OK

Then you can close this document.

Grab Paint Bucket tool, Use the following settings

image 14

And fill the document with this pattern
this is my result

image 15
Click to enlarge

Now add some images and text on your layout

image 16
Click to enlarge

Add the following layer styles for the buttons

image 4

image 5

image 6

image 7

result :

image 21

Now add half circles under your buttons

image 22

Then you can add another small circles ( with brush tool )

This is my final result

Portfolio Layout #4
Click to enlarge