Creating a simple web template with Photoshop – Part 2

Monday ~ February 02, 2007 by Pixelseed Posted in All free Photoshop tutorials

11) Let’s suppose we have the following sections in the site: Home – Pictures – Links – About. Bring your Type Tool, and type them with the font you like. Seperate them with something nice such as a black thin line.

tut4-image4s.jpg

12) Repeat step 10 twice, to make a red border for the menu from the upper and lower side.

The color i used for this is : #fd0a0a

tut4-image5s.jpg

13) Insert a logo of yours, under the menu. You can also make a slogan if you want.

14) Create several boxes (as in step 10) , and choose for each one a color.

tut4-image6s.jpg

15) Create a large box and align it to fit the empty area under the logo and the slogan. choose any color you want.

For this example I chose: #efefef

tut4-image7s.jpg

<<< Creating a simple web template with Photoshop – Part 1
Creating a simple web template with Photoshop – Part 3 >>>

No Comments