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

Створення професійного меню в Adobe InDesign - Частина 3.

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

Тепер ти можеш додати назву бістро та адресу. Для цього тобі знадобиться два тексти, в які ти вставиш контент. Верхній відрізок складається зі шрифту Futura LT розміром 20 пунктів з півжирним шрифтом. Адресний блок також базується на Futura LT світлій шрифтом розміром 14 пунктів з розміром шрифту, а веб-адреса знову обирає півжирний шрифт розміром 14 пунктів.

Створення професійного меню в Adobe InDesign - Частина 3

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

Створення професійного меню в Adobe InDesign - Частина 3

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

Професійне меню в Adobe InDesign - Частина 3.

Можливо, ви видалили лого випадково. Немає проблем, просто скопіюйте лого з титульної сторінки. Можна вибрати кожен окремий елемент або просто обвести логотип за допомогою Інструменту виділення, щоб одразу вибрати його цілком.

Створення професійного меню в Adobe InDesign - Частина 3

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

Створення професійного меню в Adobe InDesign - Частина 3

За допомогою Ctrl+C скопіюй об'єкт цілком, перейди на другу сторінку і встав свою копію за допомогою Ctrl+V. Потім можеш зсунути цю копію вниз і, користуючись клавішею Shift, зменшити її розмір, оскільки вона є надто великою для цієї частини картки. Проте з цього виникає нова проблема – шрифт не масштабується за цим способом.

Створення професійного меню в Adobe InDesign - Частина 3

Це можна обійти, натиснувши Ctrl+Shift і зменшуючи об'єкт.

Створення професійного меню в Adobe InDesign - Частина 3

Спочатку я розміщую об'єкт посередині правої сторінки. Щоб не вибирати фон випадково, можна заблокувати цей шар просто натиснувши на символ замка в полі керування Шарами. Перейди до цього шару у полі керування і активуй замочок.

Створення професійного меню в Adobe InDesign - Частина 3

Тут ще не вистачає круга, що вирамлює лого. Для цього знову використай Інструмент еліпса і витягни рівномірний круг за допомогою клавіші Shift і Alt з центру логотипу. Потім перемісти круг за допомогою клавіші Ctrl+0 углибину фону.

Створення професійного меню в Adobe InDesign - Частина 3

Поскільки це лого і круг також потрібно на протилежній, лівій стороні, можна виділити обидва елементи і, утримуючи клавішу Alt, створити копію, переміщуючи їх. Розмісти цю копію приблизно посередині бічної сторінки.

Створення професійного меню в Adobe InDesign - Частина 3

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

Створення професійного меню в Adobe InDesign - Частина 3

Тепер при переміщенні лого InDesign автоматично пристосовується до вже наявних об'єктів та буквально защільнюється вздовж центральної осі.

Створення професійного меню в Adobe InDesign - Частина 3

Або ж можна вирівняти об'єкти один до одного за допомогою стандартного способу, вибравши їх за допомогою Інструменту виділення, утримуючи клавішу Shift, а потім, через меню Вікно>Об'єкти і компонування>Вирівняти, викликати діалогове вікно для вирівнювання та розподілу об'єктів. У цьому діалоговому вікні є кнопка для центрованого вирівнювання об'єкту.

Створення професійного меню в Adobe InDesign - Частина 3

Після вирівнювання об'єктів можна видалити допоміжний прямокутник. Тепер можна звернутися до контуру нижньої панелі разом з круговими формами. Для цього спершу потрібно розірвати групування логотипу, щоб можна було редагувати задній круг окремо від решти. Натисни правою кнопкою миші на лого і розірви можливе групування.

Створення професійного меню у Adobe InDesign - Частина 3.

Потім виділи прямокутну задню площу та два круги фонового логотипу.

Створення професійного меню в Adobe InDesign - Частина 3.

За допомогою інструмента Pathfinder, який можна знайти у розділі Вікно>Об'єкт і компонування, об'єднай ці 3 об'єкти в один великий об'єкт.

Створення професійного меню в Adobe InDesign - Частина 3

Ти можеш надати контур товщиною 3 пункти, який обмежує лише цю площу. Результат повинен виглядати приблизно так, в залежності від фонового малюнка:

Створення професійного меню у програмі Adobe InDesign - Частина 3.

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

Створення професійного меню в Adobe InDesign - Частина 3.

Спочатку ви знову отримаєте відповідні графіки з бази даних зображень або створите їх напередодні. Відповідні графічні елементи, наприклад, можна знайти на сайті www.fotolia.de.

Створення професійного меню в Adobe InDesign - Частина 3.

Завантажений векторний файл можна відкрити у програмі для векторної графіки, наприклад Adobe Illustrator. Ви можете скопіювати кожну окрему графіку з нього за допомогою Strg+C і вставити у свій документ InDesign.

Професійне меню створюємо в Adobe InDesign - Частина 3.

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

Створення професійного меню в Adobe InDesign - Частина 3.

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

Створення професійного меню в Adobe InDesign - частина 3

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

Створити професійне меню в Adobe InDesign - Частина 3

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

Створення професійного меню в Adobe InDesign - Частина 3.

Якщо такий графічний елемент відсутній, ви можете просто створити круг за допомогою Ellipse-Werkzeug і рівномірно збільшити його з використанням клавіші Shift.

Створення професійного меню в Adobe InDesign - Частина 3.

Цей круг також отримує контур. Проте не з товщиною 3, а з товщиною 4 пікселя. Також перемістіть цей круг за допомогою Strg+Ö вглиб і намалюйте графіку бежевим кольором.

Створення професійного меню в Adobe InDesign - Частина 3

Знову скористайтеся функцією Ausrichten, щоб вертикально вирівняти обидві графіки по середині.

Створення професійного меню в Adobe InDesign - Частина 3

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

Створення професійного меню в Adobe InDesign - Частина 3

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

Створення професійного меню в Adobe InDesign - Частина 3

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

Створення професійного меню в Adobe InDesign - Частина 3

Тепер ви можете трішки глибше та вглибі перемістити об'єкт за допомогою Strg+Ö та заповнити його темнішим відтінком червоного.

Створення професійного меню в Adobe InDesign - Частина 3

Менший прямокутник копіюємо з використанням Alt+Shift вправо. Через Контекстне меню ви можете трансформувати об'єкт та горизонтально відзеркалити.

Створення професійного меню в Adobe InDesign - Частина 3.

Лінії для логотипу можна створити за допомогою Лінійного інструменту. Намалюйте лінію з використанням клавіші Shift, щоб вона розташувалася горизонтально.

Cтворення професійного меню в Adobe InDesign - Частина 3

Для цієї лінії встановіть філ за і додайте обрис об'єкта до корпоративного червоного кольору. Товщина лінії складає близько 0,25 пункта. За допомогою Alt+клавіша зі стрілкою вниз можна створити копію та перемістити її вниз.

Створення професійного меню в Adobe InDesign - Частина 3

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

Створення професійного меню в Adobe InDesign - Частина 3

Тепер ти можеш ввести більш точне позначення для категорії страви. Для шаблону було обрано шрифт Chaparral Pro жирним шрифтом з розміром 22 пунктів. Щоб відкрити параметри текстового блоку, клацни правою кнопкою миші на текстику та вибери опцію Вертикальне центрування. Тут можна вказати значення відступу від поля, які допоможуть оптимізувати позицію тексту візуально.

Створення професійного меню в Adobe InDesign - Частина 3