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

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

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

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

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

Click to enlarge
Click to enlarge

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

Click to enlarge
Click to enlarge

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

With move tool place the shape like me

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

Click to enlarge
Click to enlarge

Select The gray shape , and add the following layer styles

image 12

image 13

image 14

This is my result

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

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

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

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

This is my final result



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

Only registered users can write comment

No comments yet...