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 #4

Portfolio Layout #4


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

Click to enlarge
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

Click to enlarge
Click to enlarge

Now add some images and text on your layout

Click to enlarge
Click to enlarge

Add the following layer styles for the buttons

image 17

image 18

image 19

image 20

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 Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: amitk
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Portfolio Layout #4"

Only registered users can write comment

No comments yet...