Как верстать из psd макета?

Question

[Vladimir96]

Посоветуйте статьи в которых объясняется как верстать из psd макета.

Comments

[Ankhena]

Прямо так и верстать (или, для удобства, экспортнуть в zeplin).
Сохраняете картинки, смотрите шрифты, размеры и переносите всё это в верстку.

Уточните, что именно не получается или вызывает сомнения.

[Алекс Глебов]

Фотошоп для верстальщика гугли

[Froggyweb]

В смысле? Верстать можно и из jpg только текст руками нужно набирать :) ну и с картинками могут быть проблемы.
если есть проблемы с интерфейсом фотошопа есть avacode или https://zeplin.io/ или Photopea.com или psdetch.com
расположены в зависимости от возможностей / глючности (субъективно)

Answer 1

[Skyllar]

Все просто, открываешь макет в фотошопе, в правом верхнем углу кнопка, справа от поиска
Там выбираешь пункт "Графика и интернет", затем сверху "Редактирование - настройки - единицы измерения и линейки" там ставишь единицы измерения (пиксели), готово, ты готов верстать, отмеряешь отступы, если нужно достать изображение, получить информацию об элементе итд - зажимаешь ctrl и делаешь тык по элементу