Настраиваю Photoshop для вёрстки старых макетов

Дневник разработчика

Не так давно начал работать над проектом по натяжным потолкам. ранее для этого клиента были разработаны макеты. Это было около 5ти лет назад. А значит, что они были сделаны в Фотошопе и для того что бы по новой сверстать лендинг по этим макетам, мне понадобилось установить старый добрый фотошоп на свой комп, и вспомнить как это было )))

После установки фотошопа, его нужно донастроить, что бы работа с графикой и макетом в целом была наиболее комфортна.

Настройка Photoshop для верстальщика

Настраиваю Photoshop для вёрстки старых макетов

Настраиваем единицы измерения и линейки

Для этого нужно перейти в раздел верхнего меню фотошопа «Редактирование», далее в «Настройки», и выбрать опцию «Единицы измерения и линейки». Нам нужно выставить параметр: пиксели.

Настраиваю Photoshop для вёрстки старых макетов

Настройка цветовой темы интерфейса

Я очень люблю темные темы и темные интерфейсы. Во первых я к ним привык, а во вторых большинство макетов сайтов выполнены в светлых тонах и работа в темном интерфейсе наиболее комфортна, так как ты хорошо видишь что относится к дизайну макета, а что к рабочей среде программы Photoshop. При этом отлично видно иконки, посторонние артефакты на фоне у картинок с прозрачностью и т п.

Для настройки цветовой схемы я перехожу в раздел настроек под названием «Интерфейс». Выбираю там самую наитемнейшую опцию )))

Настраиваю Photoshop для вёрстки старых макетов

Настраиваем цвета в фотошопе

Настраиваю Photoshop для вёрстки старых макетов

Очень важно настроить вашу программу в соответствии с цветовой кодировкой sRGB, Что бы цветопередача в макетах была такой же как в браузерах.

Настраиваю Photoshop для вёрстки старых макетов

Настраиваем интерфейс боковой панели фотошопа

Верстальщику чаще всего нужны слои и символы. Слои для того что бы раскапывать и добираться до нужного нам элемента, а символы, для отслеживания и экспорта стилей для шрифтов.

Все остальное -удаляем из боковой панели нафиг. У вас должно быть тока две вкладки сбоку. Остальное — не используется в вёрстке и будет нам мешать.

Настраиваю Photoshop для вёрстки старых макетов
Юрий Ронин