Her

Home Photoshop Tutorials Web Layout Military Layout

Military Layout

Author: amitk Author's URL: www.talk-mania.com More by this author

Open a new document in photoshop

Size 760 x 770
Background color: 3b3b3b

Then with Rounded Rectangle Tool ( set the radius to 10 pixels ) create 2 different shape like in the next image

image 1

Now we will create a new pattern

Open a new document 8 x 8 pixels with a transparent background

Zoom the document to 1600 % and with Pencil tool ( brush size = 1 pixel ) make the following drawing

image 2

I will include the PSD file with the pattern for you in the attachment area so you can download it

After you make the pixel art drawing go to Edit > define pattern

Choose a name for you pattern and click OK

Now you can close your 8 by 8 pixel document

And we will continue to work on our layout

Select the small shape layer ( with the light gray color ) and add the following layer styles

image 3

image 4

image 5

image 6

image 7

image 8

Now use the pattern from above

image 9

image 10

This is my result

image 11

Now select the big shape and add the following layer styles

image 12

image 13

image 14

image 15

image 16

image 17

image 18

image 19

image 20

image 21

image 22

This is my result

image 23
Click to enlarge

Now it is time to add some images. I will add a gun and some bullets

image 24
Click to enlarge

Then i will add some text buttons on the top of the layout

image 25
Click to enlarge

Select Custom Shape Tool. choose the following shape

image 26

Then add this shape on your layout. you can add also some text

image 27

Now add another images on the header. i will add another gun

You can add any image you have. right now this is what i have

I will add also some text on the header

image 28
Click to enlarge

Now select Line Tool ( set the weight to 1 pixel , and star creating some lines )

Then you can add alone some text, or what image you need

Military Layout
Click to enlarge

I hope you like this layout.