1. Open a new document in photoshop with a white background. Size should be 760x770 pixels. 2. Select Rounded Rectangle Tool ( set radius to 20 pixels ) and draw a simple grey rectangle. [img]http://i49.servimg.com/u/f49/10/09/38/96/110.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/radius10.jpg[/img] 3. Next go to Edit > Transform Path > Warp and use the following settings: [img]http://i49.servimg.com/u/f49/10/09/38/96/210.jpg[/img] 4. Hit Enter then with Move Tool place this shape in the middle of the canvas. If you want to resize the image, just press Ctrl+T and drag each corner to fit your size and click Enter. [img]http://i49.servimg.com/u/f49/10/09/38/96/310.jpg[/img] 5. Now we will add some layer styles. Be sure you have this layer selected. Then add the following layer styles: [img]http://i49.servimg.com/u/f49/10/09/38/96/410.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/510.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/610.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/710.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/810.jpg[/img] This is my result: [img]http://i49.servimg.com/u/f49/10/09/38/96/910.jpg[/img] 6. Now hold the CTRL key down and press on the Layer Thumbnail with your left mouse click. [img]http://i49.servimg.com/u/f49/10/09/38/96/1010.jpg[/img] You will notice that you have selected all the layer: [img]http://i49.servimg.com/u/f49/10/09/38/96/1110.jpg[/img] 7. Now create a new layer ( press CTRL+SHIFT+ALT+N ) then go to Select > Modify > Contract ( Choose contract by 20 pixels ) and press ok. This is my result: [img]http://i49.servimg.com/u/f49/10/09/38/96/1210.jpg[/img] 8. Select Paint Bucket Tool and fill your selection with white ( or any other color you want ). Then press CTRL+D to deselect. [img]http://i49.servimg.com/u/f49/10/09/38/96/1310.jpg[/img] 9. Now select Rectangle Marquee Tool and drag it creating a box starting from the middle left side of canvas. Then click Delete. [img]http://i49.servimg.com/u/f49/10/09/38/96/rectan10.jpg[/img] 10. Now select Elliptical Marquee Tool and drag it creating an oval. Click Delete to remove the remaining parts. Then press CTRL+D to deselect.[img]http://i49.servimg.com/u/f49/10/09/38/96/ellipt10.jpg[/img] This is my result: [img]http://i49.servimg.com/u/f49/10/09/38/96/head10.jpg[/img] 11. Now please add the following layer styles: [img]http://i49.servimg.com/u/f49/10/09/38/96/1810.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/1410.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/1510.jpg[/img] this is my result: [img]http://i49.servimg.com/u/f49/10/09/38/96/1610.jpg[/img] 12. Now we will add a navigation under blue header. First select Rounded Rectangle Tool and make a simple rectangle: [img]http://i49.servimg.com/u/f49/10/09/38/96/1710.jpg[/img] 13. Go to Edit > transform path > perspective and drag the left bottom corner to the left side and press Enter. If you want to resize the image, just press Ctrl+T and drag each corner to fit your size and click Enter. This is the result: [img]http://i49.servimg.com/u/f49/10/09/38/96/1910.jpg[/img] 14. Now add the following layer styles: [img]http://i49.servimg.com/u/f49/10/09/38/96/2010.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/2110.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/2210.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/2310.jpg[/img] 15. Now we will change the Layer order. Click layer 1 and drag it up. [img]http://i49.servimg.com/u/f49/10/09/38/96/layer110.jpg[/img] This is the result: [img]http://i49.servimg.com/u/f49/10/09/38/96/2410.jpg[/img] 16. Now we will add some screws heads. Create again a new layer ( press CTRL+SHIFT+ALT+N ). Select Ellipse Tool and make a small circle ( hold down SHIFT key while you create this circle ) Then add the following layer styles: [img]http://i49.servimg.com/u/f49/10/09/38/96/2510.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/2610.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/2710.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/2810.jpg[/img] 17. Duplicated this layer a few times. Placed this small screw heads like in the following image. If you want to resize the each screw image, just press Ctrl+T. Hold down SHIFT key and drag one corner to fit your size and click Enter. http://i49.servimg.com/u/f49/10/09/38/96/bg10.jpg[/img] 18. Your web template is done! [img]http://www.pauldemonteverde.com/fm/FrontPageXover/template.jpg[/img] Just add the texts you needed on it. Have fun! [align=center] [b]credit by : gresik Holic hujser[/b][/align]

Last edited by forsakendoll (2010-03-15 12:43:03)