Глава 3.1.1. Настройка Photoshop

В этом разделе разберём настройки Фотошопа, необходимые для работы с макетом.

Настройка единиц измерения

Изначально Фотошоп создавался как инструмент для обработки фотографий. Часть настроек, которые установлены по умолчанию, не подходит для работы с макетами веб-страниц. Например, размеры изображения отображаются в мм, см или пунктах. В вебе же используются пиксели.

Для того чтобы установить пиксели в качестве единиц измерения, выбираем меню Edit / Preferences / Units & Rulers.

Диалоговое окно Preferences

В окне настройки установим единицы измерения Pixels для Rulers и Type. После этого все размеры и параметры шрифтов будут отображаться в пикселях.

Настройка цветового профиля

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

Для того чтобы установить цветовой профиль используем меню Edit / Color Settings. Выбираем цветовой профиль sRGB.

Диалоговое окно Color Settings

Теория~ 2 минуты

Глава 3.1.2. Словарик терминов

Кегль

Размер буквы или знака шрифта по вертикали, включающий её нижние и верхние выносные элементы; размер шрифта.

Интерлиньяж

(от французского interligne) Дословно переводится как «написанное между строк» и означает расстояние между двумя строками. Обычно принято устанавливать интерлиньяж на 1/5 часть больше кегля — так, при наборе 10-м кеглем интерлиньяж составляет 12 пунктов. В художественных целях интерлиньяж может быть увеличен или уменьшен, но поскольку от него зависит читаемость текста, то небольшой интерлиньяж применяется не часто — максимум, в заголовках.

Трекинг

(от английского tracking) Изменение межбуквенных пробелов с определённой целью: сделать текст более разреженным и светлым, или более плотным и темным. Ещё трекинг используется при вёрстке, чтобы увеличить или уменьшить количество строк, дабы избавиться от висячих предлогов, слов и строк. Хорошим тоном является числовое значение трекинга, не превышающее +/- 25.

Шестнадцатеричный формат цвета

Это способ представления цветов в вебе. Пример — #112233. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:

• две первые цифры — красный;
• две в середине — зелёный;
• две последние цифры — синий.

Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.

Плотность пикселей (ppi)

Это количество пикселей, вмещающееся в определённом физическом размере (обычно, в дюйме). На первом компьютере Mac было 72 пикселя на дюйм. Число кажется большим, но на самом деле это были огромные пиксели, под которые подходила не каждая графика. Большинство современных телефонов оснащены ретиновыми дисплеями, то есть дисплеями с повышенной плотностью пикселей.

Методика~ 8 минут