Применение направляющих в Фотошопе

Применение направляющих в Фотошопе

Качество снимков напрямую может зависеть от того, как мастер располагает рабочие объекты: кривизна фотообъектов может испортить фото и его качество снизится, соответственно, труд мастера будет считаться напрасным. Самое простое и доступное средство для избежания этой проблемы — направляющая, которая позволяет выравнивать объекты на композиции.

Направляющие в Photoshop

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

Настройка и применение направляющих

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

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

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

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

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

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

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

Для того чтобы визуально сравнить результат до и после, можно временно убрать направляющие в Фотошопе, набор горячих клавиш CTRL+H позволит осуществить это быстро и оперативно, что немаловажно при работе с большим объемом изображений. Чтобы снова вернуть, следует зажать аналогичные клавиши: направляющие линии вернутся на свои места. Для того чтобы избавиться от ненужной голубой линии, достаточно перетащить её в область линейки и она исчезнет. Удалить все направляющие линии можно с помощью функции «Просмотр — Удалить направляющие».

Также в программе Adobe Photoshop управлять направляющими можно как душе угодно: справиться с этой задачей поможет функция «Перемещения». Найти эту функцию можно на панели инструментов, которая расположена вертикально. Выбрать инструмент можно и зажав «V» на клавиатуре. Если подвести курсор инструмента к линии, он изменит форму, позволяя переместить направляющую.

Иногда работа по уравниванию объектов на изображении требует быстрого результата и не терпит создание направляющих вручную. Для таких ситуаций программа позволяет использовать сетку. Создается этот инструмент в меню «Просмотр — Показать – Сетка». Также можно зажать комбинацию CTRL+’.

Выглядит сетка на холсте вот так:

В обычном режиме сетка представляет собой направляющие, расстояние между которыми дюйм, поделённый на четыре части.

Изменить расстояние между направляющими можно в меню «Редактирование — Установки — Направляющие, сетки и фрагменты».

Сетка сможет выручить Фотошоп-мастера в том случае, если уравнивать необходимо большое количество объектов, к примеру, текстовые объекты.

Режим быстрых направляющих

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

Вид быстрых направляющих на холсте:

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

Как сделать сетку в Фотошопе (убрать, включить, отключить) и зачем она нужна

Сетка в фотошопе — это вспомогательный инструмент, предназначенный для аккуратного размещения объектов на холсте. Как обычно, сперва ответы на самые популярные вопросы, потом подробная инструкция по применению. В: Как убрать сетку в Фотошопе?
О: Для того, чтобы убрать сетку в фотошопе, нажмите горячие клавиши Ctrl + ‘ В: Как включить сетку в Фотошопе?
О: Чтоб включить сетку, в фотошопе нажмите клавиатурное сокращение Ctrl + ‘ (на русской раскладке апостроф находится на клавише с буковой Э). В: Как сделать сетку в Фотошопе?
О: Для того, чтоб сделать сетку в Фотошопе включите отображение сетки на экране Ctrl + ‘ либо через меню программы Просмотр → Показать → Сетку, затем перейдите в настойки сетки (Ctrl + K, либо меню программы Редактирование → Настройки → Направляющие, сетки, фрагменты. ) чтоб выбрать параметры сетки. В: Будет ли видно сетку при публикации или печати изображения?
О: Сетка видно только на вашем мониторе, на готовой картинке сетка не будет отображаться. Все изображения в тексте кликабельны и увеличиваются при клике мышкой. Пользуйтесь этой фишкой, чтоб лучше рассмотреть где какие кнопки находятся.

Как сделать сетку в Фотошопе — подробная инструкция

• Открываем фотошоп, загружаем изображение.
• Включаем линейки (Ctrl + R).
• Включаем сетку (Ctrl + ‘).
• Переходим в параметры сетки для установки шага сетки.

Рис. 1, Включаем сетку в Фотошопе

В техническом задании расстояние указано в сантиметрах. Переключаем линейки в сантиметры, для этого наводим курсор на линейки, нажимаем правую кнопку мыши и в открывшемся меню выбираем «Сантиметры» (Рис. 2).

Рис. 2, Меняем единицы измерения на сантиметры

