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

Urban Layout Perfect for Web Design Company


Please make a new document. size should be 760x770 Pixels. Use a White background for this document

Open this image in Photoshop.

image 1

Then duplicate the layer. to duplicate the layer be sure you have the background layer selected, then press on Ctrl+J

After you have a safety copy please go to Filter > Sketch > Photocopy and use the following values

image 2

now press on Ctrl+I ( invert ). You will have something like me

image 3

With Eraser tool , try to delete the imperfection from your image, and the bottom part of the image

My result

image 4

Select Rectangle Tool and create a simple shape with black color. place the shape like me

image 5
Click to enlarge

Now please go to www.photo-shop-brush.com ( a Talk-Mania Website ) and download some brushes which you think are good for our next job. I am going to delete some parts of this black shape, after i rasterize the shape

To rasterize the shape please go to Layer > Rasterize > Shape

This is my result

image 6
Click to enlarge

If you have Talk-Mania Big-Pack You can easily find some brushes.

Next step is to create another details

I will download the following sets of brushes:

Abstract Brushes
Splatter Brushes

I will load this brushes in Photoshop, and i will start adding some more details

Please create a new layer each time you are trying to add more details.

To create a new layer please press on Ctrl+Shift+Alt+N

You can see on the next image that i have used a simple brush with some nice arrows.

image 7
Click to enlarge

After that i have used some small brush circles and i have created a lot of different circles.

If you look carefully you can notice that i have used only 2-3 brushes, but with different sizes

image 8

In the next image you can see a similar design for the bottom part of our layout. i have created this type of drawings very simple.I will Alternate the color of my brush. One time i will use black, one time i will use white.

For this steps i really can not show you how it is done. just use your imagination and use different brush sizes

image 9

I will use another set of brushes for the left part of the layout. some brushes are included in Talk-Mania Big-pack, and some are free

image 10
Click to enlarge

Now i will add some text on the left side of our layout

image 11

After that i will add another text for the body of our layout

Urban Layout Perfect for Web Design Company
Click to enlarge

You can see that i have used another brushes to add another minor details. All this brushes you can find on www.photo-shop-brush.com.

I hope you like this simple layout.



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

No comments yet...
Add comments to "Urban Layout Perfect for Web Design Company"

Captcha