Несколько раз в месяц мы пересматриваем некоторые из любимых сообщений наших читателей за всю историю Vectortuts +. Этот урок Otto Coster впервые был опубликован 4 августа 2010.
Вы когда-нибудь задумывались, как профессиональные дизайнеры достигают идеального баланса между текстом и изображением? Используя мощные инструменты InDesign, вы изучите методы, которые помогут вам настроить и разметить макет журнала.
Шаг 1. Настройка документа.
Для этого урока мы будем использовать стандартный документ формата A4. Начните с установки количества страниц до 8, обрезка до 2 мм, чтобы у нас было пространство для перекрытия изображений, поля до 10 мм для верхнего и нижнего полей, внутреннее поле до 13 мм и внешнее поле до 20 мм. Причина разницы ширины полей в том, что разворот на две страницы выглядит лучше с немного большим краем снаружи и оставляет пространство в версии для печати. И лучше для разметки страницы на следующем шаге.
Шаг 2. Создание сетки
Чтобы настроить сетку страницы, перейдите к "A-master spread" и выберите Layout > Create Guides. Сетка используется для поддержания согласованности в макете страницы и обеспечивает структуру размещения содержимого. Хорошо размеченная сетка - это первое, что вам нужно, чтобы придать макету профессиональный вид. Для этого урока мы будем использовать сетку 12 строк по 12 столбцов с шагом 3 мм. Выберите Fit Guides to Margins для создания сетки с шириной столбца 12 мм.
Почему? Ширина нашей страницы 210 мм, с наружным 20 мм и внутренним краем 13 мм у нас осталось 177 мм для 12 столбцов и 11 пробелов. 12 колонок по 12 мм и 11 пробелов по 3 мм - 177 мм.
Шаг 3 Размещение фона
При создании макета журнала необходим баланс между белым пространством, изображениями и текстом. Хорошей техникой является размещение изображения с большим количеством «пустого» пространства, пространство вокруг объекта имеет ту же функцию, что и пробел. Я использую фотографию под названием Summertime Sunshine by Stewart, у неё приятный размытый фон, на который мы можем разместить наш текст.
Перейдите на страницу 2-3 и поместите фотографию на всё пространство, чтобы закрыть разворот. Переместите фотографию в рамку так, чтобы объект находился в пределах поля первой страницы, а верхняя часть коктейля оказалась на краю строки сетки.
Шаг 4 Создание основного текста
Сделайте текстовую рамку в том же положении по вертикали и горизонтали, что и коктейль на другой странице, здесь, в третьей строке, пятом столбце сетки. Это создает воображаемую линию, которая связывает изображение с текстом. Я использовал название фотографии "Summertime Sunshine" в качестве заголовка и заполнил остальную часть рамки функцией "Fill with placeholder text" в InDesign.
Шаг 5. Настройка базовой сетки
Чтобы текст выглядел хорошо, нам необходимо настроить базовую сетку. Перейдите в Preferences > Grids и установите значение Increment Every на 8 пт. В этом уроке мы будем использовать строчный размер 12 пунктов и заглавных 16 пунктов. Базовая сетка на 8 пунктов, вполовину от заглавной, обеспечивает гибкость, поскольку мы сможем использовать ее для меньшего размера текста.
Шаг 6 Изменение основного стиля абзаца
Перейдите к палитре стилей абзаца и измените стиль Basic Paragraph. Я взял FF Meta Book Roman размером 12 пт и заглавных 16 пт. Можно оставить заглавные в автоматической настройке, потому что наша базовая сетка будет гарантировать, что весь текст будет хорошо выровнен.
Шаг 7 Выравнивание
В строке меню Indents and Spacing установите Alignment на Left Justify. В Интернете почти невозможно достичь хорошего выравнивания текста, но InDesign делает это очень легко. Также измените параметр Align to Grid на All Lines и добавьте 16 пунктов пространства после абзаца. Это необязательно, для разделения абзацев можно использовать First Line Indent.
Шаг 8 Расстановка переносов
Расстановка переносов очень важна для выравнивания текста. Она разбивает длинные слова в конце столбца, чтобы столбец имел ровную границу, а не содержал большое количество пробелов. Параметры расстановки переносов по умолчанию в InDesign требуют некоторой корректировки, чтобы улучшить внешний вид нашего основного текста. Я изменяю настройки, чтобы использовать переносы только для слов, содержащих не менее 6 букв, а также после первых и перед последними тремя буквами. The hyphen limit определяет, сколько строк в столбце может заканчиваться переносом. Я думаю, что 3 слишком много, а максимум 1 выглядит намного лучше. Кроме того, вы должны отключить флажки для Capitalized Words и Last Word.
Шаг 9 Выравнивание
По умолчанию настройки выравнивания немного ослаблены. Установим word spacing минимум 85% и максимум на 105%. Таким образом, промежутки между словами не будут ни большими, ни маленькими. Для букв letter spacing установим минимум -2% и максимум 2%. Это значительно улучшит выравнивание. Вы можете поэкспериментировать с масштабированием символов, если это необходимо.
Шаг 10 Цвет текста
Я использую белый цвет для текста из-за тёмного фона. Выберите, что выглядит лучше всего, но текст должен читаться.
Шаг 11 Колонки текста
Откройте Text Frame Options правым кликом по рамке текста и поменяйте количество колонок на 2 с 3 мм пробела. Таким образом длина строки уменьшается, а читаемость увеличивается.
Шаг 12 Заголовок
Для заголовка возьмём более крупный размер текста 42 пункта и отрицательное tracking value -50 для уменьшения расстояния между буквами. Заголовки часто выигрывают от tracking настройки.
Шаг 13 Диапазон колонок
Новая функция в InDesign CS5 - это возможность разметки абзаца по столбцам. Мы собираемся это использовать, чтобы сделать размах заголовка на оба столбца рамки текста. Настройте Paragraph Layout на Span Columns и Span на All.
Шаг 14 Настройки заголовков
По настройке tracking буквы "r" и "t" сейчас соприкасаются. Этого надо избежать. Чтобы с этим справиться, я установил kerning на 75 между буквами, где достаточно места для их разделения.
Step 15 Выравнивание Optical Margin
Осталось сделать маленькие настройки в палитре InDesign"s Story: Optical Margin Alignment. Знаки тире, кавычки и широкие символы, такие как W и A выходят за рамку текста. Это раздвигает внешний вид кромок. Нажмите на текстовую рамку, включите Optical Margin Alignment и установите значение вашего размера основного текста.
Заключение
Вот вы и создали простую, правильно сбалансированную страницу с хорошей типографикой и использованием свободного пространства. У вас есть основа совместимого макета журнала.