Create Awesome Header Backgrounds

Veerle Pieters has a fantastic step-by-step tutorial on creating Header Backgrounds in Photoshop. She proves that inspiration can indeed be found in photographs as she creates an awesome header graphic by applying some Photoshop magic to an existing photo. By the way don’t let the formatting of this tutorial confuse you-there is no text on the first page of it, and you have to click through using the “next” link and continue to subsequent pages. Despite this navigational hiccup the tutorial is quite good as it emphasizes a visual explanation process for creating header backgrounds, and it is very easy to follow for that reason.

From PSD to CSS

There is a nice tutorial at the Erratic Wisdom blog that will show you how to take your PSD website mockup and coding it into a standards based layout. This is a well-written, four-part tutorial that ironically begins by the author advocating taking a pencil and physically marking up the basic design composition.

I would pass this along to any students of web design who are making use of Dreamweaver and CSS because he starts by assuming virtually no PSD or CSS web design knowledge at all. If you need a refresher go take a look at this article and bookmark it for future reference.