Как измерить угол в фотошопе

Позиционирование с помощью инструмента «Линейка»

Инструмент «Линейка» помогает точно расположить изображения или элементы. Инструмент «Линейка» позволяет измерить расстояние между любыми двумя точками рабочей среды. При измерении расстояния от одной точки до другой рисуется непечатаемая линия, а на панели параметров и панели «Инфо» отображаются следующие сведения.

• Начальная точка (X и Y).
• Расстояния по горизонтали (W) и по вертикали (H) от осей X и Y.
• Угол относительно оси (У).
• Общая длина (D1).
• Две длины (D1 и D2) при измерении углов. Все измерения, кроме углов, выполняются в единицах, указанных в диалоговом окне «Единицы измерения и линейки». Если в документе существует измерительная линия, при выборе инструмента «Линейка» эта линия отображается.

Измерение расстояния между двумя точками

Выберите инструмент «Линейка» . (Если «Линейка» не отображается, нажмите и удерживайте в нажатом положении инструмент «Пипетка»).

Перетащите курсор от начальной до конечной точки. Чтобы ограничить движение инструмента углом, кратным 45°, удерживайте клавишу «Shift».

Чтобы измерить угол от существующей измерительной линии, перетащите курсор, удерживая клавишу «Alt» (в Windows) или «Option» (в Mac OS), под углом от одного конца измерительной линии или дважды щелкните линию и перетащите курсор. Чтобы ограничить движение инструмента углом, кратным 45°, удерживайте клавишу «Shift».

Как определить величину угла в градусах в документе Photoshop

Photoshop, конечно, не является программой для черчения, но, тем не менее, у пользователя иногда возникает задача определить значение угла какого-либо объекта.

Для выполнения этих задач в программе имеются кое-какие инструменты для позиционирования и измерения объектов.

Измерения размеров объектов в Photoshop-документе производятся с помощью инструмента «Линейка» (Measure Tool):

Кроме того, «Линейкой» можно измерить и угол. Метод измерения угла в Photoshop не явный, и требует точного исполнения последовательности действий. Итак:

1. берём инструмент «Линейка»
2. наводим курсор на точку, зажимаем левую клавишу мыши, протаскиваем первый луч угла до вершины угла
3. отпускаем клавишу мыши на вершине, больше не двигаем курсор
4. зажимаем клавишу Alt, при этом курсор изменит свой вид на символ измерения угла
5. снова зажимает левую клавишу мыши и тащим курсор от вершины по второму лучу угла, отпускаем клавишу

Не рисунке показано выполнение измерения по пунктам:

Значение угла в градусах будет показано вверху на панели параметров.

И ещё одна немаловажная деталь, прошу обратить внимание. Пока Вы не удалили измерительные линии «Линейки», Вы можете подвести курсор в вершине угла или концам лучей и переместить их. В панели параметров будет показано новое значение угла.

Измерения

В версиях, предшествующих Photoshop CC, некоторые функциональные возможности, описанные в данной статье, могут быть доступны только при наличии Photoshop Extended. Photoshop CC не имеет специальной версии Extended. Все возможности Photoshop Extended доступны в Photoshop CC.

Сведения об измерениях

С помощью функции «Измерения» Photoshop можно измерять размеры любых областей, с помощью инструмента «Линейка» или инструментов выделения, включая области неправильной формы, выбранные инструментами «Лассо», «Быстрый выбор» или «Волшебная палочка». Можно также вычислять высоту, ширину, площадь и периметр одного или нескольких изображений. Данные измерений сохраняются на панели «Журнал замеров». Столбцы палитры «Журнал замеров» можно настроить, данные в пределах столбца можно отсортировать, а также экспортировать их из журнала в текстовый файл Unicode с разделителями табуляцией.

Шкала измерений

Установка шкалы измерений задает определенное число пикселов в изображении, равное целому количеству единиц измерения шкалы, например дюймам, миллиметрам или микронам. После создания шкалы можно измерять области и принимать результаты и журнал расчетов в выбранных единицах измерения шкалы. Можно создать несколько стилей шкал измерения, однако одновременно к документу может применяться только одна шкала.

Маркеры масштаба

Для рендеринга шкалы измерения на изображении можно размещать маркеры масштаба. Маркеры масштаба могут отображаться с заголовком, соответствующим единицам измерения шкалы измерения, или без.

