Построить сетку в индизайн
Сегодня мы поговорим о создании сетки базовых линий для последующей верстки в программе AdobeIndesign. Но для начала имеет смысл разобраться — для чего вообще нужна сетка, что к ней привязывется и зачем.
Кстати, у нас есть видео на эту тему. Смотреть видеоурок по сетке базовых линий
Зачем нужна сетка базовых линий
- В первую очередь — для того, чтобы предотвратить «сползание» строк в колонках относительно друг друга. Строки начинают «ползти» когда в текст вставляется изображение, заголовок или векторный рисунок некратного межстрочному интервалу размера. Попросту говоря — текст раздвигается по вертикали.
- С сеткой гораздо удобнее заливать текст и вставлять в верстку рисунки, при этом придерживаясь определенной ритмики. Сетка придает верстке смысл, толк и расстановку. Она играет роль метронома и помогает сохранить гармонию и избежать хаотичного нагромождения элементов.
Построение базовой сетки
Перед тем, как приступить к расчету и построению базовой сетки хорошо бы знать следующие параметры:
- Формат документа
- Величины отступов по края по вертикали
- Кегль наборного шрифта
Вообще говоря, кегль шрифта неплохо было бы посчитать исходя из формата, количества информации на страницу и гигиенических стандартов чтения, но про это я расскажу отдельно и в другой раз. А сегодня упростим себе жизнь и допустим, что у нас есть задача — сверстать стандартную брошюру формата А4 с отступами по 10 мм от края документа и мы выбрали в качестве наборного шрифта — Helios 8pt.
Создаем новый документ
Задаем формат и отступы. За правильностью выполненных нами действий можно следить, поставив галочку на чекбокс «Preview».
Изменение параметров макетной сетки
Выполните одно из действий, описанных ниже.
Для разных страниц можно задать разные параметры макетной сетки, потому в одном документе может быть представлено несколько разных макетных сеток.
Параметры сетки заданы
Жмем ОК и возвращаемся на страницу с версткой нашего текста. Для того, чтобы беазовая сетка появилась — идем в меню View->Grids&Guides->Show Baseline Grid. По аналогии для того, чтобы убрать сетку View->Grids&Guides->Hide Baseline Grid.
На самом деле это очень муторно. В процессе верстки постоянно хочется взглянуть — «а как оно выглядит в реальности» и сетку с направляющими все время то высвечиваешь, то убираешь — по 20 раз в минуту… И показ/сокрытие сетки делается в одно нажатие на клавиатуре — при помощи «горячих клавиш». Например, для базовой сетки у меня стоит шорткей. По нему она и показывается и убирается.
Текст раскрепощенный
Таки вы по-прежнему можете создавать текстовые блоки, отвязанные от базы. Это могут быть, например — подписи к фотографиям или цитаты. Просто создайте новый текстовый блок и нажмите кнопку отвязки. И текст снова станет сам по себе.
Equitable Language: We are replacing non-inclusive language from InDesign 2022 (version 17.0) onwards, to reflect core Adobe values of inclusivity. Any reference to Master page is replaced by Parent page in our Help articles for the English, Danish, Hungarian, Spanish, Italian, Brazilian, Portuguese, and Japanese locales.
Two kinds of nonprinting grids are available: a baseline grid for aligning columns of text, and a document grid for aligning objects. On the screen, a baseline grid resembles ruled notebook paper, and a document grid resembles graph paper. You can customize both kinds of grids.
When a grid is visible, you can observe the following characteristics:
The baseline grid covers entire spreads, but the document grid covers the entire pasteboard.
Baseline grids and document grids appear on every spread and cannot be assigned to any parent.
The document grid can appear in front of or behind all guides, layers, and objects, but cannot be assigned to any layer.
Set up a baseline grid
Use Grid Preferences to set up a baseline grid for the entire document.
You can set up a baseline grid for a frame by using the Text Frame Options. (See Change text frame properties.)
Choose Edit > Preferences > Grids (Windows) or InDesign > Preferences > Grids (Mac OS).
Specify a baseline grid color by choosing a color in the Color menu. You can also choose Custom in the Color menu.
For Relative To, specify whether you want the grid to start at the top of the page or the top margin.
For Start, type a value to offset the grid from either the top of the page or the top margin of the page, depending on the option you choose from the Relative To menu. If you have trouble aligning the vertical ruler to this grid, try starting with a value of zero.
For Increment Every, type a value for the spacing between grid lines. In most cases, type a value that equals your body text leading, so that lines of text align perfectly to this grid.
A. First grid line B. Increment between grid lines
For View Threshold, type a value to specify the magnification below which the grid does not appear. Increase the view threshold to prevent crowded grid lines at lower magnifications.
Беспристрастный язык. Мы заменяем неинклюзивный язык в InDesign 2022 (версия 17.0) и далее, чтобы отразить основополагающие ценности Adobe в отношении инклюзивности. Любая ссылка на эталонную страницу (Master page) заменяется ссылкой на страницу-шаблон (Parent page) в наших статьях справки для английского, датского, венгерского, испанского, итальянского, бразильского варианта португальского, португальского и японского языков.
Существует два вида непечатаемых сеток: сетка из базовых линий для выравнивания колонок текста и сетка документа для выравнивания объектов. На экране сетка из базовых линий напоминает разлинованную страницу блокнота, а сетка документа — миллиметровую бумагу. Сетки обоих видов можно настраивать.
При отображении на экране видны следующие особенности сеток.
Сетка из базовых линий покрывает все развороты, а сетка документа — весь монтажный стол.
Сетки из базовых линий и сетки документа отображаются на каждом развороте; их нельзя связывать с шаблонами.
Сетка документа может отображаться поверх всех направляющих, слоев и объектов либо под ними, однако ее нельзя связывать со слоями.
Создаем произвольный текстовый блок
После того, как документ создан — давайте создадим текстовое поле произвольного размера и положения с произвольным текстом, набранным шрифтом Helios 8pt.
Создаем сетку базовых линий
Давайте посмотрим на интерлиньяж — он по умолчанию составляет 9.6pt. Давайте возьмем эту величину за основу. Переходим в меню InDesign->Prefences->Grids
В открывшемся меню в разделе Baseline Grid (сетка базовых линий) выставляем:
- Во вкладке Colour — можно выбрать цвет нашей сетки
- В поле Start — координату начала — откуда базовая сетка будет стартовать. В нашем случае — это верхний отступ: 10 мм. Обычно имеет смысл не засорять поля документа лишними элементами, поэтом давайте не будем рисовать сетку там, где в любом случае мы ничего верстать не собираемся. Откуда будет стартовать нарш отступ — задает поле Relative to — тут можно выбрать — край страницы или верхний отступ. То есть мы можем сделать отступ сетки в 10 мм от верхнего отступа. Здорово, правда?
- В поле Increment — мы должны вбить наши 9,6pt (интерлиньяж). Таким образом мы зададим шаг сетки, равным межстрочному расстоянию наборного шрифта.
- Снимаем галочку с чекбокса Grids in Back. Если эту галочку оставить — то сетка базовых линий InDesign будет находиться позади элементов, расположенных на странице. Это неудобно, поскольку элементарная цветная подложка на всю полосу размером перекроет вам сетку и вы не будете ее видеть.
Чуть ниже раздела Baseline Grid, вы можете поиграть с координатной сеткой документа, задать ее цвет, расстояние между линиями по вертикали и горизонтали и т. п. Пока здесь ничего не трогайте.
Свойства сетки фреймов
Используйте диалоговое окно «Сетка фрейма» для изменения настроек сетки фрейма, таких как шрифт, размер символов, межбуквенный интервал, линии и символы.
Значения в диалоговом окне «Параметры текстового фрейма» и количество столбцов в диалоговом окне «Настройки сетки фрейма» взаимодействуют между собой динамически. Настройки количества столбцов в диалоговом окне «Параметры текстового фрейма» также отражаются в настройках сетки фрейма. Кроме того, параметры «Отклонение базовой линии первой строки» и «Игнорировать обтекание объектов текстом» можно установить только в диалоговом окне «Параметры текстового фрейма».
Выберите семейство и стиль шрифта. Эти настройки шрифта будут применяться к сеткам фреймов на основе сетки макета.
Задайте размер шрифта. Это значение определяет размер ячеек сетки.
Вертикальный и горизонтальный текст
Укажите масштабирование сетки для полноширинных азиатских символов в процентах.
Межсимвольный интервал аки
Укажите интервал между ячейками сетки в сетке фрейма. Это значение используется в качестве интервала координатной сетки.
Межстрочный интервал аки
Укажите интервал сетки. Это значение используется в качестве расстояния от нижней (или левой) границы координатной сетки на первой строке до верхней (или правой) границы координатной сетки на следующей строке. Если для данного параметра задано отрицательное значение, то для параметра «Автоинтерлиньяж» в разделе «Выключка» в меню панели «Абзац» автоматически устанавливается значение 80 % (по умолчанию — 100 %), поскольку выравнивание по сетке лишь увеличивает межстрочный интервал свыше значения, уже установленного на величину интерлиньяжа в текстовых атрибутах. Изменение интерлиньяжа, установленного для текста, приведет к изменению способа выравнивания по сетке текстовых строк таким образом, что эти текстовые строки будут совпадать с ближайшей линией сетки.
Выравнивание по линии
Выберите данную опцию, чтобы указать выравнивание текстовых строк. Например, если вы выберете опцию «Сверху» для вертикальной сетки фрейма, то начало каждой строки будет выровнено по верху сетки фрейма. (См. Выравнивание или выключка текста.)
Выравнивание по сетке
Выберите данную опцию, чтобы указать, выравнивать ли текст по шпации, окну ICF или базовой линии латиницы. (См. Выравнивание абзацев по сетке из базовых линий.)
Выравнивание по символу
Выберите данную опцию, чтобы указать метод выравнивания малых символов по более крупным символам в строке.
Выберите данную опцию, чтобы указать место для отображения размеров сетки фрейма и количества символов. (См. Отображение или скрытие количества символов в сетке фрейма.)
Выберите данную опцию, чтобы указать способ отображения фрейма. В представлении «Сетка» сетки фрейма отображаются с соответствующими сетками и линиями. В представлении «N/Z» направление сетки фрейма отображается с помощью темно-синих диагональных линий; эти линии исчезают при вставке текста. В представлении «Выравнивание» сетки фреймов отображаются только с линиями. В представлении «Выравнивание» отображается выравнивание линий фрейма. В представлении «Сетка с N/Z» отображается их комбинация.
A. Вид сетки B. Представление N/Z C. Просмотр назначений со вставленным текстом D. Сетка с представлением N/Z
Задает число символов в строке.
Задает количество строк в одном столбце.
Задает количество столбцов в сетке фрейма.
Определяет расстояние между столбцами.
Если вы вносите изменения в диалоговом окне «Параметры текстового фрейма», когда в сетке фрейма не выбрано никаких объектов, то соответствующие настройки становятся значениями по умолчанию для сетки фрейма.
Вы также можете использовать параметры сетки для настройки межбуквенного интервала.
Вы можете преобразовывать простые текстовые фреймы в сетки фреймов или сетки фреймов в простые текстовые фреймы.
Если простые текстовые фреймы преобразуются в сетки фреймов, то для текста, к которому в материале не был применен никакой стиль символа или стиль абзаца, применяются настройки документа по умолчанию для сетки фреймов.
Нельзя применить формат сетки непосредственно к простым текстовым фреймам. После преобразования простого текстового фрейма в сетку фрейма вы можете применить атрибуты формата сетки — для этого необходимо применить предварительно заданный формат сетки к сетке фрейма, используя для этого текст, для которого не был задан стиль абзаца.
Кроме того, если текстовый фрейм преобразуется в сетку фрейма, то сверху, снизу, слева или справа от фрейма может появиться пустое пространство. Это пространство отображается в том случае, когда ширина или высота текстового фрейма не делятся без остатка на размер шрифта или значения интерлиньяжа, установленные в формате сетки. Это пространство можно удалить, перетащив маркер сетки фрейма и отрегулировав его с помощью инструмента «Выделение». При преобразовании текстовых фреймов в сетки фреймов приступайте к редактированию текста после корректировки всех вставок, появившихся во время преобразования.
Преобразование простого текстового фрейма в сетку фрейма
Выберите «Объект» > «Тип фрейма» > «Сетка фрейма».
Чтобы отобразить палитру «Материал», выберите «Текст» > «Материал». Выберите «Сетка фрейма» в поле «Тип фрейма».
Чтобы изменить формат текста материала в соответствии с атрибутами сетки, выберите «Правка» > «Применить формат сетки», когда выделена сетка фрейма.
Беспристрастный язык. Мы заменяем неинклюзивный язык в InDesign 2022 (версия 17.0) и далее, чтобы отразить основополагающие ценности Adobe в отношении инклюзивности. Любая ссылка на эталонную страницу (Master page) заменяется ссылкой на страницу-шаблон (Parent page) в наших статьях справки для английского, датского, венгерского, испанского, итальянского, бразильского варианта португальского, португальского и японского языков.
Макетные сетки отображаются только в японской версии InDesign
Дизайнеры журналов нередко используют рабочие процессы, в основе которых лежат принципы подготовки материалов для печати, включая соответствующие макеты печатных листов. Макетная сетка в InDesign выполняет те же функции, что и макет для печати материалов на листе бумаги. Однако в отличие от обычного макета для печати макетная сетка в InDesign позволяет изменить размер шрифта, ширину штриха, количество страниц и другие элементы макета, тем самым создавая свои собственные, индивидуально настроенные макеты.
С помощью макетной сетки вы можете настроить сетку символов (размер символа) и подогнать текст по горизонтали, слева направо, а также по вертикали, начиная с правого верхнего угла.
Вертикальная макетная сетка из двух абзацев (слева) Горизонтальная макетная сетка из двух абзацев (справа)
Макетная сетка позволяет зафиксировать тот или иной объект в определенной точке — точно так же, как сетка документа или сетка из базовых линий.
Если при создании документа в диалоговом окне «Новый документ» вы выберете параметр «Макетная сетка», откроется диалоговое окно «Новая макетная сетка», в котором вы сможете задать параметры этой сетки. При этом вам предоставляется возможность изменить макетную сетку существующего документа или применить макетную сетку к созданному документу в диалоговом окне «Поля и столбцы».
Поля страницы задаются при помощи внешних краев макетной сетки (слева) Объект, размещенный в сетке (справа)
При изменении параметров макетной сетки обратите внимание на следующее:
Если вы хотите задать в приложении настройки, которые по умолчанию должны применяться к документу с макетной сеткой, вам не следует открывать никакие документы. Просто перейдите в меню «Макет» > «Макетная сетка» и задайте нужные вам настройки по умолчанию. Впоследствии они будут применяться ко всем новым документам. Если вы измените настройки макетной сетки по умолчанию, также соответствующим образом изменятся настройки по умолчанию, применяемые к макету фрейма.
Изменение настроек в диалоговом окне «Макетная сетка» может повлиять на настройки, которые представлены в диалоговом окне «Поля и столбцы». Обратное также возможно. Например, если вы измените количество столбцов в диалоговом окне «Макетная сетка», новая настройка повлияет на параметры, представленные в диалоговом окне «Поля и столбцы». Но если значения полей и абзацев невозможно без остатка разделить на количество символов или линий, заданное в диалоговом окне «Макетная сетка», в направляющей макетной сетки или полей столбца могут появиться пустые промежутки. Чтобы отключить отображение пробелов вокруг макетной сетки, откройте диалоговое окно «Макетная сетка» и нажмите кнопку «ОК». Сетка будет подогнана как можно ближе к границе сетки символов.
Параметр «Макетная сетка», представленный в панели «Формат сетки», зависит от атрибутов сетки, заданных в настройках макетной сетки, которые применяются к текущей странице. Если к одному документу применяется несколько макетных сеток, настройки макетной сетки для этого документа будут соответствовать настройкам макетной сетки, заданным для выбранной страницы.
Привязываем текст к базовой сетке
Итак — сетку мы вызвали, но текст по-прежнему к ней не привязан и висит произвольно. Чтобы текст выстроился по Baseline Grid — мы выделяем текстовый блок, идем в палитру Paragraph и нажимаем кнопочку «привязать к Baseline Grid» в правом нижнем углу.
Все. Текст привязан к базовым линиям и можно начинать верстать наш документ — теперь колонки никуда не съедут друг относительно друга. Добавите заголовок — он тоже может быть привязан к сетке и никуда не съедет.
Настройка сетки из базовых линий
Настройка сетки из базовых линий для всего документа производится в диалоговом окне «Установки сетки».
Базовые линии для фрейма можно настроить в диалоговом окне «Параметры текстового фрейма» (см. раздел Изменение свойств текстовых фреймов).
Выберите меню «Редактирование > Установки > Сетки» (Windows) или «InDesign > Установки > Сетки» (Mac OS).
Выберите цвет базовой сетки в меню «Цвет». В этом меню можно также выбрать «Заказной».
В параметре «Относительно» укажите положение начала сетки — верхний край страницы или верхнее поле.
В поле «Начало» введите значение, на которое следует сдвинуть сетку относительно верхнего края страницы или верхнего поля страницы (в зависимости от параметра, выбранного в меню «Относительно»). При возникновении проблем с выравниванием вертикальной линейки по этой сетке попробуйте начать с нулевого значения.
В поле «Линия через каждые» введите значение интервала между линиями сетки. В большинстве случаев это значение будет соответствовать интерлиньяжу основного текста, чтобы строки текста было легко выровнять по этой сетке.
A. Первая линия сетки B. Интервал между линиями сетки
В поле «Показывать в масштабе от» введите значение, соответствующее минимальному масштабу, для которого сетка будет отображаться. Во избежание отображения слишком густой сетки это значение должно быть достаточно большим.
Сетка из базовых линий при масштабе меньше (слева) и больше (справа) указанного минимального масштаба.
С помощью инструмента «Выделение» выберите фрейм, свойства которого вы хотите изменить. Вы также можете использовать инструмент «Текст» , чтобы выбрать фрейм и установить точку ввода текста или выделить текст.
Выберите «Объект» > «Параметры сетки фрейма», после чего задайте параметры сетки фрейма. (См. Свойства сетки фреймов.)
Выберите «Предварительный просмотр», чтобы подтвердить параметры перед применением изменений, после чего подтвердите изменения в документе.
Читайте также: