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

BIZ Layout


I will create another business layout

image 1
Click to enlarge

Open a new document in photoshop

Size : 760 x 770 pixels
Background color : White

Select Rounded Rectangle Tool, ( set the radius to 10 pixels ) and start creating a 2 shapes

image 2
Click to enlarge

Select the small shape layer and go to Edit > Transform > Skew

Use the following settings

image 3

This is my result

image 4

Select the big shape and follow the Steps from above

This is my result

image 5
Click to enlarge

Duplicate the gray shape 2 times and place it like me. ( to duplicate a layer first you need to select that layer , and press Ctrl+J )

I will use different colors so you can see better what i am doing

image 6
Click to enlarge

Then duplicate one more time one big shape, go to Edit > Transform > Flip Vertical , and with your move tool, ( orr arrow keys - from your keyboard ) place the shape like me

image 7
Click to enlarge

Press on Ctrl+T ( transform Tool ) and modify the shape

image 8
Click to enlarge

Select the small shape layer ( the black shape 0 and duplicate this layer )

With move tool place the shape like me

image 9
Click to enlarge

Duplicate this last layer one more time, go to Edit > Transform > Flip Vertical and with Move tool place the shape like me

image 10

Duplicate one more time this 2 shapes and place them at the bottom of your layout

image 11
Click to enlarge

Select The gray shape , and add the following layer styles

image 12

image 13

image 14

This is my result

image 15
Click to enlarge

Now select add the same layer styles for the black shapes. Here is the style settings

image 16

image 17

image 18

image 19

This is my result

image 20
Click to enlarge

Please apply the same layer styles for the following shapes ( marked with numbers )

In the next image you can see the shapes you need to add the layer styles, and in the same time you can see also the result

image 21
Click to enlarge

And here you have the styles

image 22

image 23

image 24

image 25

Now let's add also a layer style for the big shape ( the body of your layout )

image 26

image 27

image 28

This is my result

image 29
Click to enlarge

Now with Type tool add alone some text on your layout, and also some images.

Now we will add some details. for this you need to download the following set of brushes from free-photoshop.com.

Please download Brush #1 set. Load the brushes into photoshop.

Create a new layer and add some details with brush tool

BIZ Layout
Click to enlarge

This is my final result



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 "BIZ Layout"

Captcha