Індизайн-відео-тренінг - сучасна практика.

Дизайн листівки у складеному форматі на прикладі спортивного залу / фітнес-студії - Частина 3

Усі відео з уроку Індезайн-відео-навчання - сучасна практика

У частині 02 цієї серії навчальних посібників ми вже майже завершили титульний аркуш нашої брошури. У цій частині головною метою є оздоблення другої та третьої сторінок.

Дизайн листівки у форматі згину на прикладі спортивного залу / фітнес-студії - Частина 3.

Перш ніж ми розпочнемо роботу над другою та третьою сторінками, ми повинні внести деякі дрібні корективи до титульного аркуша:

Відносно заголовку та жіночого зображення можемо вільно змінювати розмір та положення, оскільки вони не мають міліметрової відповідності до інших елементів.

Дизайн листівки в форматі згортки на прикладі спортивного залу / фітнес-центру - Частина 3.

У випадку круга з логотипом компанії ситуація інша: щоб під час масштабування круга логотип залишався в центрі, важливо, щоб InDesign використовував центр кола як точку прив'язки. Ми можемо досягти цього двома способами:

Щоб тимчасово вибрати центр як точку прив'язки під час масштабування круга, тримайте натиснутою клавішу Alt. (Клавіша Shift забезпечує пропорційне масштабування).

Дизайн листівки у форматі згину на прикладі спортивного залу / фітнес-студії - Частина 3

Іншим варіантом є безпосереднє введення значень у рядок меню. Для того щоб центр був визначений як точка прив'язки, у символа зліва (позначеного на знімку екрана) має бути вибрана середня точка.

Дизайн листівок у форматі згину за прикладом спортзалу / фітнес-центру - Частина 3

Тепер перейдемо до двох сусідніх сторінок:

Спочатку ми створюємо прямокутник і масштабуємо його так, щоб він заповнював верхню половину обох сторінок. Він виступає фоном для тексту та графічних елементів.

Як колір вибираємо той самий тюркоаз, який ми вже кілька разів використовували на титульному аркуші (C=81, M=28, Y=25, K=7). Додатковий контур не потрібний. Для того щоб трохи прозорості проміняти фонове зображення, ми можемо зменшити Непрозорість приблизно до 90%.

Дизайн листівки у форматі згину, на прикладі спортзалу/фітнес-центру - Частина 3

Далі ми створюємо заголовки.

Завжди практично, коли заголовки сторінок знаходяться на одній лінії. Щоб досягти точної вирівняння заголовків, ми можемо використовувати різні методи:

Перша варіація - використання Лінійки. Для цього створюємо горизонтальну лінійку, яка примикає до нижнього краю заголовка титульного аркуша. Тепер ми можемо просто закріпити інші заголовки за цією лінійкою.

Дизайн флаєра у форматі згортаючогося буклету на прикладі спортивної зали/фітнес-центру - Частина 3

Оскільки заголовок титульного аркуша та інші заголовки мають схожий формат, ми можемо створити копію вже існуючого заголовка, перетягуючи його на потрібну позицію з натиснутою клавішею Shift та Alt.

Клавіша Alt приводить до копіювання блоку тексту, тоді як клавіша Shift забезпечує орієнтацію копії відносно початкової позиції, що означає, що нам не потрібно лінійки.

Дизайн листівок у форматі "згортають" на прикладі спортивної зали/фітнес-центру - Частина 3.

Якщо заголовок після копіювання опиниться за раніше створеним прямокутником, ми можемо використати комбінацію клавіш Ctrl+Shift+ в ієрархії об'єктів поступово відправити заголовок вперед.

Дизайн листівок у форматі згортки на прикладі спортивної зали/фітнес-клубу - Частина 3

Ліва сторінка у цьому прикладі отримує заголовок "Відчуйте здоров'я", права сторінка має заголовок "Ваш шлях до нас".

Нам потрібно внести певні коригування в форматування: Шрифт>PT Sans Narrow та Розмір шрифту>22 Pt залишаються без змін. Для Кольору шрифту ми використовуємо білий колір, Колір фону вимикається, а текст вирівнюється по лівому краю.

Дизайн листівки у форматі згортки на прикладі спортзалу/фітнес-центру - Частина 3

Під заголовком "Відчуйте здоров'я" зараз створимо ще одне текстове поле для опису фітнес-центру. Справа та зліва від текстового поля слід залишити кілька міліметрів відступу від краю.

Для того щоб відступи справа та зліва були однакові, ми створюємо невеликий прямокутник-помічник, до якого будемо прив'язувати текстове поле. Звісно, ми також можемо розмістити лінійку відповідно і вирівняти текстове поле за нею.

Дизайн листівки в форматі згортки на прикладі спортивної зали/фітнес-клубу - Частина 3

Для цього прикладу текстове поле заповнене заглушковим текстом. В InDesign є функція, яка автоматично заповнює текстове поле таким текстом: Текст>Заповнити заглушковим текстом.

