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

Что такое сетка и когда она нужна

Сетка — это невидимый для экспорта слой из линий. Он помогает ровно ставить блоки, иконки, текст и отступы. Сетка не попадает в PNG/JPG/PDF при экспорте и не печатается.

• Интерфейсы и баннеры — единый ритм колонок и полей.
• Иконки и пикс-арт — чёткие края по пиксельной сетке.
• Сетки для печати — миллиметровые шаги и поля разворота.

Как включить и выключить сетку

Через меню

1. Откройте меню View → Show → Grid.
2. Повторный клик скрывает сетку.

Горячие клавиши

• Показать/скрыть сетку: Ctrl + ' (Windows) или ⌘ + ' (macOS).
• Показать/скрыть направляющие: Ctrl + ; / ⌘ + ;.

Настройка шага, цвета и стиля линий

Все параметры находятся в окне настроек направляющих и сетки.

1. Откройте Edit → Preferences → Guides, Grid & Slices (Windows) или Photoshop → Settings → Guides, Grid & Slices (macOS).
2. В разделе Grid задайте:
   • Gridline Every — основной шаг (например, 8 px, 10 px, 1 cm).
   • Subdivisions — деления внутри шага (например, 1–4).
   • Color/Style — цвет и тип линии (сплошная/пунктир).
3. Нажмите OK и включите сетку (если она скрыта).

Привязка к сетке и направляющим

Привязка фиксирует перемещения слоёв к ближайшей линии. Это ускоряет точное выравнивание.

• Включить привязку: View → Snap.
• К чему привязывать: View → Snap To → Grid / Guides / Layers.
• Временное отключение: удерживайте Ctrl / ⌘ при перетаскивании.

Единицы измерения и пиксельная сетка

• Единицы: Edit → Preferences → Units & Rulers → Units = Pixels, Millimeters, Centimeters и т. д.
• Рулетки: View → Rulers (Ctrl + R / ⌘ + R).
• Пиксельная сетка: View → Show → Pixel Grid (видна на больших увеличениях).

Сетка для макетов: New Guide Layout

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

1. Откройте View → Guides → New Guide Layout….
2. Задайте количество колонок, Gutter (межколонник), поля Margins.
3. Сохраните пресет для повторного использования.

Быстрый чек-лист под задачи

• Иконки 24–48 px: шаг 1–2 px, Pixel Grid включена, привязка к Grid.
• Баннеры/карточки: шаг 8 px, деления 1–2, направляющие колонок через New Guide Layout.
• Печать: единицы — миллиметры, шаг 5–10 мм, контролируйте поля и выпуск под обрез.

Частые ошибки и решения

• Сетка не видна. Убедитесь, что включены View → Show → Grid и фон не совпадает по цвету с линиями.
• Слои «липнут» не туда. Проверьте View → Snap To и оставьте только нужные пункты (Grid/Guides).
• Слишком частая сетка. Уменьшите Subdivisions или увеличьте Gridline Every.
• Сетка попадает в экспорт. Этого не бывает. Проверьте, не включён ли слой-оверлей или дополнительная разметка в макете.

Горячие клавиши

FAQ

Итог

Включите сетку через View → Show → Grid, задайте шаг и цвет в Guides, Grid & Slices, активируйте привязку — и макет собирается быстрее и ровнее. Держите единый шаг, сохраняйте пресеты и работайте на кратных масштабах.