Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Another Portfolio Layout #3
rss

Another Portfolio Layout #3

Author: amitk More by this author


Start a new document in photoshop
The size should be 800 x 700 pixels
background color: #29251c

Select Rectangle Tool, and make 2 shapes on your layout ( next image is zoomed out to 66 % )

image 1

We will create a new pattern because we will need it
Open a new document in Photoshop
This document should be 40x40 pixels with a transparent background.

Now create a new layer ( Press Ctrl+Shift+Alt+N )
Select Paint Bucket Tool and fill this layer with black ( this layer we will delete at the end of the tutorial )

Now zoom your document to 1600 %

Create another layer ( press Ctrl+Shift+Alt+N )

Select Pencil tool. Change the brush size to 1 pixel and make the following drawing within a white color.
The next image is zoomed by 1600 %

image 2

Delete the black layer

image 3

Then Go to Edit > define pattern
Chose a name for your pattern and click ok

Then return to the layout document. Select Rectangular marquee Tool and make a selection

image 4

Create a new layer ( press Ctrl+Alt+Shift+N )
Select paint bucket tool
Set the settings as in the following image ( use the pattern from above )

image 5

Then click one time inside the selection

image 6

Press on the " Add layer mask button "

image 7

Select Gradient Tool
Set the foreground color to black, and the background color to white
And start drawing a simple vertical line ( follow the red arrow )

image 8

Then reduce the opacity for this layer with diagonal lines

image 9

Select Rounded Rectangle tool ( set the radius to 3 pixels ) and start drawing a shape
please use the following color for this shape #1e1a0f

Click to enlarge
Click to enlarge

Then add a image with some clouds

Click to enlarge
Click to enlarge

Then Change the layer mode to Vivid Light

Click to enlarge
Click to enlarge

The next step is to add more details. for example i will add a lighthouse

image 13

Then i will add some grass. this you can add with some brushes or just simply search with google some nice " bushes "
In my case i have used a grass brush. I am sure you can find some good brushes over the internet. One day i will post some of my brushes

image 14

Then make a selection like me. be sure you have the layer with the green grass selected,

image 15

then press delete on your keyboard. And deselect your selection ( to deselect press Ctrl+D )

image 16

Now create some buttons on your layout

image 17

Then add the following layer styles for this buttons. In the same time with the Type tool, create also some text, and place it on your button

image 18

image 19

image 20

As i have told you i will add also some text on the buttons, and i will add also in another part of the layout. this is a very simple task ( With the Type tool ) you can add text where do you think it fits better

Click to enlarge
Click to enlarge

Then i will add some images, and a square ( with Rectangle Tool ) For this rectangle tool use the following layer style

image 22

This is the result

Click to enlarge
Click to enlarge

Then add another details. Select Rounded Rectangle tool ( set the radius to 5 pixels ) and make some shapes on your layout

Click to enlarge
Click to enlarge

Then add the following layer styles

image 25

image 26

Add the same layer styles for all the shapes and you will get this result
You can see that i have added also another text. This small squares are perfect for images, i don't have right now some images , that's why i have used this shapes

image 27

Now select Type Tool, and write some minus dots " ...... "
rasterize the type ( Go to Layer > Rasterize > Type )

And place the doted line like me

image 28

Then add a text logo and i think you are done with this layout
This is the final image

Another Portfolio Layout #3 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 "Another Portfolio Layout #3"