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

Lawyer Layout


As usual we will start with a new document: 760 x 770 pixels.

For background I will choose the following color : #282828.

With Rectangle tool, I will create 2 shapes.

Lawyer Layout image 1

Then with the same tool, I will create another small shapes. I will choose a white color.

Lawyer Layout image 2

Then for all these small white layers modify the opacity value.

Lawyer Layout image 3

This is my result:

Lawyer Layout image 4

Select the big white shape, and in your layer palette right click on the layer , then choose Rasterize Layer.

Lawyer Layout image 5

Then you need to download the following set of brushes : Corner Brushes.

Lawyer Layout image 6

Load the brushes in photoshop.

Lawyer Layout image 7

Then on a new layer ( to create a new layer press on Ctrl+Shift+Alt+N in the same time ).

Then with black color add one of the corners like in the following image.

Lawyer Layout image 8

Now select the big white shape, then grab Polygonal lasso tool, and make the following selection.

Lawyer Layout image 9

Then hit the Delete Key from your keyboard, and press Ctrl+D.

Lawyer Layout image 10

The next step is to add some text and images. this is a very simple task, and I will not explain how to do it.

Lawyer Layout image 11

For my eyes this layout looks very simple. I will add a shape with rectangle tool.

Please note that this layer is placed right above the white layer.

Lawyer Layout image 12

For this grey shape add the following layer styles.

Lawyer Layout image 13

Lawyer Layout image 14

Lawyer Layout image 15

This is my result.

Lawyer Layout image 16

On the left side I will place an stock image.

Lawyer Layout image 17

Then with Ellipse tool, I will create some round shapes, and I will place them like in the following image.

Lawyer Layout image 18

For all this small shapes I have used the following layer styles.

Lawyer Layout image 19

Lawyer Layout image 20

Grab Pen Tool, and create a similar shape.

Lawyer Layout image 21

I have used the same layer styles as above.

Then I will duplicate this layer several times ( to duplicate be sure you have the layer selected , then press on Ctrl+J ).

After I have placed this small shape, this is my result.

Lawyer Layout image 22

This is my final result:

Lawyer Layout Tutorial: 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 "Lawyer Layout"

Only registered users can write comment

No comments yet...