Photoshop Tutorials

Design a Web Template using the “960 Grid System” - Page 5

E-mail Print
User Rating: / 106
PoorBest 
Article Index
Design a Web Template using the “960 Grid System”
Page 2
Page 3
Page 4
Page 5
All Pages

Step 21

Select all of the thumbnail image layers then hit Ctrl+E to merge them. Now right click on this layer then go to the blending options and add the styles shown below then with another line of text you should have something similar to the bottom image.

25

26 27

Step 22

I added an advertising space box using a simple rectangle with a stroke applied then some text within it. You can personalize this advertising box if you want so I've not gone into much details her.

28

Step 23

Next I added a footer area which gives some extra information like external links, clients etc. as well as a copyright notice. By know you should know exactly how to put this together so I've just shown a couple of images of it.

29

30

Step 24

The last thing I did was to add some thin lines that would act as dividers and make the page look more organized. Create a new layer. Select the line tool and set the weight at 1px and the foreground color to a medium grey. Now draw some lines in the same places that I have, using the image below as a reference, remember to hold shift to get horizontal and vertical lines.

31



 

More tutorials by Ross Aitken

Subscribe to Photoshop Tutorials

Free Email Newsletter

Search

Active Writers

  • Denny Tang is the founder of Photoshop Tutorials and specializes in photo editing with Adobe Photoshop.
  • David Cox is a graphic designer from the USA. You can check out his blog/portfolio at AEVION.
  • Oliver Cereto is a graphic designer and photographer from Málaga, Spain. View more of Oliver's work at olivercereto.com.
  • Ross Aitken is currently studying design at Glasgow, UK. You can find more tutorials by Ross at PSD Learning.

Get paid $150-300 per tutorial. Become a writer.

You are here: Home Photoshop Tutorials Layouts Design a Web Template using the “960 Grid System” - Page 5