Питання до вас: Хто згадує радо свої шкільні роки? Так, будь ласка, підіміть руки. О, я вже бачу, дві, три, чотири, п'ять рук піднімаються. Ні, жартую, тут насправді немає нікого окрім мене, але я вітаю вас на новому тренуванні. І нове тренування для нас означає також новий друкований матеріал, на цей раз - шкільний листівка у вертикальному форматі DIN A5, якого можна побачити тут у дуже простому і зрозумілому дизайні з чіткими формами. Тут у нас є прямокутники.
Як отримати все це так гарно чисто і симетрично, для цього є кілька трюків, які ми розглянемо детально. При цьому ми працюємо з спокійним і так само яскравим зображенням. Те, що тут цілком круте, що під час процесу макетування не так помічається, але в кінцевому друці цілком чітко виявляється, - це розривна мітка в середині. Так що не сама розривна мітка крута, вона насправді досить звичайна, щоб бути відвертим, але те, що справді круте, - це елементи, що виходять за межі. Це означає, що ми не будемо їх завершувати на згині, але також підемо з ними на оборотну сторону. І коли ви дійсно побачите дизайн у друкованому форматі перед собою, то це матиме досить вражаючий ефект, оскільки грубо кажучи, таким чином дизайнер також встрийкує свій погляд, щоб подумати за межами коробочки і існуючих ліній та меж. Це буде досить захоплююче, коли ми це зробимо.
Перейдемо відразу до внутрішньої сторони. Ось як виглядає: тут у нас знову цей дизайн з плитками з різними відзначеннями та розміщеними зображеннями. І, як ви вже безперечно помітили, тут, звичайно, все барвисто. Зрозуміло, цільова аудиторія - це учні, діти та їхні батьки. Але перш ніж все стане забарвлене, я б порадив, давайте просто розпочнемо. І я кажу: на старт, увага, марш і стоп.
Умови друку для шкільного листівки
Наша подорож, звичайно, починається на веб-сайті нашого друкарського підприємства (1). Там ми можемо кинути погляд на портфель та вибрати відповідний продукт. Ми будемо будувати листівку зі згином. Для цього ми вибираємо відповідний продукт, спочатку Стандартну листівку зі згином, a потім формат (2). У нас є остаточний формат DIN-A5. І тут ми знову отримуємо Деталі і Вказівки щодо даних (3). В порівнянні з іншими навчаннями ми будемо використовувати інший папір, фотопапір, який в англійській мові називається "покритий". Це означає, що це структурний папір, поверхня якого була закрита певним видом клею для затворювання пор паперу. Це дає яскравість і насиченість кольору. Це, насправді, вже велика відмінність від неструктурного паперу, який виглядає тупим, матовим і сиснучим. Так от, фотопапір просто забезпечує ефект дуже чудового забарвлення. І якщо, звичайно, ми не знаємо, як це виглядає: Наш зразковий альбом паперу допомагає нам у цьому. Що нам потрібно знати, це конкретний формат. Тут ми знову показуємо кінцевий формат, 297 на 210, тобто згадуваний DIN-A4-формат з полем 2 мм (4). І серед вказівок щодо даних (5) ми ще раз бачимо: "важливі інформації із мінімум 4 мм відстані до кінцевого формату". Тут ми також бачимо режим кольорів: фотопапір, ISO Coated v2. Гарно, після того, як ми це дізналися, ми можемо вже перейти до InDesign.
Налаштування документу в InDesign
Ми відкриваємо новий документ (1). Нам не потрібна Подвійна сторінка (2) у цьому випадку. Я б хотів, замість цього, будь ласка, альбомний формат (3). Поля: 4 мм (4). Підсічка: 2 мм (5). Потім ми можемо вже підтвердити документ.
Тут зліва вгорі, червона лінія, ви можете яскраво побачити, коли я збільшую, це так званий поле для підсічки. Нам це також потрібно на цьому етапі, щоб розмістити елементи за межі звичайного кінцевого формату і уникнути білих блисків, які могли б виникнути під час вирізання. Тому ви бачите, блисків не тільки на дорозі не люблять бачити гостей, ні, також тут у друці важливо уникати такого.
Ctrl+0 для огляду – і ось ми починаємо працювати, використовуючи графічну сітку. Хто прикладає зусиль до створення графічної сітки, той потім має неймовірні переваги. Це відбувається через Композиція>Лінії допомогистворити… І ви побачите слідуючу перевагу, коли сітка один раз встановлена.
Якщо ви, як дизайнер, рухаєтеся своєю мишею енергійно, ніби шеф-кухар збиває кухонною лопаткою, вам, можливо, вже відомо, що ви випадково можливо пересунете цю сітку, тобто ці лінії допомоги.
Щоб цього уникнути, я спершу заблокую ці лінії допомоги. Це робиться через Вид>Сітка та лінії допомоги>Блокування ліній допомоги. Тепер нічого поганого не відбудеться, я можу тут діяти, як мені заманеться, нічого не відбувається з лініями допомоги. Це міцно і, звичайно, слідувати правилам багато краще.
Створення структури для листівки
Щоб у цьому прямокутному лабіринті також забезпечити певну структуру та зберегти оглядність, я починаю з визначення нового полотна кольору. Нічого особливого, просто додаємо тут чорний на 20%.
Потім я приступаю до простого відтворення плиток. Ми починаємо ліворуч зверху та проводимо прямокутник від обрізання далі по сітці, а саме чотири клітинки, і призначаємо йому цей колір.
Ми повторюємо це в декількох місцях. Наступне - пішов сюди. Тут я пересуваю це затиснутою клавішею Alt- та Shift-, так. Сюди пізніше вставимо фото. Проте воно не повинно бути дуже великим, лише до цього моменту, після чого я можу зменшити його ... (результат див. на зображенні)
Продовжуємо. Тут нам потрібно щось схоже, я просто візьму його донизу надалі. Потім ми робимо копію - ставимо дві клітинки поруч. І ще один на одну. Тут знизу ще одне фото ... (результат див. на зображенні)
Тепер переходимо до місця, де обидві сторони будуть розділятися. Під час вашої роботи ви також можете звернути увагу на зелені стрілки. Для цього InDesign потрібно посилання, яке є видимим (ліва стрілка). І коли я перетягую цей прямокутник сюди, він показує, що це точно 3 мм (права стрілка).
Так все гаразд. Я зменшую цей прямокутник (на зображенні зменшити ширину лівого верхнього прямокутника). Між двома ведучими лініями, які проходять вертикально крізь прямокутник, є розрив. Тепер ми можемо трохи знизити прямокутник, я це роблю на око, приблизно до цього місця (див. розмір прямокутника), щоб не мати його абсолютно симетричним на цьому місці. Мені дійсно хочеться мати тут трохи динаміки.
Ще одна копія цього і вниз (лівий нижній прямокутник). Тепер нам потрібно бути уважними, що в нас є 3 мм. Для цього ми, наприклад, візьмемо інструмент пропускання (1). Один раз тут, він показує нам, що зараз 3,725 мм (2). Якби я рухав це зараз, він просто зсунув би мені позицію, але мені цього не треба. Я хочу зменшити розрив. Якщо я зараз триматиму клавішу Ctrl-, то він поставить мені це на 3 мм (3), тобто саме на те відстань, яку мені потрібно.
Потім ми розтягуємо цей прямокутник (1) аж туди. Ще одна копія (2) його, я роблю його таким великим, як фото ліворуч від нього. Ще одна копія (3) з Alt та Shift. Усе це йде декілька клітин вправо, а саме чотири. Ще одна копія (4) цього, донизу та до обрізання (5). Будьте уважні, що це гарантовано.
Потім я беру копії з цього (1), ставлю їх сюди - завжди гарно орієнтуючись на допоміжні лінії, тому що для цього є сітка. Тепер ви бачите значне перевагу, яку нам принесла сітка. Це дійсно унікальна функція, я вважаю це дуже практичним. Ви бачите, як швидко ми рухаємось вперед, це правда, швидко.
Ctrl+0 ще раз для огляду - так виглядатиме оформлення наступку у кінці. Тепер насправді мова йде про розміщення зображень та заповнення окремих прямокутників кольорами, отже, так би мовити, життям наповнити. Ми надихаємо цей документ душею. Бо це була тільки початкова конструкція.
Розміщення та вирівнювання зображень в макеті
Швидкий доступ до нашого вибору: Ctrl+D. Так ми увійдемо в діалогове вікно Розмістити. Я шукаю відповідні зображення, чотири штуки для перших зовнішніх сторінок, я можу позначити їх всі клавішею Ctrl- ...
Зараз ми маємо вказівник, на якому є маленьке "(4)" біля іконки. Це означає, що в вказівнику завантажено чотири зображення. Якщо я не бажаю мати це перше зображення, я можу легко перемикатися між завантаженими зображеннями за допомогою стрілок.
Я позиціоную кожне зображення ...
Звісно, зараз все це не пропорційно адаптовано, тому я позначаю все ці регіони. Правий клацання на них, потім Адаптувати>Заповнення рамки пропорційно.
Потім нам потрібно трохи фінальної настройки. Так, ця мила дівчина з великими очима вже виглядає досить привабливо. Це тому, що тут діє схема малюка. Обличчя завжди цікавіше за які-небудь олівці або дірки або крейду або кольоровий папір або клей, або з чим діти ще зазвичай займаються в школі. Ні. Великі очі, як ось ця, саме те, що нам потрібно.
Я подвійним клацанням натискую на це зображення, тоді ми маємо вміст зображення. І його я пересовую затиснутою клавішею Shift- та клавішею стрілка вправо в межах рамки, так щоб деревце все ще було з нею.
Продовжуємо з цим зображенням. Щоб збільшити його пропорційно, тримаючи Shift-клавішу, ми можемо трохи помістити його більшим.
А тепер нижче. Ми трохи піднімаємо його, щоб усі діти поміщалися.
І наша регіональна школа - здається, що підходить досить добре.
Давайте подивимося на це. Чудово.
Визначення кольорових полів
Переходимо до наступного кроку: визначення кольорових полів. З випуску InDesign CC, який постійно вдосконалюється та оптимізується, тепер є досить крутий інструмент, що називається Кольорова настройка (1). Це як піпетка, але в "великому", тобто великий брат піпетки. Якщо ви натиснете на це, то тут з'явиться піпетка з трьома малими кубиками унизу (2). Це має сигналізувати, що речі йдуть про визначення кольорових полів: я натискаю тут на це зображення (3) - і в InDesign вже розпізнає, які кольори (4) використані у цьому зображенні. Потім ці кольори можуть бути витягнуті та додані як кольорові поля. Просто натиснути тут ... (5) І зараз подивіться на кольорові поля (6), тут все це тепер називається "Яскраве_дизайн" (7). У ньому ми маємо п'ять кольорових полів, які приходять з цього зображення. Це досить крута функція, оскільки ми завжди хочемо мати гармонію кольорів.
Те, що мені зараз не дуже подобається: погляньте, це не працює досконало, оскільки тут є два подібні кольори (1), які практично ідентичні. Я трохи їх виправляю.
Я видаляю один кліком правої кнопки миші. Цей отримує нове кольорове співвідношення. Що вам можливо вже відомо: при витягненні кольорів вони перетворюються з RGB-зображення в CMYK-значення (2) - досить круто.
Я змінюю колір на пастелевий відтінок (Cyan: 23 %, Magenta: 0 %, Yellow: 55 %, Black: 0 %).
Отже, піпетк зовсім не працює бездоганно, отже, не завжди вдається точно зустріти колірні гармонії, які ви хочете мати. Це, можливо, блакитний відтінок цього вікна (1), але я не уявляв собі це для свого дизайну. Я хочу ці значення (2). Але решту можна залишити так.
Вставка кольорів та логотипу
І от ідея: прямокутник отримує синій колір. Троє також, тому я відзначу їх за допомогою Shift та встановлюю їх на синьому кольорі. Таким чином я зараз розфарбовую прямокутники ...
Що ще не вистачає, це логотип тут знизу. Я вже зробив це на Fotolia та обробив у Illustrator. Я не можу це вам показати, але це ж не семінар з Illustrator, а семінар з InDesign. Я вставляю це, увімкну знову сітку за допомогою клавіші W, і потім можна трохи зсунути його трохи дочекнізця.
Вставка тексту
Тепер ми наповнюємо це всім текстом. Тут я починаю зверху. Я створюю текстове поле. Для флаєра я обрав шрифт Aller курсивом, розмір 20 Pt, колір снігово-білий, та потім ми пишемо: «Регіональна школа Місто-зразок». Я адаптую текстове поле та вирівнюю його по центру.
Далі зліва сторони: Я копіюю текстове поле, переношу його. Тут вам варто бути уважними. Ви ж знаєте, цих чотири міліметри безпечного відступу (1) від краю ми повинні дотримувати, тому ми перетягуємо текстове поле дотепер сюди. Тепер ми пишемо з розміром 13 Pt (2), без великих літер (3) текст: «Чим продовжувати після початкової ступені?», та добавимо ще один абзац.
Це все можна відзначити та визначити як параметри абзацу. Це означає, спочатку, ми визначаємо вручну, як ми хочемо мати шрифт та формат. Так що відбираємо та визначаємо новий формат абзацу.
Це називається «Заголовок 2-го ряду». Нам ще декілька разів знадобиться цей формат, тому добре, що ми визначили це як формат абзацу.
Що є питанням без відповіді? Точно - ніщо інше, як питання без відповіді. І ми це зараз виправимо. Те, що я хочу вам ще порадити: у нас тут є абзац, який ви не бачите. Якщо ви хочете побачити таке, тоді йдете на Шрифт>Показати сховані знаки (1) - і ви відразу бачите, що там є абзац. Я вибираю простий абзац (2) та копіюю собі текст з буфера обміну.
Тепер я надаю цьому новий формат абзацу, я називаю його „Перелік з крапкою“ (1). Тепер ми продовжимо налаштовувати цей формат.
Якщо ви активували опцію Попередній перегляд (2) знизу тут, то можете точно побачити зліва, що саме я змінюю.
Спочатку: Основний формат знаків (1). Ми оберемо шрифт Aller Light розміром 11 Pt і міжрядковий інтервал 14 Pt. Дивно, але зліва нічого не змінилося. Чому? – Тому що не застосований абзацний формат. Тож – знову все виділити (2), застосувати „Перелік з крапкою“. Тепер щось змінилося, і ми можемо продовжувати редагування.
Звісно, Колір символу білий. Раніше він був чорний, тому потрібно дуже уважно стежити за тим, щоб контраст був достатнім. Чорний на зеленому погано читається, і схоже із чорним на червоному, наприклад. Це дуже невдали комбінації. Тому ми краще вибираємо білий.
Що ще нам потрібно? Звісно, список – тож ми переходимо у розділ Маркери та нумерація (1). У полі Тип списку (2) ми вибираємо Маркери і цей маркер (3). Табулятори все ще не налагоджені належним чином, вони роблять тут дуже великі аеропорти як відстань, так що виглядає це дуже неякісно. Тож: Відступ ліворуч 3 мм, і тут у наступному полі -3 мм (4). Тепер все розміщено там, де нам потрібно. Потім ми можемо це підтвердити.
Те, що безперечно було б корисним в цьому місці (1), так це визначити певний відступ зверху ще. Це трохи занадто близько одне до одного. Ми можемо змінити це дуже просто, утримуючи форму „Заголовок 2-го рівня“ (2), в області Відступи під Відступ після (3), наприклад, визначити 3 мм.
Що змінилося? Тепер у нас є відстань 3 мм тут, дивно, але також тут (4). Це через цей абзац (5), який ми встановили вручну. Спочатку я підтверджую це все.
Щоб виправити цю проблему зараз, я просто видалю цей абзац (1). Тепер у нас є перенесення, яке нам не подобається. Це можна уникнути, утримуючи клавішу Shift натиснутою і натискаючи клавішу Enter (2). Shift і Enter – цим ми запобігаємо тому, щоб тут також додавалася відстань 3 мм. Добре, тоді ми будемо підтверджувати це все.
Я розширю текстове поле саме настільки, наскільки потрібно: подвійне клацання на цьому маркері (1). З цієї конструкції роблю копію (2). Я притягую це до самого низу, до цього місця. І тепер я знову притягую це з Shift і Стрілкою вгору ще двічі вгору, це такий самий відстань, як тут (3).
Потім я переписую текст із попередньо заданим вмістом, який я копіюю з буфера обміну.
Що сталося зараз? У нас знову маємо цей ефект з абзацом (1). Ми його видаляємо. За допомогою Shift і Enter знову все вірно (2).
І ще один перелік.
Продовжуємо з нашою адресою, яку ми знайдемо тут, оскільки мама та тато мають ввести якусь адресу в навігаційний пристрій, коли наближається перший день в школу, і тому ось ця допомога. Просто створіть текстове поле (1) і завжди слідкуйте за тим, який формат застосований. Тут зараз вже наш формат заголовка, що неправильно в цьому місці. Я просто візьму список (2), витягну адресу та вставлю сюди. Тепер я дублюю цей весь формат (3), який я називаю „Адреса“ (4). В розділі Маркери та нумерація ми можемо просто видалити маркери (5). Підтвердити, застосувати один раз. Чудово.
Зараз ми повинні видалити кілька зайвих абзаців. Вгорі видаляємо. І що тут не так? Тут ширина текстового поля (1) неправильна.
Загалом тут відбувається щось особливе: Я ж говорив вам про те, наскільки чудовий ефект сторінкових плиток, це майже напевне може спровокувати плутанину в розкладці, оскільки на перший погляд: При білому відступі тепер злам. Ні – це не так. Розрив насправді є в цьому місці на 148,5 мм (1). Тому якщо тепер, наприклад, вирівняти це текстове поле на чотири міліметри зліва (2), то мамі та татові буде важко розшифрувати адресу, їм доведеться постійно перемикатися між лицевою і зворотною сторонами. Це було б повноцінно не прийнятно.
Отже, спочатку я розширю поле введення тексту, щоб усунути перенесення тут, унизу (1). Адаптувати висоту і потім зміст поля введення тексту зсунути до самого краю справа (2). Потім я видалю відрізання тут унизу (3), виділю верхнє поле введення тексту, виділю заднє поле і потім в точці центру у вікні Вирівнювання- обрати саме середину (4). Зараз у нас все вирівняно по центру. Потім ми повинні ще раз перевірити: Отже, це приблизно 4 мм (5), тут є перерва (6). Це означає, що ми маємо достатній відступ.
Давайте подивимося на це. Це підходить, я думаю. Я трохи віддалюсь. Так, все гаразд.
Поїдемо далі в наступній частині тренування зі зворотньою стороною.
