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

В Adobe Photoshop есть инструмент, с которым редактировать графику будет гораздо проще. Это сетка. Она помогает при создании изображений и складывании коллажей. По ней можно оценить размер и расстояние, прикинуть, как будут располагаться объекты относительно друг друга, сделать разметку. Сориентироваться, куда поместить ту или иную часть рисунка. Это полезное средство, если уметь им пользоваться. Узнайте, как включить сетку в Фотошопе, как настроить её атрибуты и как её убрать.

Линейки

Ещё один метод измерения в Фотошопе — линейки. Они находятся снаружи рисунка. С этим инструментом можно оценить длину и ширину объектов и изображения в целом. Активировать линейки можно в меню «Просмотр». Чтобы выбрать их параметры, перейдите в Редактирование — Установки — Единицы измерения и линейки.

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

Настройки

  • Count — количество колонок
  • Width — ширина колонки
  • Gutter — межколоночный отступ
  • Margin — оступ сетки от правого и левого края макета

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

Интересная и важная настройка это Type. В выпадающем списке можно выбрать:

  • Stretch–резиновая сетка, ширина колонки задается автоматически программой. А это значит что не надо самому считать и учитывать полупиксели если вдруг блоки не делятся поровну
  • Center–сетка центруется. При выборе этого пункта становится активным окошко Width.
  • Left–тут понятно. Одно время Артемий Лебедев пропагандировал сайты прижатые к левому краю, вряд ли это в его честь, но наверное кому-то будет полезно.

Можно создать много сеток в одном фрейме, если нужно!!

Как настроить?

Можно сделать другой размер клеток (например, чтобы они визуально обозначали отрезки длиной 1 сантиметр), выбрать тип или цвет линий.

  1. Откройте меню «Редактирование» на верхней панели.
  2. Наведите мышь на пункт «Установки». Он в самом низу списка.
  3. Нажмите на «Направляющие, сетка и фрагменты».
  4. В открывшемся окне задайте нужный размер ячеек. Это можно сделать в поле «Линия через каждые…». Доступны разные единицы измерений: дюймы, миллиметры, пункты и так далее.
  5. В разделе «Стиль» укажите, как должна отображаться сетка: сплошной полосой, пунктирной или точками. Это не столь важно, так как разметка будет видна только при редактировании рисунка.
  6. В пункте «Цвет» выберите заливку. Настройку можно использовать, когда таблица сливается с фоном.

Как включить?

Вот как сделать сетку в Фотошопе:

  1. Откройте любой графический файл или создайте новый.
  2. В строке меню нажмите на кнопку «Просмотр» («View»). Обычно она находится между «3D» и «Окно».
  3. Наведите курсор на пункт «Показать» («Show»).
  4. В выпавшем меню кликните на «Сетку» («Grid»). Она появится на слое.
  5. Также можно нажать клавиши Ctrl+’ (в русской раскладке Ctrl+Э).

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

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

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

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

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

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

Примечание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

YORUMLAR • 30

Оооо, спасибо, теперь будет можно удобно вышывать

Что делать, если при уменьшении холста в Photoshop сам холст размывается?

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

Что делать если пиксели не рисуются ровно по сетке

Бесит сетка при выделении, она включается и приходится её опять выключать )

Ctrl+H – выключение и включение сетки

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

А как делить на прямоугольники?

Что делать если пиксельной сетки нету только обычная

Просьба. Если показываешь кнопки(куда нажать и тд) при объяснении.Не слишком быстро нажимай.Приходиться видео качать и то не успеваю)))Вот на этом видео норм,всё понятно.

Снимай пожалуйста то как ты рисуешь спрайты или что нибудь другое, можешь даже не комментировать, просто рисовать, но спрайты разные

Что думаешь по поводу закрытия Стим Гринлайт? Ты бы мог при помощи своей аудитории его пройти, но скоро будет требоваться за любую игру размещённую в каталоге разово заплатить от 100 до 5000 баксов =/ Новая политика стима.

Komentarze • 30

Оооо, спасибо, теперь будет можно удобно вышывать

Что делать, если при уменьшении холста в Photoshop сам холст размывается?

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

Что делать если пиксели не рисуются ровно по сетке

Бесит сетка при выделении, она включается и приходится её опять выключать )

Ctrl+H – выключение и включение сетки

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

А как делить на прямоугольники?

Что делать если пиксельной сетки нету только обычная

Просьба. Если показываешь кнопки(куда нажать и тд) при объяснении.Не слишком быстро нажимай.Приходиться видео качать и то не успеваю)))Вот на этом видео норм,всё понятно.

Снимай пожалуйста то как ты рисуешь спрайты или что нибудь другое, можешь даже не комментировать, просто рисовать, но спрайты разные

Что думаешь по поводу закрытия Стим Гринлайт? Ты бы мог при помощи своей аудитории его пройти, но скоро будет требоваться за любую игру размещённую в каталоге разово заплатить от 100 до 5000 баксов =/ Новая политика стима.

Как отключить эту раздражающую сетку в Photoshop при увеличении.

Привет, ребята!

Я работал над 4K в течение последнего года, и поэтому мне приходится увеличивать масштаб значительно больше, чем при разрешениях, таких как 1080 и 1440, чтобы получить тот же уровень «увеличенного» изображения. Это экстремальное увеличение добавляет сетку к виду. Как фотографу и ретушеру это может сильно усложнить жизнь, если вы не знаете, что можете отключить эту сетку.

Стандартный вид при 1080P

Когда кто-то отправляет вам 16 изображений на ретушь, и вам нужно работать над деталями на уровне пор, вы увеличиваете масштаб на мониторе 4K и бум, сетка из ада.

Вот проблема при разрешении 1080:

И вот проблема в 4K:

Как видите, это мельница для ретуши.

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

Чтобы увидеть разницу, вот сравнение с сеткой и без нее:

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

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

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

Надеюсь, это исправление поможет вам в путешествии!

Исправить просто друзья мои: ВИД> ПОКАЗАТЬ> ПИКСЕЛЬНАЯ СЕТКА

Пусть ваш опыт ретушера / фотографа будет навсегда улучшен.

.

Рейтинг
( 1 оценка, среднее 5 из 5 )
Понравилась статья? Поделиться с друзьями: