Правильность вёрстки никак не зависит от Фотошопа.
В Фотошопе (или в другом редакторе) из psd-файла с нужных слоёв вырезаются нужные места нужного размера и сохраняются отдельными картинками.
Потом, при вёрстке эти картинки подключаются html-тэгами.
Дружище! Я сам новичек, поэтому не гарантирую, что мое решение правильное, но я бы сделал так: Я бы вырезал все места, который мне нужны (картинки размер изначально бы изменил под размер экрана, т.е. реальный размер) а потом в html или в css задал бы правильные размеры width и height