Настройка шкалы измерений

Для настройки шкалы измерений документа используйте инструмент «Линейка». Для часто используемых шкал измерения можно создавать стили шкал измерения. Стили добавляются с помощью подменю «Изображение» > «Анализ» > «Задать шкалу измерений». Текущая шкала измерений документа проверяется в этом подменю и отображается на панели «Инфо».

Настройка шкалы измерений для файлов DICOM происходит автоматически. См. раздел Сведения о файлах формата DICOM.

Для возврата к шкале измерений по умолчанию (1 пиксел = 1 пиксел) выберите команду меню «Изображение» > «Анализ» > «Задать шкалу измерений» > «По умолчанию».

Установка шкалы измерений

Откройте любой документ.

Выберите команду меню «Изображение» > «Анализ» > «Задать шкалу измерений» > «Пользовательский. ». Автоматически выбирается инструмент «Линейка». Перетащите этот инструмент для измерения расстояния между пикселами изображения или введите значение в текстовое поле «Длина в пикселах». После закрытия диалогового окна «Шкала измерений» восстанавливаются текущие настройки инструмента.

Введите значения «Логическая длина» и «Логические единицы», которые необходимо установить равными значению поля «Длина в пикселах».

Например, если значение «Длина в пикселях» равно 50 и необходимо установить шкалу 50 пикс/мкм, введите «1» в поле «Длина в пикселах» и выберите микроны в поле «Логические единицы».

Для установки шкалы измерения документа нажмите кнопку «ОК» в диалоговом окне «Шкала измерений».
Для сохранения текущих настроек шкалы измерения выберите «Файл» > «Сохранить».

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

Для отображения шкалы измерения внизу окна документа выберите «Показать» > «Шкала измерения» в меню окна документа.

Создание стиля шкалы измерения

Откройте любой документ.
Выберите команду меню «Изображение» > «Анализ» > «Задать шкалу измерений» > «Пользовательский. ».
Создайте шкалу измерения.
Выберите команду «Сохранить набор параметров. » и введите имя.

Нажмите кнопку «ОК». Созданный набор добавляется в подменю «Изображение» > «Анализ» > «Задать шкалу измерений».

Удаление стиля шкалы измерения

Выберите команду меню «Изображение» > «Анализ» > «Задать шкалу измерений» > «Пользовательский. ».
Выберите стиль, который необходимо удалить.
Щелкните «Удалить стиль», затем нажмите кнопку «ОК».

Использование маркеров масштаба

Маркеры шкалы измерений отображают масштаб измерения, используемый в документе. Установите шкалу измерений для документа до создания маркера масштаба. Можно устанавливать длину маркера в логических единицах, добавлять текст заголовка, уточняющий длину, и устанавливать черный или белый цвет маркера и заголовка.

Ознакомительный видеофильм о возможностях измерения см. по адресу: www.adobe.com/go/vid0029_ru.

Создание маркера масштаба

Выберите команду меню «Изображение» > «Анализ» > «Разместить маркер масштаба».
В диалоговом окне «Маркер шкалы измерений» установите значения следующих параметров.

Введите значение для установки длины маркера масштаба. Длина маркера в пикселях зависит от шкалы измерения, которая в текущий момент выбрана для конкретного документа.

Выберите шрифт отображаемого текста.
Размер шрифта
Выберите размер шрифта отображаемого текста.
Показать текст
Выберите этот параметр для отображения логической длины и единиц для маркера масштаба.
Расположение текста
Отображает заголовок выше или ниже маркера масштаба.
Устанавливает черный или белый цвет маркера и заголовка.
Нажмите кнопку «ОК».

Маркер масштаба помещается в нижнем левом углу изображения. Маркер добавляет группу слоев в документ, содержащий текстовый (если выбран параметр «Показать текст») и графический слой. Для перемещения маркера масштаба можно использовать инструмент «Перемещение», а для редактирования заголовка и изменения размера текста, шрифта и цвета — инструмент «Текст».

Добавление или замена маркеров масштаба

В документ можно поместить несколько маркеров масштаба или заменить уже существующие в нем маркеры.

Дополнительные маркеры помещаются на изображении в ту же самую позицию и могут перекрывать друг друга в зависимости от их длины. Для просмотра нижележащих маркеров отключите набор слоев маркеров масштаба.

