website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Elegant Business Layout
rss

Elegant Business Layout

Author: amitk More by this author


Open a new document in photoshop. Select Rounded Rectangle Tool , set the radius to 10 pixels and create 3 shapes like in the following image.

Please not that i will use a grey color for this shapes, so you can see what i am trying to do. Please use a white color.

image 1

Then apply the following layer styles on all this shapes ( do not forget to change the color of your shapes to white )

image 2

image 3

This is the result

image 4

Now duplicate all the layers. Select Move Tool and change the size of your shapes ( in the next image you will see some blue shapes. - One more time i have used another color because it is easier for you to see )

image 5

Then apply the following layer style for all blue shapes

image 6

image 7

This is my result

image 8

Select the layer from header and press on the layer thumbnail while you keep pressed the Ctrl key

image 9

After you press on the layer thumbnails you will see a selection :

Click to enlarge
Click to enlarge

Go to Select > Modify > Contract ( chose contract to 5 pixels ) and press OK

image 11

Create a new layer ( press Ctrl+Shift+Alt+N ) Then fill your selection with this color #586f99

image 12

Select Rounded Rectangle Tool and create another 3 rectangles

Click to enlarge
Click to enlarge

And add the same layer style as above

image 14

image 15

This is the result

Click to enlarge
Click to enlarge

Then add some text

Click to enlarge
Click to enlarge

Select Line Tool and make some lines under your text and also another text

Click to enlarge
Click to enlarge

Now open a new document 5 x 5 pixels with a white background

Select pencil Tool ( 1 pixel brush ),

Create a new Layer ( Ctrl+Shift+Alt+N)

Zoom your document to 1600 % and start creating a arrow

image 19

Then drag this layer on your layout, and place it like me

image 20

I will add a few stock images, a logo and some text buttons

Click to enlarge
Click to enlarge

Then Choose your type Tool and write some minus signs " ------ " between your text buttons

image 22

Make a new document in photoshop ( 9x9 pixels ) with a black background

Create a new layer ( press Ctrl+Shift+Alt+N )

Zoom your document to 1600 %

Select your Pencil Tool ( brush size 1 pixel ) and create the following drawing with white color

image 23

Then drag this layer on the layout , near your text buttons

image 24

Now we will create another 3 rectangles , and you can add the same layer styles:

image 25

image 26

This is my result

Click to enlarge
Click to enlarge

You can add alone some text and you are ready.

Elegant Business Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge

I hope you like it.



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 "Elegant Business Layout"