He buscado durante mucho tiempo la manera más fructífera de desarrollar mis proyectos partiendo de un boceto en Photoshop, para posteriormente poder aprovechar esta información y plasmarla en una web de la forma más fiel posible al diseño original, en ocasiones incluso he dudado de la posibilidad real de lograrlo, pero se puede, existen muchas formas de hacerlo pero no todas son satisfactorias ni gratuitas. He recopilado estos vídeos que muestran detalladamente un método completo, ignoro si será el mejor pero merece la pena probarlo. Ante todo, quiero dar las gracias a su autora @raymicha.

Capitulo 1: y aqui les presento a la plantilla from micha on Vimeo.

Capitulo 2 parte I: Cortar, Organizar y Nombrar from micha on Vimeo.

Capitulo 2: parte II: XHTML!!!!! from micha on Vimeo.

Capitlo 3 parte I: El concepto del modelo de Bloque from micha on Vimeo.

Capitulo 3 parte II: FULL CSS! from micha on Vimeo.

Enlaces:

Vimeo:  http://vimeo.com/6742971
Cristalab: http://www.cristalab.com/tips/como-convertir-psd-de-photoshop-a-css-y-xhtml-parte-1-c78523l/