Открыть сервисСервис

Сетка в Adobe Illustrator

Сетка в Adobe Illustrator — вспомогательная структура из прямых горизонтальных и вертикальных линий, используемая при вёрстке и компоновке макетов для выравнивания объектов, задания полей и построения модульных систем. В Illustrator сетка реализуется средствами направляющих линий, системы координат, а также специализированных панелей — Grid и Guides.

Способы создания сетки

В Adobe Illustrator предусмотрено несколько независимых механизмов, позволяющих построить сетку:

  • Встроенная сетка (Grid) — регулярная решётка, включаемая через меню «Просмотр → Показать сетку» (View → Show Grid). Шаг и цвет задаются в настройках документа.
  • Направляющие (Guides) — отдельные линии, перетаскиваемые с линейки на рабочий лист или создаваемые командой «Создать направляющие» из выбранных объектов.
  • Панель «Раскладка макета» (Split into Grid) — инструмент, разбивающий прямоугольник на таблицу ячеек с заданным количеством строк, столбцов и промежутков.
  • Повторяющиеся объекты (Repeat) — функция «Повторить → Сетка» (Object → Repeat → Grid), дублирующая объект по двум осям.

Встроенная сетка

Для включения решётки используется сочетание клавиш Ctrl+' (Windows) или Cmd+' (macOS). Параметры сетки настраиваются в диалоговом окне «Настройки → Основные параметры → Единицы и сетка» (Preferences → Guides & Grid):

ПараметрНазначение
Шаг сеткиРасстояние между линиями в заданных единицах
ПодшагиКоличество промежуточных делений между основными линиями
Цвет / стильОтрисовка линий (сплошные, штриховые)

Встроенная сетка является справочной и не выводится при печати. Для точного привязывания объектов к её линиям включается режим «Привязка к сетке» (Snap to Grid, Ctrl+Shift+').

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

Направляющие — основной рабочий инструмент компоновки. Порядок действий:

  1. Включить показ линеек (Ctrl+R).
  2. Перетащить курсор с горизонтальной или вертикальной линейки на лист — появится направляющая.
  3. При необходимости зафиксировать направляющую командой «Заблокировать направляющие» (Ctrl+Alt+;).

Чтобы превратить произвольный объект (например, набор линий) в направляющие, выделите его и выберите «Просмотр → Направляющие → Создать направляющие» (Ctrl+5). Обратная операция — «Освободить направляющие» (Ctrl+Alt+5).

Для точного размещения направляющих применяется диалог «Фиксированные направляющие» (Make Guides) в сочетании с панелью «Трансформация», где координаты задаются численно.

Инструмент «Разделить на сетку»

Команда «Объект → Таблица → Разделить на сетку» (Object → Path → Split into Grid) позволяет разбить выбранный прямоугольник на регулярную таблицу. В диалоговом окне задаются:

  • количество строк и столбцов;
  • ширина и высота ячеек;
  • промежутки (gutter) между ячейками по горизонтали и вертикали;
  • вариант размещения — ячейки-прямоугольники, направляющие или обводка.

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

Повторяющаяся сетка объектов

Функция «Повторить → Сетка» (Object → Repeat → Grid) создаёт динамическую матрицу из копий исходного объекта. Панель «Параметры сетки» (Grid Repeat Options) позволяет менять количество строк и столбцов, расстояния между элементами и смещение нечётных рядов. В отличие от ручного дублирования, повторяющаяся сетка остаётся редактируемой: изменение исходного объекта автоматически обновляет все копии.

Вёрстка с использованием сетки

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

  1. Создать документ с нужными размерами и полями.
  2. Построить колоночную сетку направляющими (или командой Split into Grid).
  3. Включить привязку к направляющим (Ctrl+Shift+;).
  4. Располагать объекты, привязывая их края к линиям сетки.

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

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

ДействиеWindowsmacOS
Показать/скрыть сеткуCtrl+'Cmd+'
Привязка к сеткеCtrl+Shift+'Cmd+Shift+'
Показать линейкиCtrl+RCmd+R
Создать направляющиеCtrl+5Cmd+5
Освободить направляющиеCtrl+Alt+5Cmd+Opt+5
Заблокировать направляющиеCtrl+Alt+;Cmd+Opt+;

Советы по работе

  • Шаг сетки удобно устанавливать кратным базовой типографской модуле (например, 4 или 8 пикселей) для веб-макетов.
  • Цвет направляющих по умолчанию — циан; он меняется в настройках документа, что помогает отличать их от объектов макета.
  • Направляющие можно группировать и выравнивать как обычные объекты, используя панель «Выровнять».
  • Для создания сетки «золотого сечения» или диагональных направляющих направляющие создаются вручную по координатам через панель «Трансформация».

Источники:

  • Adobe Illustrator Help — «Guides and grids»
  • Adobe Illustrator Help — «Split a shape into a grid»
  • Adobe Illustrator Help — «Repeat objects»
Заметили ошибку или не согласны с информацией в статье? Напишите нам support@bfometr.ru