Автор статьи:

Линейки, сетка и направляющие — инструменты позиционирования в фотошопе

Содержание статьи
1 Линейки в фотошопе
2 Направляющие в фотошопе
3 Сетка разметки в фотошопе

Фотошоп обладает рядом инструментов, служащие для точного позиционирования элементов изображения в документе. Например, для того чтобы разместить какой-либо элемент точно по середине, используется инструмент Перемещение и его настройки позиционирования.

Но как быть, когда, допустим, нужно сделать отступ от верхнего края 50 пикселей? Или, что делать, когда вы размещаете 10 элементов по документу и каждый из них нужно позиционировать относительно друг друга на точно заданных расстояниях? Для решения таких вопросов нужно обратиться к инструментам позиционирования: линейки, сетка и направляющие.

Линейки в фотошопе

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

Чтобы включить отображение линеек в фотошопе, выполните команду:

Просмотр — Линейки или горячая клавиша Ctrl+R.  

Линейки в фотошопе

По умолчанию единица измерения — пиксели. Но это можно изменить. Возможны следующие способы как это сделать:

Способ 1

Кликните правой кнопкой мыши по шкале линейки. появится контекстное меню со всеми имеющимися в фотошопе единицами измерения: пиксели, дюймы, сантиметры, миллиметры, пункты, пики и проценты.

Выбор единицы измерения из контекстного меню

Способ 2

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

Единицы измерения и линейки

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


Линейка имеет начало отсчета — 0. По умолчанию это верхний левый угол документа. Но и это можно изменить, установив начало шкалы в любом другом месте. Для этого сделайте клик в точке пересечения двух линеек, затем, не отпуская кнопку мыши, потяните в сторону. Вы увидите перекрестие. Разместите его центр в том месте, где должно быть начало отсчета у линейки.

Изменение начала линнейки в фотошопе

Примечание

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

Направляющие в фотошопе

Теперь, когда появились линейки, можно создать направляющие.

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

Как выглядят направляющие в фотошопе

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

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

Примечание

Эффект прилипания в фотошопе называется Привязкой. Она включается и отключается в меню Просмотр — Привязка. Проследите, чтобы галочка стояла.

Отсюда вытекает и вся тактика использования: сначала нужно точно установить направляющую на своем месте. Для этого используется шкала линеек, если нужно отмерить нужное расстояние. Затем, когда все на месте, перетащите к направляющей элемент изображения, и он прилипнет к этой линии. Все, он позиционирован!

Как создать направляющие в фотошопе

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

Теперь нужно их создать. Есть два способа для разных случаев жизни:

Способ 1 Произвольные направляющие

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

Для этого сделайте клик мыши в области шкалы линейки:

  • для горизонтальной линии — на верхней линейке;
  • для вертикальной линии — не левой линейке.

Затем, не отпуская кнопку мыши, потяните руку в сторону документа. Тогда вместе с вашим движением потянется, пока еще темная, линия направляющей. Далее установите ее в нужном месте и она станет голубого цвета.

Как создать направляющую в фотошопе

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

Способ 2 С указанием, где должна появится направляющая

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

Окно Новая направляющая

Как изменить положение направляющей

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

Кстати, направляющие можно закрепить, то есть защитить от случайного сдвига. Для этого поставьте галочку в меню Просмотр — Закрепить направляющие.

Как убрать/удалить направляющие

Способ 1 Переместить на шкалу линейки

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

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

Способ 2 Команда меню

Через меню программы: Просмотр — Удалить направляющие. В этом случае пропадут сразу все созданные линии.

Способ 3 Отключить отображение

Если нужно временно убрать направляющие, чтобы они не мешали, то уберите галочку в команде Просмотр — Вспомогательные элементы или используйте горячую комбинацию Ctrl+H.

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

Сетка разметки в фотошопе

Вспомните-ка как выглядит тетрадный лист в клеточку. Такую же сетку можно поместить поверх документа в фотошопе. Для этого выполните команду:

Просмотр — Показать — Сетку

Сетка разметки в фототшопе

Настройка сетки осуществляется в установках фотошопа: Редактирование — Установки — Направляющие, сетка и фрагменты.

Настройки сетки в фотошопе

Можно указать какой ширины будут основные (большие) ячейки и из какого количества дополнительных внутренних делений они будут состоять. Например, у меня основные ячейки по 2 сантиметра и делятся дополнительно на 4 поменьше. Таким образом, каждая маленькая клетка составляет 0.5 сантиметра.

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter. Спасибо!