 |
| |
|
| This is the final part of this Photoshop tutorial, to create a Funky Web Layout, where we'll be making the content area. Create a new group called "menu bg" and a new layer called "1". Just above the grey large rectangle, use the rectangle marquee tool to create a selection. Set the foreground color to "bebebe" and the background color to "d4d4d4. "Use the gradient tool to create a linear gradient the direction and lemgth of the red arrow (b) |
 |
| a) Click Image to Enlarge |
|
b) |
 |
|
 |
|
| |
| |
|
| On a new layer called "2", create a another rectangle with the same length as the previous gradient, using "d6d6d6" for the color. |
|
| a) Click Image to Enlarge |
|
b) |
 |
|
 |
|
|
| |
|
| Create a 3rd layer called 3, and make another gradient, this time using "fafbfb" for the foreground color and "dfe0df" for the background color. |
|
| a) Click Image to Enlarge |
|
b) |
 |
|
 |
|
|
| |
|
| For the menu text the setting shown below have been used. |
|
|
|
|
| |
|
| For the heading and body text, the setting shown below have been used. |
|
|
|
|
|
| When finished, you should have something like below: |
|
| View Web Layout |
|
|
|
| And that brings us to the end of this Photoshop tutorial! |
Part:
1 |
2 |
3 |
4 | 5 |
|
|
|
|
|
|
|
|
 |