Выберите команду меню «Изображение» > «Анализ» > «Разместить маркер масштаба».
Нажмите кнопку «Удалить» или «Сохранить».
Задайте настройки нового маркера, затем нажмите кнопку »ОК».

Удаление маркера масштаба

На панели «Слои» выберите группу слоев «Маркер шкалы измерений», относящуюся к маркеру масштаба, который необходимо удалить.

Щелкните правой кнопкой мыши группу слоев и выберите из контекстного меню пункт «Удалить группу» либо нажмите кнопку «Удалить слой».

Щелкните «Группы и содержимое».

Проведение измерений

Измерения можно выполнять с помощью инструментов выделения Photoshop: инструмента «Линейка» или инструмента «Счетчик». Выберите инструмент измерения, который соответствует типу данных, записываемых в журнал замеров.

• Создайте область выделения для измерения значений, например высоты, ширины, периметра, площади или оттенка пикселов. Одновременно можно измерять одну или несколько областей выделения.
• Для измерения линейного расстояния и угла нарисуйте линию с помощью инструмента «Линейка».
• Для подсчета элементов в изображении используйте инструмент «Счетчик», а затем запишите число подсчитанных элементов. См. раздел Подсчет объектов на изображении. За один раз можно получить один или несколько результатов обработки данных. Выбранные результаты обработки данных содержат информацию, записываемую в журнал замеров. Результаты обработки данных соответствуют типу инструмента, с помощью которого было проведено измерение. Площадь, периметр, высота и ширина являются результатами обработки данных, получаемых инструментами выделения. Длина и угол — это результаты обработки данных, получаемые с помощью инструмента «Линейка». Для ускорения рабочего процесса можно создавать и записывать наборы результатов обработки данных определенного типа измерений.

Откройте существующий документ.

Выберите пункт меню «Изображение» > «Анализ» > «Задать шкалу измерений» и задайте набор шкалы измерения документа (см. раздел Установка шкалы измерений) или выберите «Заказной» и установите пользовательскую шкалу измерений.

Измерения рассчитываются и записываются в журнал замеров с помощью единиц измерения, определяемых при записи измерения. Если единица измерения отсутствует, то по умолчанию масштаб равен 1 пиксел = 1 пиксел.

Выберите команду меню «Изображение» > «Анализ» > «Выделить точки данных» и выполните одно из следующих действий (необязательно).

• Выберите «Заказной», чтобы выбрать результаты обработки данных для измерения.
• Выберите уже существующие наборы результатов обработки данных из подменю.

В диалоговом окне «Выделить точки данных» результаты обработки данных группируются по типу инструмента измерения, который был использован для их получения. Результаты обработки данных «Общие» доступны для всех инструментов. Они добавляют полезную информацию в журнал замеров, например имя файла, для которого производились измерения, единицы измерения, а также дату и время измерения.

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

При выполнении измерения определенным инструментом в журнале будут отображаться только данные, связанные с этим инструментом, вне зависимости от выбора других результатов обработки данных. Например, при выполнении измерения инструментом «Линейка» в журнал замеров будут заноситься только результаты обработки данных инструмента «Линейка» наряду с любыми выбранными результатами обработки данных «Общие».

Выберите свойство изображения и инструмент измерения для согласования выбранных результатов обработки данных. Выполните одно из следующих действий.

• Создайте в изображении одну или несколько областей выделения.
• Выберите команду меню «Изображение» > «Анализ» > «Инструмент «Линейка» или щелкните инструмент «Линейка» на палитре инструментов, а затем используйте его для измерения длины области изображения.
• Выберите команду меню «Изображение» > «Анализ» > «Инструмент «Счетчик» или щелкните инструмент «Счетчик» на палитре инструментов, а затем подсчитайте число элементов на изображении.

Для отображения панели журнала замеров выберите пункт «Окно» > «Журнал измерений».

Выберите команду меню «Изображение» > «Анализ» > «Записать измерения» или нажмите кнопку «Записать измерения» на панели журнала замеров.

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

