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

Agriculture Layout


As usual I will start with a new document with the following size 760x770 pixels.

I will place an image with some great leaves:

Agriculture Layout image 1

With Rectangle Tool.

Agriculture Layout image 2

I will create a white rectangle and I will place it like in the next image:

Agriculture Layout image 3

For this white shape I will add some layer styles:

Drop Shadow

Agriculture Layout image 4

And this is my result:

Agriculture Layout image 5

I have selected again Rectangle Tool, and I have created another rectangle.

Agriculture Layout image 6

I will duplicate this shape by pressing Ctrl+J. Then I will change the color for this second copy to black.

I will press on Ctrl+T and I will rotate the shape to the left:

The next step is to go to Filter > blur > Gaussian Blur.

Note: Photoshop may ask you if you want to rasterize the shape ( press Yes ).

At the end you will have something like that:

Agriculture Layout image 7

And after I turn the visibility to on for the white layer, you will have the following result:

Agriculture Layout image 8

I will create another shape with the same tool Rectangle Tool, and I have used the following color #ae521f .

I will place this shape like in the following image:

Agriculture Layout image 9

I will grab Line Tool:

Agriculture Layout image 10

And I will create some lines. It is your choice how thin you want the lines.

Agriculture Layout image 11

After that I will select one more time Rectangle Tool and with a white color #ffffff I will create a big rectangle:

Agriculture Layout image 12

Please note that I have changed the opacity value for this layer to 80%.

I will select Custom Shape Tool

Agriculture Layout image 13

And from the preset custom shapes I will choose the following shape:

Agriculture Layout image 14

I will select the foreground color to #a6c21c then I will place the shape like in the following image:

Agriculture Layout image 15

I will select Horizontal Type Tool:

Agriculture Layout image 16

And I will write some text over my layout:

Agriculture Layout image 17

I will add some pixel icons on the right side of the layout. You will find this set of web pixel icons inside this package: Talk-Mania Big-Pack :: Photoshop Designer's Pack.

To see all the brushes included in this package I highly recommend you to download the sample pdf file from here.

Agriculture Layout image 18

The last step is to add some other images from your collection. At the end here is my final result. I hope you like it.

Agriculture Layout Tutorial: Final Result



Author's URL: victor
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 "Agriculture Layout"

Only registered users can write comment

No comments yet...