Дальше переходим в пункт меню программы Редактирование → Установки → Направляющие, сетки, фрагменты. (Рис. 3), либо жмем горячие клавиши Ctrl + K.

Рис. 3, Включаем меню настроек сетки

В диалоговом окне установки → «Направляющие, сетки и фрагменты. » нас интересует блок «Сетки» (Рис. 4).

Рис. 4, Окно настроек «Направляющие, сетки и фрагменты. «

Для сетки делаем следующие настройки (Рис. 5):

1. Окно выбора цвета, меняю красный на черный цвет потому что красный сливался с фоном. Если кликнуть на квадратик с цветом, можно курсором мыши выбрать оттенок цвета или задать числовое значение цвета.
2. Линия через каждые — задаем интервал, который будет между линиями сетки.
3. Единицы измерения, по клику на «птичку» разворачивается меню из которого выбираем сантиметры (пиксели, дюймы, проценты).
4. Внутреннее деление — число показывает на сколько дополнительных столбцов и строк будет разбита сторона квадрата.
   В нашем примере линии через каждые 30 см и внутреннее деление 3. 30 : 3 = 10, ширина внутренних делений будет 10 см.
5. Жмем кнопку «ОК», диалоговое окно закрывается. Кнопка «ОК» на рис. 5 не вошла в кадр, но хорошо видна на рис. 4.

Рис. 5, Как настроить сетку в Фотошопе

В нашем примере по заданным параметрам, основные линии проходят через каждые 30 см в виде сплошной черты и внутреннее деление на 3 части обозначено пунктирными линиями (Рис. 6).

Рис. 6, Сетка в фотошопе, внешний вид

По сетке отметил места, где должны располагаться объекты в соответствии с заданными параметрами — 20 см отступ сверху, 10 см отступ слева и 30 см расстояние между объектами (Рис. 7).

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

Рис. 7 Размечаем сетку в фотошопе

Не забываем в меню программы поставить галочку Просмотр → Привязать к → Всё. Теперь у нас включена привязка к линиям сетки и при перемещении объектов фотошоп подсвечивает границы линий сетки и расстояния между объектами и границами документа (Рис. 8).

Рис. 8, Привязка в фотошопе

После того как расставили объекты включаем фоновое изображение. Рекомендую в процессе работы периодически включать фон для контроля, как будет смотреться картина в целом (Рис. 9).

Рис. 9 Как отключить сетку в фотошопе

Как отключить сетку в Фотошопе

Теперь осталось отключить сетку в фотошопе и сохранить изображение. Итоговый результат смотрите на рис. 10. Сетка в фотошопе отключается так же, как и включается — комбинацией Ctrl + ‘ , либо через меню программы Просмотр → Показать → Сетку.

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

Рис. 10, Отключаем сетку в фотошопе и сохраняем изображение

Примеры практического применения сетки

Выравнивание объектов, это один лишь из вариантов применения сетки. Для следующего примера включаем пункт меню Просмотр → Привязать к → Всё (Рис. 11). У меня привязка ко всему постоянно включена, если вдруг понадобится её временно отключить — я удерживаю клавишу Ctrl при перемещении объектов и линии привязки не отображаются.

Рис. 11, Включаем привязку к сетке

Выбираю инструмент «Прямоугольное выделение» (Прямоугольная область, второй сверху на линейке инструментов обозначен пунктирным прямоугольником, горячая клавиша «M»)

Курсор мыши теперь отображается в виде крестика. Провожу крестиком по границам квадратов сетки и выделение происходит строго по сетке. В строке меню программы в настройках выделения у меня выбран режим «Добавить к выделенной области», под курсором режим дублируется знаком «+».

Выделив один квадрат, перехожу к следующему. Так выделяю 5 квадратов (просто захотелось пять) — Рисунок 12, Выделение прямоугольной области по сетке.

Рис. 12, Выделение по сетке в Фотошопе

Теперь мы можем раскрасить выделенные области. Переключаемся на кисть (клавиша B) и берем кисть большого диаметра (диаметр кисти увеличивается клавишей «]», уменьшается «[«) и начинаем легко раскрашивать, не боясь вылезти за границы выделенной области.

