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

Create an Amazing Consulting Layout


I will use my default document size: 960 x 900 pixels.
Feel free to use any size you want.
Set your foreground color to #1f0f0e and then with Paint Bucket Tool press one time on your canvas. This will be the background of our consulting layout.
Select you Horizontal Type Tool, and type a brace. I have used the following font, and size:

Img

Right click on the layer in your layer palette, and choose Convert to shape

Img

Rotate this shape until you have something like this. To rotate a shape you can select the shape, then press on CTRL+T, and then with mouse too rotate the shape.
Another way to rotate a shape is to go to Edit - transform - rotate....

Img

Duplicate the shape a few times and with Move Tool, place them like in the following image

Img

I will change the foreground color to #3d302f, and I will create a rectangle with Rounded Rectangle Tool. I will place this layer under the previous ones.

Img

With Rectangle Tool I will create another shape on the top. The color used to create this shape is: #ded3d1

Img

On top of the layout I will add another shape

Img

With Pen Tool I will create a shape like in the following image. I want to create a round corner.

Img

I will duplicate this shape (press CTRL+J), and I will place it on the other side of the layout.

Img

I will go to Edit - Transform - Flip Horizontal. If this option is not enabled, then you need to select the layer in your layer palette. The next step is to align this layer. This is my result.

Img

On the right side I will create 2 shapes with Rounded Rectangle Tool.

Img

For both layer I will add the following layer styles

Img

Img

This is my result

Img

On the top I will create a button with Rounded Rectangle Tool.

Img

I will right click on the layer in my layer palette, and I will choose rasterize layer. With Rectangular Marquee Tool, draw a selection on the bottom of the shape

Img

Be sure you have the layer with the button selected, then hit delete key from your keyboard and press on CTRL+D to deselect. After I will apply a nice gradient from this set: 27.000 Photoshop gradients my button looks like this:

Img

I will duplicate this button and with Move Tool I will place it near this one.

Img

You will notice a red button. I have used another gradient from our huge gradient set.
In the middle of my business consulting layout I will create three shapes, and three brace.

Img

I will change the color of the round shapes to white, and I will select all 6 layers in my layer palette. Then I will press on CTRL+E to merge all the layers into a single one. With Brush Tool I will draw over the empty spot. This is my result so far.

Img

Img

For this layer I will add the following layer styles.

Img

Img

After I will add some icons this is my result

Img

With Rectangle Tool, I will create a shape on the bottom of the layout

Img

It is time to add some text with Horizontal Type Tool. Please click on the image to see how I placed the text.

Img

Right under the logo I will create some shapes with Rounded Rectangle Tool. I will use a white color for all these shapes, and I will lover the fill value for each layer to 40 %.

Img

I will place some text over the buttons.

Img

This is my final consulting layout. I hope you like it, and if you want to use it for your website please let me know. I really want to see how it looks.

Img



Author's URL: grafpedia
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


Like us to: