Всем привет. В сегодняшнем нашем коротком уроке мы посмотрим, как можно включить, выключить и настроить сетку в Фотошопе (Photoshop). Мы рассмотрим короткую инструкцию. Также я покажу вам, как пользоваться горячими клавишами и изменять тип сетки, если это необходимо. В случае возникновения дополнительных вопросов – пишите в комментариях.
Сразу уточню важный момент: сетка в Photoshop – это вспомогательный элемент, а не часть картинки. Она нужна для удобного выравнивания объектов, текста, иконок, макетов, коллажей и других элементов. Например, если вы делаете баннер, визитку или обложку, сетка помогает не ставить элементы «на глаз», а аккуратно разложить их по холсту. При обычном сохранении в JPG, PNG или PSD эта сетка не печатается и не экспортируется как часть изображения.
Для новичков. Не путайте сетку, направляющие и пиксельную сетку. Обычная сетка покрывает весь холст равными клетками. Направляющие – это отдельные линии, которые вы ставите сами в нужных местах. Пиксельная сетка появляется при сильном увеличении и помогает видеть отдельные пиксели. Если вам нужны именно направляющие, у нас есть отдельный урок – как включить, скрыть и удалить направляющие в Photoshop.
Инструкция
Чтобы сделать сетку в Фотошопе видимой, делаем следующее:
- Откройте саму программу Photoshop.
- Для проверки результата вам нужно открыть любое изображение или создать чистый холст. Если холста нет, сетку вы просто не увидите, потому что ей не на чем отображаться.
- Чтобы включить функцию, найдите в верхней панели управления раздел «Просмотр» и нажмите по нему левой кнопкой мыши. Теперь в выпадающем меню найдите раздел «Показать» и уже в нем находим «Сетку».
ПРИМЕЧАНИЕ! Посмотреть и проверить, включена или выключена сетка, можно по наличию галочки рядом с этим пунктом. Если же вам нужно наоборот убрать сетку – просто уберите галочку. В английской версии путь будет таким: View – Show – Grid.
Второй способ – это воспользоваться быстрыми, горячими клавишами. На мой взгляд, он куда удобнее. Найдите на клавиатуре клавишу Ctrl и зажмите ее. Теперь, не отпуская первую кнопку, жмем по русской букве:
э
На английской раскладке будет такое сочетание:
Ctrl + ‘
На macOS используется сочетание:
Command + ‘
Если горячие клавиши не срабатывают, проверьте раскладку клавиатуры и активное окно программы. Иногда пользователь нажимает правильные кнопки, но курсор в этот момент стоит не в Photoshop, а в браузере, проводнике или другом приложении. Еще бывает, что сочетание перехватывает сторонняя программа для раскладки, скриншотов или записи экрана. В таком случае проще включить сетку через меню «Просмотр» – «Показать» – «Сетка», а уже потом разобраться с горячими клавишами.
Теперь сетка будет отображаться поверх холста, и вы сможете ее использовать для своей работы. Напомню, что вы всегда можете включать и отключать ее в любой момент времени. Она никаким образом не влияет на конечный результат и сохраненное изображение. Таким образом вы можете наложить сетку на фото, рисунок или любое другое графическое изображение, но только для удобства работы внутри программы.
Простой пример. Представьте, что вы делаете картинку для сайта и хотите поставить текст ровно по центру. Без сетки вы двигаете слой на глаз и постоянно сомневаетесь, ровно он стоит или нет. С сеткой проще: вы видите клетки и можете быстрее понять, где центр, где отступы и где объект выбивается из общей композиции. Если вы еще плохо работаете со слоями, советую отдельно посмотреть урок как создать слой в Photoshop.
Изменение настроек сетки
Давайте посмотрим, как настроить сетку в Фотошопе. Если вас не устраивает размер сетки или настройки пунктирных линий, то вы можете их изменить под себя. Открываем меню «Редактирование». В самом низу переходим в «Настройки» (в более старых версиях пункт может называться «Установки»). Далее открываем пункт «Направляющие, сетки и фрагменты».
В новых версиях Photoshop на Windows путь обычно остается таким: «Редактирование» – «Установки» или «Настройки» – «Направляющие, сетка и фрагменты». В английской версии это Edit – Preferences – Guides, Grid & Slices. На macOS настройки открываются через верхнее меню Photoshop – Settings или Preferences – Guides, Grid & Slices. Названия могут немного отличаться из-за версии программы и языка интерфейса, но смысл один – нам нужен раздел с направляющими, сеткой и фрагментами.
В настройках нас интересует только подраздел «Сетка». Здесь можно изменить цвет основной и второстепенных линий. Также можно изменить основную линию со сплошной на пунктирную. Дополнительно можно увеличить как количество линий, так и число внутреннего деления. При изменении настроек вы сразу же увидите конечный результат. Чтобы изменения вступили в силу, нужно нажать по кнопке «ОК».
Самые важные параметры здесь – «Сетка через» и «Внутреннее деление». «Сетка через» отвечает за расстояние между основными линиями. Например, можно поставить 100 пикселей, 1 сантиметр или другое значение, если вы работаете под печать. «Внутреннее деление» разбивает каждую большую клетку на маленькие части. Если поставить сетку через 100 пикселей и 4 деления, внутри каждой большой клетки получится шаг по 25 пикселей.
Цвет сетки тоже лучше подбирать под конкретную работу. Если у вас темная картинка, светлая сетка будет заметнее. Если изображение светлое, лучше выбрать более темный или контрастный цвет. Не делайте сетку слишком агрессивной по цвету, иначе она будет мешать оценивать саму картинку. Для макетов, интерфейсов и ровных блоков обычно хватает спокойного серого или голубого цвета.
Если вы готовите изображение к печати, обращайте внимание не только на сетку, но и на единицы измерения. Для печати часто удобнее сантиметры или миллиметры, а для сайтов, баннеров и интерфейсов – пиксели. Единицы можно поменять в настройках Photoshop или через линейки. По теме размеров для печати у нас есть отдельная статья – размер А4 в пикселях для Photoshop.
Привязка к сетке
Сетка сама по себе только показывает линии. Но есть еще полезная функция – привязка. Она нужна, чтобы слои, выделения, фигуры и другие элементы как бы «прилипали» к линиям сетки. Это удобно, когда нужно точно выровнять объекты, сделать одинаковые отступы или собрать аккуратный макет.
Чтобы включить привязку, откройте меню «Просмотр» и проверьте, включен ли пункт «Привязать». После этого в этом же меню откройте «Привязать к» и поставьте галочку возле «Сетка». В английской версии это будет View – Snap и View – Snap To – Grid. Если привязка включена, объект при перемещении будет цепляться к ближайшим линиям сетки.
Но не всегда привязка удобна. Например, вы хотите слегка сдвинуть объект на пару пикселей, а он постоянно прыгает к ближайшей линии. В таком случае временно отключите «Привязать» или уберите привязку именно к сетке. Я обычно включаю ее при грубом выравнивании, а потом отключаю и довожу положение вручную. Если нужно делать ровные линии или элементы по сетке, может пригодиться отдельный урок как сделать ровную линию в Photoshop.
Почему сетка не видна
Иногда пользователь включил сетку, но на экране ничего не поменялось. Тут есть несколько обычных причин. Первая – у вас слишком мелкий масштаб или слишком крупный шаг сетки. Например, сетка настроена через 1000 пикселей, а холст маленький, поэтому линий почти не видно. Зайдите в настройки сетки и поставьте меньший шаг.
Вторая причина – цвет сетки сливается с изображением. Например, у вас светлая фотография, а сетка тоже светло-серая. Поменяйте цвет сетки на более заметный. Третья причина – выключен общий показ вспомогательных элементов. В Photoshop есть команда, которая скрывает разные вспомогательные штуки на экране. Проверьте меню «Просмотр» – «Вспомогательные элементы» или попробуйте снова включить именно «Сетку» через «Просмотр» – «Показать».
Важно. Сетка не отображается поверх некоторых служебных окон и не обязана быть видна, если у вас не открыт документ. Сначала создайте или откройте изображение, затем включайте сетку. Если вы работаете с несколькими документами, сетка может быть включена, но активным в этот момент может быть другое окно.
Как сохранить картинку с сеткой
Обычная сетка Photoshop не сохраняется в JPG, PNG и другие форматы. Это правильно, потому что сетка нужна только для редактирования. Но иногда человеку нужно именно сохранить изображение с клетками, например для учебника, разметки, схемы или демонстрации. В таком случае обычной настройки «сохранить сетку вместе с фото» нет.
Есть два простых варианта. Первый – сделать скриншот экрана с включенной сеткой. Это быстро, но качество будет зависеть от масштаба и разрешения монитора. Второй вариант – создать сетку вручную на отдельном слое: нарисовать линии, продублировать их и сохранить уже как обычное изображение. Этот способ дольше, зато вы получите настоящую сетку внутри файла, которую можно редактировать, менять по цвету и включать или выключать как обычный слой.
Если вы хотите сохранить результат в нужном формате, почитайте отдельную инструкцию как сохранить изображение в Photoshop в JPG, PNG, GIF и PSD. А если сетку вы сделали на отдельном слое и хотите потом скрывать ее, не забывайте сохранять рабочую копию в PSD. В JPG слои склеятся, и отдельно выключить сетку уже не получится.
Частые вопросы
Как быстро включить сетку в Photoshop?
Через меню «Просмотр» – «Показать» – «Сетка». Еще быстрее – горячими клавишами Ctrl + ‘ на Windows или Command + ‘ на macOS. На русской клавиатуре это часто соответствует клавише э.
Сетка сохранится на фото после экспорта?
Нет, обычная сетка Photoshop не сохраняется в изображение. Она отображается только внутри программы как вспомогательный инструмент. Если вам нужна картинка именно с сеткой, нужно нарисовать сетку на отдельном слое или сделать скриншот.
Как поменять размер клеток сетки?
Откройте «Редактирование» – «Настройки» – «Направляющие, сетка и фрагменты». В разделе «Сетка» поменяйте значение «Сетка через» и «Внутреннее деление». После этого нажмите «ОК».
Почему сетка есть, но объект не прилипает к линиям?
Потому что включение сетки и привязка – это разные вещи. Откройте «Просмотр» – «Привязать», а затем «Просмотр» – «Привязать к» – «Сетка». После этого элементы начнут цепляться к линиям сетки.
Чем сетка отличается от направляющих?
Сетка покрывает весь холст равными клетками. Направляющие – это отдельные линии, которые вы ставите вручную в нужных местах. Для общей разметки удобна сетка, а для точного выравнивания конкретного блока часто удобнее направляющие.
Можно ли сделать сетку другого цвета?
Да. Цвет меняется в настройках: «Редактирование» – «Настройки» – «Направляющие, сетка и фрагменты». Там можно выбрать цвет основной сетки и стиль линий. Если сетка сливается с картинкой, просто поставьте более контрастный цвет.
Что делать, если горячие клавиши не работают?
Сначала включите сетку через меню, чтобы проверить, что сама функция работает. Потом проверьте раскладку клавиатуры, активное окно Photoshop и сторонние программы, которые могут перехватывать сочетания клавиш. На ноутбуках иногда также мешают специальные режимы клавиатуры или системные сочетания.
Вот и закончился наш урок. Я советую посмотреть еще пару других полезных статей на портале WiFiGiD.RU:
Напомню, что вы всегда можете обратиться ко мне в комментариях. Вы можете написать туда свой вопрос, пожелания или дополнение.
Я оказывается нечаянно её постоянно включаю. Ну хоть буду знать.
Тоже нечаянно нажимаю на кнопки, а вот какие кнопки не знал
Сетка не очень по умолчанию настроена, но в целом настраивается. Теперь хоть работать можно.