Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Silver Layout
rss

Silver Layout

Author: SweDesignz.com More by this author


1. Start with a new file,778x600, with #4B4B4B as Background and #FFFFFF as Foreground. Then create a new layer in the layers palette.

2. Take the Rounded Rectangle Tool and draw out a shape as the image below shows.

image 1

3. Head over to the layers palette and right click the layer and chose Blending Options and do this settings.

image 2

image 3

image 4

image 5

4. Create a new layer and set the Foreground to Black, take the Rounded Rectangle Tool and draw out a shape as the image shows.

image 6

5. Then right click the layer and chose Blending Options and do this setting.

image 7

6. Press Ctrl and click layer2 and then make a new layer, then go to Select>Modify>Contract and set it to 4 Pixels, then fill that layer with a red color i chose #FF0000.

Now should it look like this.

image 8

7. Press Ctrl and click layer3 and make a new layer, then set the Foreground color to white and take the Gradient Tool and do this settings. Draw your gradient from top to bottom.

image 9

8. Take the Elliptical Marquee Tool and draw out a circle as the image shows.

image 10

And press delete.

Now should it look like this.

image 11

9. Then add some text to your header.

10. Create a new layer and take the Rectangular Marquee Tool and draw out a shape as the image shows and fill it with #999999.

image 12

11. Create a new layer and take the Rectangular Marquee Tool and make a shape as the image shows and fill it with white.

image 13

12. Then go to the layers palette and right click the layer and chose Blending Options and do this settings.

image 14

image 15

image 16

image 17

image 18

13. Then duplicate the layer and move that part as the image below shows, to duplicate the layer just right click the layer and chose Duplicate Layer.

image 19

Then for the Content just repeat step 10, 11 and 12.

This is what i came up with.

Silver Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge


Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Silver Layout"