Даже если мы будем водить кисточкой по всему экрану, раскрасится только выделенная область внутри сетки (Рис. 13).

Рис. 13, Раскрашивание выделенной области сетки

Теперь решаем обратную задачу — надо раскрасить всё изображение, не залезая внутрь границ выделенной области сетки. Для этого инвертируем выделение (Выделение → Инверсия, либо горячие клавиши Shift + Ctrl + I), после чего снова раскрашиваем холст.

Для каждого действия по рисованию я создаю новый слой. Если что-то не получится, фоновый рисунок не пострадает, а слой я удалю и создам новый.

Весь слой у нас окрасился в оранжевый оттенок, кроме выделенных квадратов, те сохранили исходный цвет (Рис. 14)

Рис. 14 Инверсия выделенной области сетки

Удаление выделенной области — переходим на слой, с которого хотим удалить квадратики и жмём клавишу Delete. На месте выделенных квадратов появилась пустая область, обозначенная серо-белой шашечкой (Рис. 15).

Рис. 15, Удаление выделенной области

Добавляю в Фотошоп новое изображение, по умолчанию он располагается сверху всех слоев (Рис. 16)., и перекрывает вырезанные участки с фонового изображения.

Рис. 16, Фото на новом слое

Перемещаем новый слой в самый низ (горячие клавиши Ctrl + Shift + [ ), под изображение, где вырезали выделенные квадраты сетки. Теперь в удаленной области видим добавленное изображение (Рис. 17).

Рис. 17, Сетка в Фотошопе для создания коллажа

Для того чтобы снять выделение жмем Ctrl + D, и убираем отображение сетки клавиатурным сокращением Ctrl + ‘.

Пиксельная сетка

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

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

Для того, чтоб включить отображение пиксельной сетки выбираем пункт меню программы: Просмотр → Показать → Пиксельная сетка (Рис. Х).

Рис. Х, Как включить отображение Пиксельной сетки

Разница, как отображается изображение с включенной (слева) и выключенной (справа) пиксельной сеткой показана на рисунке ХХ. Линии, которые разделяют пиксели между собой видны только при увеличении масштаба в несколько раз.

Для примера, чтоб показать пиксельную сетку я поставил масштаб 2000%. Способы, как менять масштаб описаны в конспекте «Масштабирование в Фотошопе».

Рис. , Пиксельная сетка в Фотошопе

Основные выводы

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

Кроме этого конспекта, у меня есть еще два материала посвященные инструментам измерения и разметки в фотошопе — Линейка в фотошопе и Направляющие в фотошопе. Использование всех трёх фишек даст мощный рост вашим скилам в иллюстрации.

Если у вас остались какие вопросы, задавайте в комментариях. Если вопросов нет — скажите автору спасибо и поделитесь заметкой в социальных сетях. Ваша активность придаёт мне ускорение для написания новых конспектов.

Понравилась статья? Поделись!

Главное, про направляющие в Фотошопе (Adobe Photoshop): как включить, удалить, скрыть

Направляющие в фотошопе служат для точного расположения объектов на холсте, помогают легко выровнять по уровню и быстро выравнять по размеру всё, что можно передвигать по слоям. Как обычно, сперва ответы на самые популярные вопросы, потом подробная инструкция. В: Как включить направляющие в Фотошопе?
О: Перейдите по вкладкам Просмотр → Показать → Направляющие. В: Как сделать направляющие в Фотошопе?
О: Нажать Ctrl + R, направляющие вытаскивать из линеек курсором мыши, удерживая зажатой левую кнопку мыши. Второй способ, выбираем пункты меню Просмотр → Направляющие → Новая направляющая. В: Как убрать направляющие в Фотошопе?
О: Чтоб убрать направляющие нажмите комбинацию Ctrl + ; (русская буква Ж), при повторном нажатии комбинации направляющие вернуться. В: Будет ли видно направляющие при печати фотографий и размещении изображения в интернете?
О: Направляющие в фотошопе это вспомогательные непечатаемые линии, которые видите только вы. При печати фотографий и публикации в интернете этих линий не будет видно. Все изображения в тексте увеличиваются при наведении курсора и клике левой кнопкой мышки. Если что-то не можете разглядеть — увеличьте изображение.

Направляющие в Фотошопе: инструкция по применению

Для начала использования направляющих, переходим в меню Просмотр → Привязать к → Все (рис. 1). Таким образом мы разрешим фотошопу автоматически показывать расстояния между объектами и расстояние от края документа. Рис. 1, Привязка к направляющим Чтобы отменить все привязки выбираем пункт «Снять выделения», либо снимаем галочку с нужного пункта (Направляющим, Линиям сетки, Слоям). Рекомендую, чтоб привязка всегда была включена (Рис. 2). Рисунок 2, Включаем привязку к направляющим Если возникнет ситуация, когда нужно разместить объект без учета привязки — жмем клавишу Ctrl для временного отключения привязки.

Как сделать направляющие, 1-й способ

Включаем горизонтальные и вертикальные линейки любым удобным способом: Просмотр → Линейки или жмем Ctrl + R. Старайтесь привыкать использовать горячие клавиши. Наводим курсор на линейку, нажимаем правую кнопку и выбираем единицы измерения. У меня стоит «Пиксели» и все значения в пикселях. Сперва, может быть не привычно после сантиметров и метров, но изображения для интернета в пикселях удобнее делать. Для того, чтоб добавить новую направляющую наводим курсор на линейку, зажимаем левую клавишу мышки и тащим курсор на холст (рабочую область) до нужного места (Рис. 3). Курсор теперь отображается в виде двух параллельных черточек, между которыми зажата направляющая. Справа от курсора в черной рамке отображается текущее положение направляющей относительно оси Ординат OY. Пока направляющая левее (выше) точки 0, значение отрицательное. По правую сторону от точки 0 значение Y становится положительным. По умолчанию, значения направляющих идут с округлением до десятых. Для того, чтоб направляющая перемещалась только на целые положительные числа удерживайте нажатой клавишу Shift. Рис. 3, Как сделать направляющие в Фотошопе Для того, чтоб добавить горизонтальную направляющую, наводим курсор мыши на горизонтальную линейку и удерживая зажатой ЛКМ перетаскиваем направляющую на рабочее поле. Вертикальные направляющие вытаскиваем из вертикальной линейки.

Как сделать направляющие, 2-й способ

Вытягивать направляющие по одной, когда их надо несколько штук и ловить мышкой нужное значение пикселей довольно кропотливая работа. Рассмотрим второй способ, лишенный этих недостатков. Открываем меню Просмотр → Направляющие → Новая направляющая (Рис. 4). Рис. 4, Как сделать направляющую в Фотошопе По клику на пункт «Новая направляющая» открывается диалоговое окно. Окно можно смещать мышкой на свободное пространство, удерживая зажатой левой кнопкой мыши. При повторном вызове команды «Новая направляющая» окно откроется на том же самом месте, где его оставляли в последний раз (Рис. 5). Рис. 5, Диалоговое окно «Новая направляющая» Диалоговое окно «Новая направляющая» содержит следующие пункты:

• Ориентация Горизонтальная / Вертикальная
• Положение, указываем на сколько единиц будет смещение относительно точки 0. Указать точное значение цифрами — это удобнее, чем пытаться мышкой поймать положение направляющей.
• Цвет, в раскрывающемся меню выбираем какого цвета будет направляющая. Каждой направляющей или группе направляющих можно выбрать свой цвет. Когда направляющие вытягиваем из линейки, они все будут одного цвета.
• Подтверждение действия. Если все устраивает, жмём «ОК», если передумали ставить направляющую — жмём «Отмена».

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

Положение новой измеряющей указывается в единицах, выбранных для линейки, на рис. 5 это пиксели. Для однократного изменения единиц измерения наводим курсор мыши на окошко для ввода чисел и нажимаем правую кнопку мыши. Открывается подменю в котором пиксели однократно можем поменять на сантиметры или проценты (Рис. 6).

Это удобно, когда например нужно найти центр или разделить холст на 4 ровные части. При создании горизонтальной направляющей указываем положение 50% и жмем ОК, потом создаем новую направляющую. Ориентацию указываем Вертикальная, положение 50%, ОК.

Рис. 6, Как разделить фото на 4 части

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

Другой вариант использования четвертинок — выбрать инструмент «Прямоугольное выделение», выделить по направляющим одну четвертую изображения и затем выделенную часть можно сохранить, копировать, удалить, применить к ней градиент (Рис. 7).

Рис. 7, Пример использования направляющих

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

В раскрывающемся меню «Цвет» по умолчанию задано 9 вариантов цвета. За строкой с названием цвета находится квадрат, в котором отображается выбранный цвет (Рис. 8).

При клике левой кнопкой мыши на квадрат с цветом, откроется дополнительное диалоговое окно для выбора оттенка цвета (Рис. 6). Оттенок можно выбрать киком мыши в цветовую область. Основные цвета меняются бегунком на вертикальной шкале цветов.

В левой части окна просмотра цвета (Цвет направляющей) отображается текущее значение цвета sRGB и окошко для указания цвета в формате #0000.

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

Рис. 8, Выбор цвета для направляющей

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

После делаем клик правой кнопкой мыши для вызова контекстного меню, где выбираем первый пункт «Изменить выбранные направляющие» (Рис. 9).

Рис. 9, Изменить выбранные направляющие

По клику ЛКМ на строку «Изменить выбранные направляющие» откроется уже знакомое диалоговое окно в котором мы сможем поменять цвет, направление и положение направляющей. Действия и настройки аналогичные, что и при создании новой направляющей (Рис. 8).

Выше мы рассматривали способы как поменять цвет для каждой направляющей индивидуально. Если вы хотите поменять настройки цвета и тип линии, которые будут по умолчанию, переходим в меню программы Редактирование → Настройки → Направляющие, сетки, фрагменты (Ctrl + K). Более подробно про установки рассказано в конспекте «Как настроить фотошоп».

Рис. 10 Настройки отображения направляющих

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

В фотошопе есть три способа удалить направляющие. Не путайте с убрать и скрыть. Если направляющие просто скрыть (Ctrl + ;), их потом можно вернуть в любой момент. Удаление уже не имеет обратной силы.

1. Перейти в меню программы: Просмотр → Направляющие → Удалить направляющие. Будут удалены все направляющие.
2. Выделить направляющую и удерживая зажатой ЛКМ перетащить в любое свободное место за пределами холста. Будет удалена только выбранная направляющая.
3. Выделить направляющую кликом ЛКМ при активном инструменте «Перемещение» или в любом другом режиме кликните ЛКМ при зажатой клавише Ctrl, после нажмите правую кнопку мыши и в открывшемся меню выберите «Удалить выбранные направляющие» или «Удалить все направляющие».

В новых версиях фотошопа удалить выделенную направляющую можно нажатием на клавиатуре клавиши Delete.

Горячие клавиши для новой направляющей

Когда часто приходится работать с направляющими есть еще один способ позволяющий ускорить работу — это назначить горячие клавиши для направляющих.

Для вызова меню клавиатурных сокращений жмём комбинацию клавиш Alt + Shift + Ctrl + K, либо заходим через меню программы Редактирование → Клавиатурные сокращения (Рис. 11), затем делаем следующие настройки:

1. Открываем окно клавиатурных сокращений и меню, Alt + Shift + Ctrl + K.
2. Проверяем, что для строки «Клавиатурные сокращения для» выбран пункт «Меню программы».
3. Команда меню программы → Просмотр → Новая направляющая.
4. Кликаем в строку «Новая направляющая» и в появившемся окошке задаем комбинацию горячих клавиш Alt + Shift + Ctrl + Z
5. Жмем клавишу «Принять».
6. Жмем кнопку «OK».

Рис. 11, Назначение горячих клавиш для Новой направляющей

Теперь после нажатия клавиатурного сокращения Alt + Shift + Ctrl + Z у нас появляется диалоговое окно «Новая направляющая», как показано выше (Рис. 6).

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

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

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

Пока направляющие закреплены, с ними нельзя ничего сделать, пока повторно не нажмете Alt + Ctrl + ; (Alt + Ctrl + Ж). Применяется функция для защиты от сулчайного удаления или перемещения.

*команда Alt + Shift + ЛКМ для выделения группы направляющих доступна в версиях фотошоп 2023 и новее. У кого более старые версии программы выделяем и изменяем направляющие по одной.

Новый макет направляющей

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

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

В меню программы переходим Просмотр → Направляющие → Новый макет направляющих (Рис. 12).

Рис. 12, Как создать новый макет направляющих

В диалоговом окне «Новый макет направляющей» нам доступны следующие настройки (Рис. 13):

1. Набор; Заказная — означает, что создаем новый набор с нуля. Если развернуть меню будут доступны наборы по умолчанию из 8, 12, 16, 24 столбцов, ранее сохраненные нами макеты и пункты меню для того, чтоб сохранить свой проект в папке на компьютере или загрузить макет направляющих с компьютера.
2. Цвет, выбирается из списка в разворащивающемся меню или из палитры по клику на прямоугольник, в котором отображается текущий цвет.
3. Число столбов, ширина столбов и средник. Средник означает расстояние между столбами. В моем примере средник равен 20 пикселей, если значение средника не указывать — оставить поле пустым или поставить 0, то столбцы будут идти вплотную друг к другу.
4. Количество строк, в моем примере 2 строки. Если высоту не указать, фотошоп высоту холста поделит поровну на число строк. Средник — аналогично столбцам, это дистанция между строками. Если значение средника не указывать, границы строк будут вплотную друг к другу без интервала.
5. Поле — сверху, снизу, справа, слева. Здесь указываем отступы от краев. Изображение не будет вплотную располагаться по границам холста. Нужный параметр, когда при печати задаются допуски на обрезку бумаги.
6. Центровать колонки, при включении этого пункта колонки будут расположены по центру холста. Свободное место равномерно распределяется с левой и правой стороны.
   При выключенном значении «Центровать колонки», все столбцы начнут идти от левого края и всё свободное пространство (если длина холстов больше суммарной ширины столбцов) будет с правой стороны.

Рис. 13, Новый макет направляющих

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

Если всё соответствует нашей творческой задумке, жмем «ОК» и начинаем расставлять объекты. В режиме перемещение, или при нажатии клавиши Ctrl если активен другой инструмент, фотошоп будет показывать нам как располагаются объекты относительно друг друга и краев документа.

Будут показаны осевые линии между отдельными элементами и расстояние между границами элементов. Все получится как по линеечке. (Рис. 14).

Рис. 14, Вот так работает привязка к направляющим

Вот так выглядит изображение при публикации изображения в интернете или печати. Ни каких направляющих не видно, и никто не узнает, что вы все объекты выравняли за одну минуту с помощью инструмента направляющие в фотошопе (Рис. 15).

Рис. 15, Вид холста с отключенными направляющими (Ctrl + 😉

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

Возвращаюсь в фотошоп, нажимаю Ctrl и навожу курсор на прямоугольный объект. Программа показала, что от вершины шестигранника до края документа 58 пикселей.

Снова открываю Просмотр → Направляющие → Новый макет направляющих и в Поле Снизу меняю 20 на 58, чтоб границы от края объекта до края холста были одинаковыми сверху и снизу. Высота строк у меня автоматически пересчиталась и строки снова стали одинаковые по высоте между собой.

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

Затем с помощью функции свободное трансформирование (Ctrl + T) подгоняю высоту прямоугольных элементов (рубашка карты) под высоту строки, заданную направляющими и сохраняю изображение (Рис. 16)

Рис. 16 Направляющих в интернете и при печати не видно

Основные выводы

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

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

Выделенная направляющая поменяет цвет. Альт + ПКМ = смена ориентации, просто клик ПКМ при выделенной направляющей вызывает меню быстрых действий с направляющими.

Чтоб выделить несколько направляющих выбираем инструмент перемещения, зажав Alt + Shift кликаем ЛКМ по нужным направляющим.

Когда у вас ничего не получается сделать с направляющими — ни переместить, ни удалить, ни поменять цвет — это значит, что направляющие закреплены, т.е. запрещены все действия с направляющими. Нажмите клавиатурное сокращение Alt + Ctrl + ; и всё у вас получится.

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

Понравилась статья? Поделись!