Журнал замеров содержит столбцы для каждой точки данных, выбранного в диалоговом окне «Точки данных измерения». Каждое новое выполненное измерение приводит к добавлению новой строки данных в журнал замеров. При выполнении измерения нескольких выделенных областей в изображении в журнале создается итоговая строка, содержащая суммарную информацию для выбранных областей и располагающаяся ниже всех строк данных для отдельных выделенных областей. Данным о каждой выделенной области присваивается уникальный номер, и они заносятся в список журнала в качестве отдельного свойства в столбец «Метка». Для различающихся областей выделения в одном и том же или в нескольких документах можно повторить шаги с 2 по 6. Столбец «Документ» в журнале замеров содержит информацию об источнике данных измерения.

Photoshop — определить радиус скругления углов на psd-макете

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

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

Но вот верстальщику в данной ситуации не совсем легко. Как передать в коде такое скругление углов? Раньше, до появления CSS3, выходили из положения трудоемким и кропотливым способом — вырезали из изображения скругленные углы и всталяли их в код к качестве фоновых изображений.

Но вот появился CSS3 и дело значительно облегчилось, так как в этой спецификации есть свойство, специально созданное для отрисовки круглых углов у блоков. Оно называется

border-radius

На момент своего появления поддержка браузерами осуществлялась с помощью браузерных префиксов, таких как

-webkit

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

Но речь в данной статье не об этом. Точнее, не о том, как создать скругленный угол в CSS3. А о том, как померить этот угол на psd-макете. Допустим, у нас есть присланный дизайнером макет сайта:

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

border-radius: 20px

А вот как его узнать? Не звонить же дизайнеру с вопросом — какой радиус ты заложил в макете?

Скажу, что сразу ответ на этот вопрос я не получил. По привычке отправился на форум forum.htmlbook.ru, но конкретного ничего не вынес оттуда. После поисков в Инете все-же решение было найдено. И оно оказалось очень простым.

Давайте масштабируем макет так, чтобы был хорошо виден скругленный угол блока. Видим на нем, как прямая линия блока плавно переходит в скругление, которое после своего завершения опять превращается в прямую. Для нас интересны здесь две точки — там, где скругление начинается, и там, где оно заканчивается. Назовем их касательными точками:

Проведем в качестве вспомогательных линий две направляющие — вертикальную и горизонтальную. На рисунке они отображены тонкими синими линиями. Нам они будут необходимы для того, чтобы получить точку их пересечения. Затем выберем в панели инструментов Photoshop прямоугольное выделение (Rectangular Marqee).

И построим квадрат (зажав клавишу Shift ) так, чтобы его левый верхний угол совпал с точкой пересечения направляющих. Протянем его мышкой так, чтобы стороны расширяющегося квадрата совпали с касательными точками, о которых говорилось ранее. Как только линии квадрата и касательные точки совпадут, отпускаем мышь — построение закончено.

Можно выполнить построение другим способом. Начать выделение из одной точки (касательной) и закончить в другой, то есть, как бы по диагонали. Результат будет тот же самый, но не нужно создавать направляющие:

Теперь откроем панель “Инфо”, и взглянем на размеры построенного квадрата. Длины сторон и будут радиусом скругления для данного блока на макете:

Не верите? Это точно — любая из сторон построенного квадрата будет радиусом данного скругления! Чтобы еще немного разъяснить, я нарисовал в AutoCAD круг с радиусом

41мм

, а затем построил квадрат с длинной стороны

41мм

так, чтобы вписать его правый верхний угол в центр созданного круга. На рисунке хорошо видно, что любая из его сторон является радиусом круга, в который он вписан:

При построении квадрата выделения на psd-макете бывает, что невозможно точно попасть так, чтобы стороны квадрата совпали с направляющими guideline. Для себя нашел такой выход. Ну, не попал, так не попал.

Строю квадрат дальше. Когда он построен и мышь отпущена, я просто перемещаю выделение в нужное место с помощью клавиш-стрелок на клавиатуре. А дальше — все как и прежде. Смотрю на панель “Инфо” и получаю точный радиус скругления:

Как видно, все оказалось очень просто. Теперь, зная точное значение радиуса скругления, можно создать шаблон сайта, максимально соответсвующий psd-макету.

P.S.

На рисунке с изображением круга и квадрата, созданных в AutoCAD, имеется неточность. В выноске указано, что построен прямоугольник, хотя на самом деле это конечно же квадрат.

Почему на psd-макете радиус скругления равен

40px

, а в AutoCAD —

41px

? Да просто промахнулся, когда рисовал круг. Сути дела это ведь не меняет, только еще нагляднее показывает верность подхода.