Her

Home Photoshop Tutorials Web Layout Web panel

Web panel

Author: Blake Edwards Author's URL: www.thedesignworld.com More by this author

1. In your website to create this new panel, make a selection and then go to select> modify > smooth > enter 3

Fill this selection with light grey.

image 1

2. Make a colour selection so that you have a light grey and a dark grey like below:

image 2

3. Now using the gradient tool image 3 and then fill the selection so that there is a dark rim on the top:

image 4

4. Deselect the top portion (hold alt) and do the same effect to the bottom.

image 5

5. Add the follow layer effects:

image 6

image 7

6. Now after adding some lines it should like like this, and your set!

Web Panel