Military layout

Military layout

Today i will show you how to create a military layout

This is the Tutorial Number 96 from our 100 Tutorial Marathon
Soon this marathon will end, and i will start another one. I will not tell you how many tutorials i will create in my future marathon

This is what we gone do today


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


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



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







Now use the pattern from above


This is my result

Now select the big shape and add the following layer styles














This is my result




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




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


Select Custom Shape Tool. choose the following shape



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






REZULTATUL Final

Super rozY...sticky

good

Cum selectez shape tool ala?
Edit: Am gasit din greseala :P

MiSto

inca ceva :| cum fac dak vreau sa pun templateul pe un site??? si cum fac ca atunci and dauclick pe un buton de ala sa actioneze sa intre la o categorie??

in urci pe site cu un client ftp?

asta stiu si eu sa il urc pe site cu ftp:) dar cu butoanele ma paote ajuta cineva"?

dupa ce`l faci in photoshop dupa ce`i faci indexu.. trebuie codat cu dreamwaver

wow e fain dar e naspha ca nu e in romana ca nu prea ma am cu eng

ca sa functioneze butoanele alea trebuie sa stii html si php.Ceea ce este foarte greu. Eu stiu ce inseamna

trebuie sa sti dreamwaver sa`l codezi atat tot :| restu html apartine de parte hostului cand il urci pe un host sau ceva...

nu stiu care-i faza cu codatul insa cel mai bine e sa faci fiecare element in photoshop , apoi import pe dreamweaver , isi face singur tagurile HTML