I am now starting to release a bunch of free videos from our soon to be released Photoshop for the Web course. The complete video course (with source files) will be soon available on our video tutorial subscription service and soon thereafter as a download or DVD purchase.
The main goal is to teach you how to take a Photoshop CS4 based web page layout and to turn it into a website with the help of Dreamweaver CS4. Along the way, you will put to practice lessons learned from our series of articles on proper design.
Note: Even though we are using Photoshop and Dreamweaver, the lessons learned are pretty much usable with any Photo editing (The Gimp, Photopaint etc …) and web design software (Web Expression, Net Objects etc …) – these days, all these programs work in much the same way.
I’ve been asked on many occasions: how can you take a Photoshop layout and turn it into a web page?
Actually, here is a snippet of an email from a reader:
“I would love to see an example of taking a psd file, which is how I usually start. And then go to Step One, Step Two, etc to turn it into a web page.”
You have a few options … let’s start with the option you should avoid: slicing images.