Етапи створення журнального розвороту в indesign - віртуальна школа графічного дизайну
Продовжуємо розмову про журнальної верстці.
Після невеликого теоретичного вступу я пропоную вам разом зі мною виконати практична вправа. Давайте зверстаємо простий, але привабливий двох сторінковий розворот.
Крок 1. Спершу створимо новий документ.
Для простоти прикладу ми будемо використовувати стандартний розмір А4.
Почнемо з установки кількості сторінок. У журналах і брошурах воно повинно бути кратним 4. Нехай у нас буде 8 сторінок з припуском на обрізку (Bleed) 3 мм.
Встановимо поля по 10 мм зверху і знизу, 13 мм по внутрішньому краю і 20 мм по із зовнішнього боку.
Така різниця в ширині внутрішніх і зовнішніх полів не випадкова. Дизайн розвороту, в якому зовнішні поля трохи ширше внутрішніх, виглядає краще, ніж з однаковими полями.
Крок 2. Створимо модульну сітку.
Будь-який професійний дизайн розвороту починається з модульної сітки.
Сітка забезпечить нам базову розмітку для послідовного розташування елементів дизайну.
Зайдемо на шаблонний розворот «A-master spread» і з меню Layout виберемо команду Create Guides. Для прикладу я створив сітку з 12 колонок і 12 стовпців з кроком 3 мм. Виберіть опцію «Fit Guides to Margins», щоб сітка обмежувалася полями сторінок.
Таким чином, ширина нашої сторінки 210 мм, з полями 20 мм з зовнішньої сторони і 13 мм з внутрішньої. У нашому розпорядженні залишається 177 мм для 12 колонок і 11 проміжків (12 колонок по 12 мм плюс 11 межстолбцових проміжків по 3 мм).
Крок 3. Виберемо і помістимо фонове зображення.
Створюючи журнальний розворот, дуже важливо зберегти рівновагу між вільним простором аркуша, фотозображеннями і текстом. Тут добре спрацьовує техніка використання фотографій з вільним простором навколо об'єкта зйомки. Так, вільний простір фотографії ненав'язливо виконує роль чистого аркуша або фону для тексту.
Як приклад для статті я вибрав фото танцівниці фламенко з мого фотоальбому. Фігура танцівниці, яка визначає композиційний центр фото, розташована зліва. Розмите зображення частини стіни і червоного плаща жінки в правій частині фото вдало підходить в якості фону для нашого дизайну.
У журнальному розвороті, що має чіткий поділ на праву і ліву частини, фото-ілюстрація, як правило, розташована на правій сторінці, а текст статті - на лівій.
Таким чином, визначається порядок засвоєння інформації і підкреслюється первинність тексту по відношенню до зображення.
Зрозуміло, це правило вірно лише для європейських мов з напрямком письма зліва направо. В івриті та арабською, навпаки, текст розташований праворуч, а фото - зліва.
У нашому ж випадку, зображення займає весь розворот. і обидві сторінки сприймаються як єдина композиція, в якій текст - її складова частина.
Така композиція буде виглядати краще, якщо її центр змістити вліво. З композиційного центру в лівій частині починається зорове сприйняття інформації, а завершиться справа - текстом статті.
Розташуємо наше фото на розвороті так, щоб його межі збігалися з рамкою bleed ... підкоригуємо розмір і розташування фотографії всередині фрейму.
Крок 4. Створюємо основний текст.
Створимо текстовий фрейм і розташуємо його приблизно по центру правій частині розвороту. Потім ми зможемо підкоригувати його місце розташування. Таке розташування тексту створює «діалог» тексту із зображенням. Погляд танцівниці, поворот її голови і рух плаща звертає нашу увагу на білу хмару тексту.
Таким чином, фотографія тут не просто ілюстрація до тексту, але, перш за все, важлива і невід'ємна частина композиції, а також сполучна ланка між обома частинами розвороту.
Крок 5. Створюємо базові лінії прив'язки рядків.
Для того, щоб вирівняти рядки колонок тексту, нам треба задіяти базові лінії прив'язки. Зайдемо в меню установок програми Preferences> Grids і встановимо в поле Increment Every 8 pt, тобто половину значення нашого інтерліньяжу. Це додасть роботі з текстом більше свободи, оскільки дозволить нам також використовувати і дрібніший текст.
Крок 6. Змінимо базовий стиль абзацу.
В панелі Paragraph Style відредагуємо базовий стиль абзацу (Basic Paragraph).
Я використовував шрифт Helvetica CY з розміром кегля 12 pt і інтерліньяж (leading) 16 pt. Оскільки раніше ми задіяли прив'язку до базових лініях, ми можемо і не ставити точного значення інтерліньяжу, залишивши його в положенні auto.
Крок 7. Вирівнюємо текст і встановлюємо відстані між абзацами.
Перейдемо в ятати відступів і проміжків (Indents and Spacing) і встановимо вимкнення тексту по лівому краю.
Крім цього, в поле вирівнювання по сітці (Align to Grid), встановимо опцію All Lines. В поле, що визначає відстань після абзацу (Space After) встановимо 16 pt. Якщо ви хочете, щоб кожен параграф починався з нового рядка, то задайте також значення в поле First Line Indent.
Крок 8. Створюємо переноси тексту.
Створення переносів тексту вкрай важливо для гарної вимкнення. Перенесення обрізають довгі слова в кінці колонки і забезпечують текстового блоку рівні прямі краю.
Установки переносів за замовчуванням в InDesign вимагають деякого коректування.
Я встановлюю переноси тільки для слів, що складаються, як мінімум, з 6 букв. Ось установки, які мені здаються найбільш прийнятними (див. Зображення нижче):
Крок 9. Вирівнювання (вирівнювання тексту по обох краях колонки).
Красива випрямлення тексту залежить від співвідношення межбуквенних відстаней і проміжків між словами. Тут важливо знайти золоту середину, щоб відстані між словами не були занадто великими, але при цьому і самі слова не розтягувати і не зливалися один з одним.
У цій закладці нам варто відкоригувати базові установки межбуквенних і межсловних відстаней. Я раджу встановити відстані між словами в проміжку між 85% і 105%. Інтервали між буквами відстані встановимо -2% в поле «Minimum» і 2% в поле «Maximum». Такі значення істотно поліпшать зовнішній вигляд ваших колонок.
Крок 10. Визначаємо колір тексту.
Оскільки обраний нами фон досить темний, на мій погляд, найкраще зробити наш текст білим На світлому тлі ми б використовували темний світ тексту.
Крок 11. Створюємо текстові колонки.
Таким чином, ми скоротимо довжину рядків і покращимо зорове засвоєння тексту.
Крок 12. Створюємо заголовок.
Заголовок повинен бути контрастним по відношенню до основного тексту статті.
Ми доб'ємося цього контрасту за рахунок значної різниці в розмірах і накресленні кегля.
Створимо новий стиль для заголовка. Розмір тексту задамо 54 pt і трекінг (-10) pt, зменшивши трохи межбуквенное відстань.
Набираємо заголовок статті і застосовуємо до неї новий стиль.
Крок. 13. Встановлюємо оптичні поля текстового блоку.
Останній крок, який поліпшить зовнішній вигляд правого краю текстового поля - установка оптичних полів. Ця команда виносить знаки переносу і лапки за межі рамки текстового поля і, таким чином, створює рівні й гладкі краю тексту.
Виділимо текстове поле. З меню Type виберемо команду Story, і в віконці галочкою відзначимо «Optical Margin Alignment».
Вітаю вас!
Тепер ви знаєте, як можна зверстати статтю на цілий розворот.
