Как узнать размер листа в фотошопе
3D-функции Photoshop будут удалены в будущих обновлениях. Пользователям, работающим с 3D-функциями, рекомендуется ознакомиться с новой коллекцией Adobe Substance 3D, которая представляет собой новое поколение 3D-инструментов от Adobe.
Дополнительную информацию о прекращении поддержки 3D-функций Photoshop можно найти здесь: Photoshop 3D | Распространенные вопросы об упраздненных 3D-функциях.
В Photoshop CS6 функциональные возможности 3D были доступны в Photoshop Extended. Все возможности Photoshop Extended доступны в Photoshop. Photoshop не имеет специальной версии Extended.
С помощью функции «Измерения» Photoshop можно измерять размеры любых областей, используя инструмент «Линейка» или инструмент выделения, включая области неправильной формы, выбранные инструментами «Лассо», «Быстрый выбор» или «Волшебная палочка». Можно также вычислять высоту, ширину, площадь и периметр одного или нескольких изображений. Данные измерений сохраняются на панели «Журнал замеров». Столбцы палитры «Журнал замеров» можно настроить, данные в пределах столбца можно отсортировать, а также экспортировать их из журнала в текстовый файл Unicode с разделителями табуляцией.
Шкала измерений
Установка шкалы измерений задает определенное число пикселов в изображении, равное целому количеству единиц измерения шкалы, например дюймам, миллиметрам или микронам. После создания шкалы можно измерять области и принимать результаты и журнал расчетов в выбранных единицах измерения шкалы. Можно создать несколько стилей шкал измерения, однако одновременно к документу может применяться только одна шкала.
Маркеры масштаба
Для рендеринга шкалы измерения на изображении можно размещать маркеры масштаба. Маркеры масштаба могу отображаться с заголовком, соответствующим единицам измерения шкалы измерения, или без.
Для настройки шкалы измерений документа используйте инструмент «Линейка». Для часто используемых шкал измерения можно создавать стили шкал измерения. Стили добавляются с помощью подменю «Изображение» > «Анализ» > «Задать шкалу измерений». Текущая шкала измерений документа проверяется в этом подменю и отображается на панели «Инфо».
Настройка шкалы измерений для файлов DICOM происходит автоматически. См. раздел Сведения о файлах формата DICOM.
Для возврата к шкале измерений по умолчанию (1 пиксел = 1 пиксел) выберите команду меню «Изображение» > «Анализ» > «Задать шкалу измерений» > «По умолчанию».
Установка шкалы измерений
Выберите команду меню «Изображение» > «Анализ» > «Задать шкалу измерений» > «Пользовательский. ». Автоматически выбирается инструмент «Линейка». Перетащите этот инструмент для измерения расстояния между пикселами изображения или введите значение в текстовое поле «Длина в пикселах». После закрытия диалогового окна «Шкала измерений» восстанавливаются текущие настройки инструмента.
Введите значения «Логическая длина» и «Логические единицы», которые необходимо установить равными значению поля «Длина в пикселах».
Например, если значение «Длина в пикселах» равно 50 и необходимо установить шкалу 50 пикс/мкм, введите «1» в поле «Длина в пикселах» и выберите микроны в поле «Логические единицы».
Для отображения масштаба на панели «Инфо» выберите «Параметры панели» в меню панели , а затем выберите «Шкала измерений» в области «Информация о статусе».
Для отображения шкалы измерения внизу окна документа выберите «Показать» > «Шкала измерения» в меню окна документа.
Создание стиля шкалы измерения
Выберите команду меню «Изображение» > «Анализ» > «Задать шкалу измерений» > «Пользовательский. ».
Удаление стиля шкалы измерения
Выберите команду меню «Изображение» > «Анализ» > «Задать шкалу измерений» > «Пользовательский. ».
Маркеры шкалы измерений отображают масштаб измерения, используемый в документе. Установите шкалу измерений для документа до создания маркера масштаба. Можно устанавливать длину маркера в логических единицах, добавлять текст заголовка, уточняющий длину, и устанавливать черный или белый цвет маркера и заголовка.
Создание маркера масштаба
Выберите команду меню «Изображение» > «Анализ» > «Разместить маркер масштаба».
Введите значение для установки длины маркера масштаба. Длина маркера в пикселах зависит от шкалы измерения, которая в текущий момент выбрана для конкретного документа.
Выберите шрифт отображаемого текста.
Выберите размер шрифта отображаемого текста.
Выберите этот параметр для отображения логической длины и единиц для маркера масштаба.
Отображает заголовок выше или ниже маркера масштаба.
Устанавливает черный или белый цвет маркера и заголовка.
Маркер масштаба помещается в нижнем левом углу изображения. Маркер добавляет группу слоев в документ, содержащий текстовый (если выбран параметр «Показать текст») и графический слой. Для перемещения маркера масштаба можно использовать инструмент «Перемещение», а для редактирования заголовка и изменения размера текста, шрифта и цвета — инструмент «Текст».
Добавление или замена маркеров масштаба
В документ можно поместить несколько маркеров масштаба или заменить уже существующие в нем маркеры.
Дополнительные маркеры помещаются на изображении в ту же самую позицию и могут перекрывать друг друга в зависимости от их длины. Для просмотра нижележащих маркеров отключите набор слоев маркеров масштаба.
Выберите команду меню «Изображение» > «Анализ» > «Разместить маркер масштаба».
Удаление маркера масштаба
На панели «Слои» выберите группу слоев «Маркер шкалы измерений», относящуюся к маркеру масштаба, который необходимо удалить.
Щелкните правой кнопкой мыши группу слоев и выберите из контекстного меню пункт «Удалить группу» либо нажмите кнопку «Удалить слой».
Измерения можно выполнять с помощью инструментов выделения Photoshop: инструмента «Линейка» или инструмента «Счетчик». Выберите инструмент измерения, который соответствует типу данных, записываемых в журнал замеров.
Создайте область выделения для измерения значений, например высоты, ширины, периметра, площади или оттенка пикселов. Одновременно можно измерять одну или несколько областей выделения.
Для измерения линейного расстояния и угла нарисуйте линию с помощью инструмента «Линейка».
Для подсчета элементов в изображении используйте инструмент «Счетчик», а затем запишите число подсчитанных элементов. См. раздел Подсчет объектов на изображении.
За один раз можно получить один или несколько результатов обработки данных. Выбранные результаты обработки данных содержат информацию, записываемую в журнал измерений. Результаты обработки данных соответствуют типу инструмента, с помощью которого было проведено измерение. Площадь, периметр, высота и ширина являются результатами обработки данных, получаемых инструментами выделения. Длина и угол — это результаты обработки данных, получаемые с помощью инструмента «Линейка». Для ускорения рабочего процесса можно создавать и записывать наборы результатов обработки данных определенного типа измерений.
В этом документе описаны различные методы настройки кадрирования, поворота и размера холста для изображения.
Видео | Обрезка и выпрямление фотографий
Брайан О'Нил Хьюз (Bryan O'Neil Hughes), главный менеджер по продуктам Photoshop, раскрывает секреты мастерства кадрирования и выравнивания изображений в этой программе…
Брайан О'Нил Хьюз (Bryan O'Neil Hughes)
Обрезка изображения с помощью команды «Кадрировать»
Кадрирование изображения с помощью команды «Тримминг»
При кадрировании с помощью команды «Тримминг» нежелательные данные изображения удаляются иначе, чем с помощью команды «Кадрировать». Изображение можно обрезать путем отсечения окружающих прозрачных пикселей или фоновых пикселей заданного вами цвета.
- «Прозрачные пиксели» позволяют удалить прозрачность по краям изображения и оставить наименьшее изображение, содержащее непрозрачные пиксели.
- «Цвет верхнего левого пикселя» позволяет удалить область, цвет которой совпадает с цветом верхнего левого пикселя изображения.
- «Цвет нижнего правого пикселя» удаляет область, цвет которой совпадает с цветом нижнего правого пикселя изображения.
Если в сканер поместить несколько фотографий и отсканировать их в один прием, то все эти фотографии будут в одном файле. Команда «Кадрирование и выпрямление фотографий» — это автоматическая функция, которая позволяет разбить файл, содержащий несколько отсканированных изображений, на отдельные файлы.
Рекомендуется, чтобы расстояние между фотографиями в сканере составляло 0,3 см, а фон (обычно платформа сканера) был одноцветным, без выраженного шума. Команду «Кадрировать и выпрямить фотографию» лучше всего применять к изображениям с четкими контурами. Если при обработке файла изображения с помощью команды Кадрировать и выпрямить фотографию» не удается добиться нужного результата, следует использовать инструмент «Рамка».
Выберите «Файл» > «Автоматизация» > «Кадрировать и выпрямить фотографию». После обработки сканированных изображений каждое из них откроется в отдельном окне.
Если команда «Кадрировать и выпрямить фотографию» разделяет одно из изображений неправильно, создайте вокруг этого изображения область выделения, захватив некоторую часть фона, а затем выберите эту команду, удерживая нажатой клавишу Alt (Windows) или Option (macOS). Вспомогательная клавиша указывает, что следует отделить от фона только одно изображение.
Инструмент «Линейка» поддерживает команду «Выпрямить», которая быстро выравнивает изображения по линиям горизонта, стенам зданий и другим ключевым элементам.
Выберите инструмент «Линейка» . (При необходимости, чтобы отобразить инструмент «Линейка», нажмите и удерживайте инструмент «Пипетка».)
На изображении перетащите через все изображение ключевой вертикальный или горизонтальный элемент.
На панели параметров выберите команду «Выпрямить».
Photoshop выпрямит изображение и автоматически обрежет его. Чтобы отобразить области изображения, которые выходят за границы нового документа, выберите «Правка» > «Отменить».
Чтобы полностью отключить автоматическое кадрирование, при выборе «Выпрямить» нажмите и удерживайте нажатой клавишу Alt (в Windows) или Option (в macOS).
«Поворот изображения» является необратимым редактированием, изменяющим фактические данные файла. Если необходимо повернуть изображение для просмотра без внесения необратимых изменений, используйте инструмент «Поворот».
С помощью команд «Поворот изображения» можно поворачивать или отражать изображение целиком. Эти команды нельзя применять к отдельным слоям, фрагментам слоев, контурам или границам выделенных областей. Повернуть выделенную область или слой можно с помощью команд «Преобразовать» или «Свободное трансформирование».
A. Отразить холст по горизонтали B. Исходное изображение C. Холст по вертикали D. Повернуть на 90° против часовой стрелки E. 180° F. Поворот на 90° по часовой
В меню «Изображение» выберите пункт «Поворот изображения», а затем в подменю выберите одну из следующих команд.
Щелкните любой из этих разделов, чтобы узнать больше о различных аспектах размера и разрешения изображения:
Размеры — это общее количество пикселей по ширине и высоте изображения.
Разрешение - это количество пикселей изображения, назначенных каждому дюйму при печати изображения - измеряется в пикселях на дюйм (ppi). Таким образом, чем больше пикселей у изображения на дюйм, тем больше будет его разрешение. Кроме того, изображение с высоким разрешением позволит получить более качественную печатную продукцию.
При изменении размеров или разрешения помните, что данные изображения остаются постоянными до тех пор, пока вы не выполните их ресамплинг. При изменении разрешения ширина и высота будут изменяться соответствующим образом, чтобы сохранить тот же объем данных изображения.
Обратите внимание на связь между размером изображения и разрешением в диалоговом окне «Размер изображения».
Чтобы перейти в диалоговое окно «Размер изображения», выполните следующие действия:
Перейдите в раздел Изображение > Размер изображения.
Переход к диалоговому окну «Размер изображения»
Диалоговое окно «Размер изображения» в Photoshop
В диалоговом окне « Размер изображения» отображается множество параметров интерполяции, которые можно использовать для того, чтобы изображения выглядели четкими и резкими даже после их увеличения.
Слева от вас находится окно предварительного просмотра, которое отображает предварительный просмотр того, как будет выглядеть изображение на основе выбранных настроек. Справа от вас находятся сами настройки.
Чтобы узнать больше о флажке опции Ресамплинг , перейдите к ее подробному описанию. Вы также можете ознакомиться со следующей таблицей:
Не отмечайте параметр Ресамплинг
Установите флажок Ресамплинг .
Если снять флажок Ресамплинг , вы сможете изменить размер или разрешение изображения путем перераспределения существующих пикселей
Параметр Ресамплинг отмечен по умолчанию, что означает, что вы можете настроить размеры изображения, добавив или убрав пиксели из ширины и высоты.
Вы можете настроить ширину и высоту изображения двумя способами: в пикселях для изображений, которые будут использоваться в Интернете, или в дюймах (или сантиметрах) для изображений, которые будут напечатаны.
Нажмите на значок ссылки, чтобы выделить и сохранить пропорции, что поможет вам автоматически регулировать высоту при изменении ширины. Если вы не нажмете на ссылку для сохранения пропорций, вы получите высокое, тонкое или короткое, широкое изображение, которое выглядит растянутым при изменении одного измерения.
Узнайте больше о различных методах интерполяции, обратившись к разделу Ресамплинг.
Отрегулируйте ширину и высоту изображения двумя способами
Выберите опцию Автоматически , которая поможет вам с интерполяцией по умолчанию. Для более точного управления вы можете выбрать и другие варианты. Каждый из этих вариантов предназначен для конкретных рабочих процессов увеличения или уменьшения изображения.
Автоматические и другие параметры интерполяции в диалоговом окне «Изменение размера изображения»
Просмотр текущего размера изображения
Чтобы быстро отобразить текущий размер изображения, используйте информационное поле в нижней части окна документа.
Разрешение монитора измеряется в пикселях. Если разрешение монитора и размеры изображения в пикселях одинаковы, изображение будет заполнять экран при просмотре на 100%.
Факторы, определяющие размер изображения на экране
- Размеры изображения в пикселях
- Настройки размера и разрешения монитора
В Photoshop можно изменить масштаб изображения на экране, чтобы можно было легко работать с изображениями любых размеров в пикселях.
При подготовке изображений к просмотру на экране следует ориентироваться на минимально возможное разрешение монитора.
Размер файла изображения — это физический размер файла, в котором хранится изображение. Он измеряется в килобайтах (КБ), мегабайтах (МБ) или гигабайтах (ГБ). Размер файла пропорционален размерам изображения в пикселах. Чем больше количество пикселов, тем детальнее изображение, получаемое при печати. Однако для их хранения требуется больший объем дискового пространства, а редактирование и печать замедляются. Таким образом, при выборе разрешения необходимо найти компромисс между качеством изображения (которое должно содержать все необходимые данные) и размером файла.
Другим фактором, влияющим на размер файла, является его формат. Из-за различий в методах сжатия, используемых в форматах файлов GIF, JPEG, PNG и TIFF, размеры файлов при одинаковых размерах в пикселах могут сильно отличаться. Аналогично влияют на размер файла битовая глубина цвета и количество слоев и каналов.
Photoshop поддерживает изображения размером максимум 300 000 пикселей по горизонтали и по вертикали. Это ограничение определяет предельно допустимые размеры и разрешение изображения на экране и при печати.
Разрешение принтера измеряется в точках на дюйм (dpi). Чем выше dpi, тем более качественную печать вы получите. Большинство струйных принтеров обладают разрешением приблизительно от 720 до 2880 dpi.
Разрешение принтера отличается от разрешения изображения, но связано с ним. Чтобы напечатать на струйном принтере высококачественную фотографию, необходимо, чтобы разрешение изображения было не менее 220 ppi.
Линиатура растра представляет собой количество выводимых точек или полутоновых ячеек на дюйм при печати изображений в режиме градаций серого или цветоделения. Также известная как линиатура растра или линейный растр, частота экрана измеряется в строках на дюйм (lpi) или в строках ячеек на дюйм в полутоновом экране. Чем выше разрешение устройства вывода, тем более четкую (высокую) линиатуру растра можно использовать.
Соотношение между разрешением изображения и линиатурой растра определяет качество детализации отпечатанного изображения. Чтобы получить полутоновое изображение наивысшего качества, обычно используется разрешение, превышающее линиатуру растра в 1,5–2 раза.
Однако для некоторых изображений и устройств вывода хорошие результаты может дать и более низкое разрешение. Чтобы определить линиатуру растра принтера, необходимо обратиться к документации принтера или к поставщику услуг.
Некоторые фотонаборные автоматы и лазерные принтеры с разрешением 600 dpi используют технологии растрирования, отличные от полутонирования. Если печать выполняется на подобном устройстве, обратитесь к поставщику услуг или к документации принтера за рекомендациями по выбору разрешения изображения.
A. 65 lpi: грубое зерно обычно используется для печати бюллетеней и продуктовых купонов B. 85 lpi: среднее зерно используется для печати газет C. 133 lpi: мелкое зерно обычно используется для четырехцветной печати журналов D. 177 lpi: очень мелкое зерно обычно используется для печати годовых отчетов и художественных альбомов
Разрешение 300 пикселей/дюйм является отраслевым стандартом для высококачественной печати. Это разрешение гарантирует, что ваше изображение будет выглядеть четким и детализированным при печати.
Разрешение 300 пикселей / дюйм идеально подходит для просмотра мелких отпечатков с близкого расстояния, но вы также можете выбрать более низкие разрешения для крупных отпечатков, если они предназначены для просмотра издалека. Например, если вы печатаете рекламный щит, который будет установлен вне шоссе, вы можете напечатать его с более низким разрешением без ущерба для качества, потому что высокое разрешение становится менее важным по мере продвижения дальше от изображения.
Разрешение по умолчанию в принтерах
Обычно принтеры имеют разрешение печати по умолчанию 300 пикселей / дюйм, и если вы печатаете изображение с более низким разрешением, они настраивают свои параметры изображения для печати вашего изображения с разрешением по умолчанию.
Это означает, что вы не можете напечатать изображение с разрешением, меньшим, чем разрешение принтера по умолчанию, и если вы не увеличите изображение, ваш принтер это сделает.
Просмотр размера печати на экране
Вы можете выполнить одно из следующих действий, чтобы просмотреть размер печати на экране - перейдите в Просмотр > Размер печати. Или выберите инструмент Рука или Масштаб и нажмите Размер печати в панели параметров.
Изображение повторно отображается в его приблизительном печатном размере, указанном в области Размер документа диалогового окна Размер изображения . Размер и разрешение вашего монитора влияют на размер печати на экране.
Ресамплинг изменяет объем данных изображения при изменении его размеров в пикселах либо разрешения.
Даунсамплинг уменьшает количество пикселей - при понижении выборки информация удаляется из изображения.
Апсамплинг увеличивает количество пикселей - при повышении выборки добавляются новые пиксели.
Метод интерполяции определяет, каким образом удаляются или добавляются пикселы.
A. Даунсамплинг B. Без изменений C. Ресамплинг (выбранные пиксели отображаются для каждого набора изображений)
Не забывайте, что ресамплинг может привести к снижению качества изображения. Например, при ресамплинге изображения до большего размера в пикселах уменьшаются его детализация и резкость. Применение фильтра «Контурная резкость» к изображению с повторной выборкой может помочь перефокусировать детали изображения.
Избежать необходимости ресамплинга можно путем сканирования или создания изображений с достаточно высоким разрешением. Чтобы предварительно просмотреть на экране результат изменения размеров в пикселях или напечатать пробные экземпляры при различных разрешениях, выполните ресамплинг дубликата файла.
Photoshop выполняет ресамплинг изображения при помощи методов интерполяции, присваивая новым пикселам значения цвета, полученные на основе значений цвета уже существующих пикселов. Вы можете выбрать метод в диалоговом окне Размер изображения .
- Ближайший сосед Быстрый, но менее точный метод, который воспроизводит пиксели изображения. Этот метод используется в иллюстрациях, содержащих несглаженные края, для того чтобы сохранить четкие границы и создать файл меньшего размера. Однако этот метод может создать зубчатые края, которые станут заметными при искажении или масштабировании изображения или проведении множества операций с выделением.
- Билинейный Метод, добавляющий пиксели путем усреднения значений цвета окружающих пикселей. Он дает результат среднего качества.
- Бикубический более медленный, но более точный метод, основанный на проверке значений окружающих пикселей. За счет использования более сложных вычислений бикубическая интерполяция дает более плавные цветовые переходы, чем интерполяция по соседним пикселам или билинейная интерполяция.
- Бикубическое сглаживание Хороший метод увеличения изображений, основанный на бикубической интерполяции, но предназначенный для получения более сглаженных результатов.
- Бикубический сглаживатель Хороший метод уменьшения размера изображения на основе бикубической интерполяции с повышенной резкостью. Этот метод позволяет сохранить детали изображения, подвергнутого повторной выборке. Если интерполяция «Бикубическая, четче» делает слишком резкими некоторые области изображения, попробуйте воспользоваться бикубической интерполяцией.
Можно указать метод интерполяции, который будет применяться по умолчанию при ресамплинге данных изображения в Photoshop. Выберите пункты «Редактирование» >«Установки» > «Основные» (в Windows) или «Photoshop» >«Установки» > «Основные» (в macOS), а затем выберите метод в меню «Методы интерполяции изображения».
Изменение размеров изображения в пикселях влияет не только на его размер на экране, но и на качество изображения на экране и при печати, то есть на размеры отпечатка или на разрешение изображения.
Наверное очень глупый вопрос, но все же может кто знает. Вообщем я верстаю сайт, и обычно измеряю значения всех отступов, ширины, высоты с помощью элемента прямоугольная область. Но сегодня случайным образом измеряя элемент я случайно нажал клавишу Z, после чего у нужно мне элемента были показаны все значения ширины и высоты, а так же отступов. я просто наводил курсор мыши на объект и нажимал клавишу Z и получал все значения. Теперь я пытаюсь повторить проделанное, не знаю как это вышло, но у меня не получается больше вызвать такой инструмент. Как это сделать ?
В последних версиях СС2015 и выше все работает. Возможно, вы просто скрыли показ границ элементов. Нажмите Ctrl+H или в верхнем меню View - Extras
Но сегодня случайным образом измеряя элемент я случайно нажал клавишу Z, после чего у нужно мне элемента были показаны все значения ширины и высоты, а так же отступов. я просто наводил курсор мыши на объект и нажимал клавишу Z и получал все значения.
Теперь я пытаюсь повторить проделанное, не знаю как это вышло, но у меня не получается больше вызвать такой инструмент. Как это сделать ?
Если при этом убрать отображение границ, то и размеры не будут показаны. Именно на этот вопрос я и ответил.
Перефразируйте свой вопрос, если имелось в виду не это) А еще лучше, на скриншотах покажите.
Pavel Designer: Собственно я немного разобрался и мне удалось частично заскринить то, что мне нужно. Я понял, что элемент который мне был нужен это smart guides. Почитав в интернете инфу я сумел добиться похожего эффекта на то тот, что мне был нужен. На картинке видно стрелки с расстояниями, но все так как мне нужно. До этого я чудным образом умудрился что-то наклацать, в результате чего у меня по няжатию на клавишу Z рисовались границы со значениями со всех сторон . А сейчас, чтобы получить эти стрелочки нужно подвигать объект при нажатой клавише alt и рисуются они не везде. Заранее прошу извинить за формат изложения своих мыслей. Спасибо
Владимир Ионенко: все верно. Направляющие это бирюзовая вертикальная линия и это совсем не то. Они включаются/выключаются по нажатию как Ctrl+; так и по Ctrl+H. То о чем спрашивали вы описано в моём ответе. Должен быть включен показ вот этих вещей: в верхнем меню View - Extras (стоять галочка). И тогда зажав Ctrl (а не Z как вы говорите) и водя по макету будут показываться границы и расстояния элементов, на которые наводите.
А вот если вам сразу нужны размеры конкретного элемента, то надо его выделить в панели слоев (просто кликнув на него). И тогда зажав Ctrl сразу покажутся его границы.
Моет все дело в том, что вы перепутали Z и Ctrl?))
Pavel Designer: Спасибо за ответ, что-то не получается добиться того эффекта который был, но Вы меня направили в нужном направлении, буду разбираться дальше. еще раз спасибо
Подскажите, как Photoshop можно точно измерить расстояния между элементами. Стоит задача попиксельной верстки, поэтому нужна точность.
Смотрел в интернете примеры как верстают, такое чувство что на глаз отмеряют, т.е. инструмент "прямая" берут и смотрят приблизительное расстояние. Это нормально?
Простой 1 комментарий
Скачай Adobe XD (что-то около 250Мб) и все твои проблемы решатся. Выделяешь объект, зажимаешь alt и вуаля.
Если фотошоп не совсем старый, то там есть Extras. При зажатом CMD (или Ctrl) они показывают расстояния до ближайших элементов в макете.
Если у вас версии фотошопа 2015 и ниже, то поставьте плагин guideguide. На более новые что-то подобное.
Плагин автоматически расставляет направляющие под заданные вами параметры. И уже по такой сетке будет удобно работать.
Senseich, тем, что вы не в ручную будете это делать. Просто я так вас поняла, что сетку вам не предоставили, но зная параметры, ее можно сделать.
Включите пиксельную сетку в меню «Просмотр» - «Показать» - «Пиксельная сетка».
При достаточном увеличении картинки она будет отображаться.
В меню настроек (CTRL+K) в пункте «Единицы измерения и линейки» выставьте для линейки «Пиксели». Тогда можно будет ориентироваться по линейке (CTRL+R, если выключена). И прямоугольником можно измерять расстояние.
На глаз и отмеряют, раскидывают блоки по расположению, потом нужен плагин пискельперфекта для браузера, накладываете картинку и начинаете подправлять размеры.
Читайте также: