Я правильно понимаю что алгоритм такой:

- Открываем в фотошопе картинку.
- Смотрим в свойствах обьекта в фотошопе какие шрифты используются и используем аналогичные (кстати, если там шрифты нестандартные, их на глаз подгонять?)
- То-же самое с размером элементов, шрифтоф и цветами - смотрим что написано в фотошопе и выставляем такой-же.
- Тени - как делать тени, на глаз? В фотошопе они строятся другими инструментами, и скопировать в веб не получится (сайт нужен только для html5 браузеров, соотв. все эффекты должны быть в стилях, без картинок).
- Иконки - просто вырезаем картинки и ставим их в стилях как бакгроунд, центрируя на глаз? (можно еще сжать в спрайт, но это пока не нужно).

Можно ли использовать что-то вместо фотошопа на маке чтобы открыть PSD и посмотреть свойства обьектов / вырезать что-то оттуда? Он сложный и здоровенный, не хочу с ним разбираться.

> хтмл5 может отбросить css-тень от картинки с альфой?
Точно не знаю, но это неважно, картинок в хтмл странице быть не должно, если получится тени должны быть такие-же как в фотошопе - если нет максимально близкие к ним.

Нет, канвас это другое.

картинки допустимы только для иконок.

Спасибо.

Вобшем, я все сделал. Провозившись полчаса с фотошопом, где для того чтобы скопировать слой нужно нажимать кучу кнопок (выделить слой, продублировать, сохранить как - в новый, сохранить) + не стал разбираться почему некторые уровни не копируются (там наверно формулы были а не пикселы), устанавливать шрифты которых в нем нету и т.п.
В конце концов все это мне надоело и открыв ПСД как обычную картинку в ГИМПе по-быстрому перевел все в хтмл, меряя расстояния по размеру выделенной области.

В новом CS6 я его не нашел, в старом был.