Viewing "Edward's" Blogs

Jun
29

Photoshop Skeleton - The Basics

By Edward Margallo | Posted on 2007 10:58 AM | Comments on 0 comments

Automation and template processes are a computer user’s best friend. What’s the point of recreating the basis/skeleton of your projects over and over? The same can not only be said for programmers and developers, but for designers as well. In the next couple weeks, I will provide links to template files I use myself day in and day out. This week, we’ll take a look at Photoshop.

These ideas aren’t anything new, but hopefully could help others who are always looking for some help in speeding up the prototyping process. Make sure to turn on the guides to see the grid structure I utilize when designing for 800x600 and 1024x768 screen resolutions. Also, you will see the folder structure I use for the layers. It basically follows the standard components for a website layout, ranging from the header, body and footer.I developed these Photoshop files in CS2. 

PSD Template - 800x600 (with a 750 safe zone)

PSD Template - 1024x768 (with a 960 safe zone)

This post is categorized under: CSS, Design and Graphics

  • Blog Tools:
  • Del.cio.us
  • Google
  • Stumbleupon
  • Yahoo

Leave a Comment

* Name:
* Email: (will not be displayed)
URL:
* Comment:
Enter the code shown:

  • Anonymous Comments Are Enabled
  • Moderated Comments Are Enabled
  • Fields marked with an asterisk (*) are required.
  • a, strong, em and code tags are allowed. Line breaks and paragraphs are automatically generated. Inappropriate comments will be either deleted or edited.