Дизайн листівки у форматі згортки на прикладі спортзалу/фітнес-студії - частина 3

Ми форматуємо цей текст шрифтом PT Sans Narrow білим кольором. Розмір шрифта залишаємо на рівні 12 Pt, міжрядковий інтервал встановлюємо на 14,4 Pt.

Дизайн листівок у форматі згину за прикладом фітнес-центру - Частина 3

Під "Ваш шлях до нас" ми тепер вставляємо карту. Будь ласка, не копіюйте карту з Google Maps або подібних додатків, краще використовуйте карту, яку ви самостійно нарисували (наприклад, в Illustrator) і за яку ви впевнені, що маєте всі права власності. Інакше ви можете швидко потрапити в правові проблеми.

Дизайн листівки у форматі складання на прикладі спортивного залу/фітнес-клубу - Частина 3

Тут ми додаємо на карту світло-сіру контур шириною 3 Pt, а також додаємо ненав'язливу тінь в Об'єкт>Ефекти>Тінь з непрозорістю 15%, відстанню 1 мм, зміщенням по x 0 мм, зміщенням по y 1 мм та розміром 1 мм.

Усі значення були вибрані досить низькими, щоб досягнути більш елегантного ефекту, при цьому не роблячи карту занадто виділяючою від буклету.

Дизайн листівки у форматі згортки на прикладі спортивного залу/фітнес-центру - Частина 3

У наступному кроці ми додамо два круглих зображення під описом. Для цього спочатку створюємо коло за допомогою інструмента Еліпс та утримуючи клавішу Shift-, яке повинно бути приблизно наполовину меншим за ширину поля з текстом над ним.

Дизайн листівок у форматі складання на прикладі спортивного залу / фітнес-центру - Частина 3

Утримуючи клавішу Alt- та натискаючи клавішу-стрілку вправо (натискайте клавішу-стрілку лише один раз, інакше створяться кілька копій круга!), копіюємо коло та пересуваємо його вправо.

Використовуючи клавішу-стрілку в поєднанні з клавішею Shift- можемо пересувати круг у великих кроках та швидше.

Дизайн листівки у форматі згинаючогося за прикладом спортзалу/фітнес-центру - Частина 3

Якщо коло виявиться трохи занадто великим, ми можемо виділити обидва кола, утримуючи клавішу Shift-, трохи зменшити розмір та перепозиціонувати їх.

Дизайн листівки у форматі згину за прикладом спортзалу / фітнес-клубу - Частина 3.

Якщо обидва кола мають правильний розмір, ми можемо тимчасово видалити друге коло. До першого круга додаємо тінь – із тими самими налаштуваннями, що й у карті – а також білий контур шириною 3 Pt.

Дизайн листівок у складеному форматі на прикладі спортивного залу / фітнес-центру - Частина 3

Тепер ми повинні вставити зображення в коло. Через Файл>Розмістити спочатку завантажуємо бажане зображення до InDesign.

Як тільки зображення з'явиться і буде вперше розміщено, ми можемо вирізати його за допомогою Ctrl+X та потім вставити в коло за допомогою опції Редагувати>Вставити в виділений.

Дизайн листівок у форматі згортки на прикладі спортзалу / фітнес-клубу - Частина 3.

Клацнувши на символ, схожий на CD, який повинен з'явитися в середині круга (див. знімок екрана), зображення можна переміщати та масштабувати всередині круга.

Дизайн листівок у форматі згинання на прикладі спортзалу/фітнес-центру - Частина 3

Якщо ми скопіюємо та розмістимо таким чином багатокутник, тоді зображення, що знаходяться всередині круга та всі використані ефекти, також будуть скопійовані.

Дизайн листівок у форматі згинаючись на прикладі спортивного залу/фітнес-залу - Частина 3

Щоб замінити зображення на нове, нам потрібно знову перейти до режиму редагування через символ CD, клікнувши на кнопку Знову зв'язати в панелі зв'язками та обрати бажане зображення.

Дизайн листівок у форматі «згортка» на прикладі спортивного залу/фітнес-центру - Частина 3

Тепер нове зображення має відображатися всередині круга з усіма попередніми ефектами та попередньо відповідним масштабуванням.

Дизайн листівок у формі згортання на прикладі спортивного залу/фітнес-центру - Частина 3

Під нижнім краєм обох сторін створимо сірий контур з непрозорістю 90%. Для цього використаємо той самий відтінок сірого, який вже був використаний багатократно на титульній сторінці (C=73, M=59, Y=48, K=47).

Дизайн листівок у форматі згортки на прикладі спортзалу/фітнес-центру - Частина 3

Отже, тим самим завершується третя частина цього посібника. У четвертій та останній частині серії ми завершимо дизайн другої та третьої сторінки та забезпечимо рекламу на зворотному боці буклета.

Дизайн листівки у форматі згину на прикладі спортивної залу/фітнес-залу - Частина 3.