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

Portfolio Layout #6

Author: amitk More by this author


Let's start with a new photoshop document

Size 760 x 770 pixels
Background color : White

Select Rounded Rectangle Tool ( set the radius size to 10 pixels )
then create 2 big shape like in the following image

Click to enlarge
Click to enlarge

Now please rasterize the black shape

image 2

Then Load the selection for the red shape ( to load the selection you need to hold the Ctrl key down and with your left mouse click press on the red layer thumbnail ( in your layer palette )
then you can see a selection around your red shape

image 3

In your layer palette select the black shape layer
then hit Delete on your keyboard.
Delete also the Red shape layer and you should have something like that
Press Ctrl+D to deselect

Click to enlarge
Click to enlarge

Select rectangular Marquee Tool and make a selection at the bottom of our layout

Click to enlarge
Click to enlarge

Then hit " Delete " key from you keyboard, then Press Ctrl+D to deselect
you should have something like that

Click to enlarge
Click to enlarge

Now for this shape please the following layer styles

image 7

image 8

image 9

image 10

image 11

image 12

image 13

image 14

image 15

image 16

This is my result

image 17

Now select Rounded rectangle Tool one more time , and try to create 4 new rectangles . Please place it like me

Click to enlarge
Click to enlarge

Now add the following layer styles for the top shapes

image 19

image 20

image 21

image 22

here is my result

Click to enlarge
Click to enlarge

now for the bottom shape please add the following layer styles

image 24

image 25

image 26

This is the result

Click to enlarge
Click to enlarge

Select Ellipse Tool and create a small shape , and place it like me

image 28

For this small circle you can add the following layer styles

image 29

image 30

image 31

image 32

This is my result

image 33

Duplicate this small circle and place it on the right side of your layout

Click to enlarge
Click to enlarge

Now go to www.free-photoshop.com and download the Brush #8 Set
Load the brushes in photoshop ( i assume you know how to load the brushes. if not please reply and i will teach you )
If you have already a few good brushes please use them .

After you have this brushes please create a new layer ( press Ctrl+Shift+N ) Then use a brush which you like most. Set the foreground color to a light green: #7fe600
And with brush tool press one time on your canvas

image 35

Duplicate this layer ( Ctrl+J ) and use this layer style

image 36

Then choose a small rounded Brush and delete some parts of this last layer. This will create a nice effect for our flower

image 37

In the brush #8 set from www.free-photoshop.com you can find more brushes and you can use them for this layout.
please add as many flowers you want on your layout

This is my result

Click to enlarge
Click to enlarge

now it is time to add some text and images. I am sure everybody on talk-mania knows how to add some text.

Click to enlarge
Click to enlarge

Now Select Rounded rectangle Tool and create some small shapes. Place them like me. You can see that i have used a red color for this shapes

image 40

then for all this red layers add the same layer styles

image 41

image 42

This is my result

image 43

Then near each shape add a small black line

image 44

Then drag this layers right above the background layer
This is my result

image 45

Do the same for the other part

image 46

Now select the background layer, and with the Gradient Tool draw a line from top to bottom of the layout

this are the settings for the gradient

image 47

And this is my result

image 48

Then you can download the Brush #5 -Clouds Set from www.free-photoshop.com
Load the brushes in Photoshop, then create a new layer right above the background layer and add some clouds on your layout

Click to enlarge
Click to enlarge

Then select line Tool, Set the line weight to 10 pixels, and the foreground color to Black, and make a line under the layout

Click to enlarge
Click to enlarge

then go to Filter > Blur > Gaussian blur
You will be asked if you want to rasterize the shape. please click OK

Then in the Gaussian blur window use the following settings

image 51

You can reduce also the opacity value for this layer to 30 $
This is my result

image 52

Now you can add a image on your header, and i will add a butterfly
This is my finale result

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