Привіт, друзі, Стефан Рідль тут з PSD-Tutorials.de, і сьогодні ми разом та колективно віддаємося темній стороні, оскільки сьогодні піде розмова про особливий продукт, який ми взятимемо на озброєння в дизайні, а саме про запрошення на вечерю при світлі блискавки. Це означає, що ми використовуватимемо елементи, які видно лише під УФ-світлом, і що може бути краще, ніж запрошення на "Вечерю в темряві".
Давайте розпочнемо: Кроки 1–15
Крок 1
Я покажу вам, який фантастичний ефект створює УФ-світло, показуючи вам це фото. Тут ми вже маємо таку запрошувальну листівку, і ви вже бачите відповідне УФ-світло.
Зараз воно вимкнене, це означає: У нас є чудово освічена фотографія, але якщо я зараз вимкну світло, для всіх вас, хто відчуває страх у темряві: тепер відверніться або швидко випіть чашку кави, оскільки ми зачиняємо штори.
Подивіться сюди:
Отже, це виглядає. Ми маємо цей ефект. Ось ви бачите тут (1) і тут (2): Це логотип нашого друкарського партнера, diedruckerei.de або onlineprinters. І ці маленькі кубики, які не видні, як ви можете побачити (3). І саме таке ми хочемо встановити на нашому квитку. Тож ви можете бути упевнені і підготовлені до початку. Давайте ж почнемо прямо з вгляду у InDesign.
Крок 2
Ось вона, наша гламурна запрошувальна листівка: стильна, елегантна і невід'ємно звернена до високого суспільства. Формат - DIN-lang, ми бачимо тут передню сторону (ліворуч), це (справа) буде зворотнім боцем і зараз я покажу вам, де саме цей ефект УФ-світла буде встановлений, і саме на зворотному боці.
Крок 3
Коли я в режимі шарів показую відповідний шар ("UV"), ви бачите тут: Це буде наш ефект УФ-світла, який ми встановимо. Але перед цим ми спочатку подивимося, які аспекти потрібні для цього дивного запрошувального квитка.
Крок 4
Оскільки мені не вистачає технічного обладнання для того, щоб друкувати вдома такий УФ-покритий запрошувальний квиток в підвалі, я звертаюся до нашого компетентного друкарського партнера в Інтернеті, і там ми можемо прокрутити сторінку донизу: Ось пропозиції щодо квитків> квитки (із фарбою УФ-світла). Саме це нам потрібно.
Крок 5
Формат: Ми вирішили про DIN-lang-формат (1), і тут ми бачимо різні параметри (2): обидві сторони друкуються чотирикольорово (4/4), 300 г/м² білесового картону з матовою поверхнею і через велику щільність поверхні дуже шляхетно. Ми дійсно хочемо створити шляхетне враження, з тим ми, безумовно, погодні, захищене від підробок за допомогою фарби безпеки, яка видима лише під УФ-світлом, індивідуальний мотив під УФ-світло, його можемо створити самостійно, до 30% охоплення поверхні. Тут нам потрібно створити спеціальний тоновий колір, а в деталях ми також знаходимо кінцевий формат: 10,5 на 21 см (3). Я раджу вам завжди використовувати попередньо визначений формат. Звісно, це не завжди можна гарантувати, іноді друковану продукцію все-таки треба робити трохи більш індивідуальною, але я б хотів пояснити вам на прикладі, чому існують ці стандартні формати.
Крок 6
Давайте відкриємо Photoshop і я привів вам друковану плитку. На такій плитці, звичайно, є багато місця для друку, зрозуміло, тут ми бачимо формат DIN-A4, менше йдемо на DIN-A5, DIN A6, подвоєне DIN A4, до DIN A3, подвоєне DIN A2 і знову подвоєне DIN A1. Отже, тут у нас дійсно багато місця.
Я відкриваю мої панелі, збільшую тут трохи, ось, тепер ви все бачите тут. Якщо ми залишаємося при стандартизованому форматі, то на площу формату DIN-A4 отримаємо три так звані вигоди, тобто, три сторони можуть бути надруковані, і цей ефективний вихід називається вигодами.
Щодо розподілу на такій друкованій плитці вам, як дизайнеру, не потрібно хвилюватися. Цим займається друкарня. Підемо трохи далі і покажемо наступну групу, тоді вже на подвоєній площі вже виходить шість вигод. Ще одна далі: Ми отримуємо дванадцять вигод на чверть площі друкованої плитки. Ще один, і ми вже маємо 24 вигоди і тоді ми зайняли 50%, і якщо ми використаємо весь друкований лист, то ми маємо 48 сторінок, 48 вигод, які практично доступні для нашої запрошувальної листівки.
І тепер уявіть собі, що у вас інший формат, ніж DIN-lang. Можливо, він тут просто на 5 см ширший або знизу на 5 см довший, тоді логічним наслідком буде: Ви більше не отримаєте 48 вигод на друковій плитці, але значно менше. Це, безумовно, буде дорого, оскільки друкова плита не може бути повністю використана, і виникає багато зайвого. І справді дорого коштуватиме, якщо ви, наприклад, для своєї друкованої продукції використовуєте зовсім спеціальний папір. Зайвина, яка залишається, з'їдає гроші, тому дійсно варто працювати зі стандартними форматами. І якщо раз вам не вдається це зробити, то однозначно порадьтеся з друкарнею, часто можливо один або два сантиметри можуть зробити різницю, щоб була доступна ще одна лінія.
Крок 7
Дійшовши до InDesign, ми зараз створимо Новий документ, одразу викинемо розгорнуту сторінку (1), що нам не потрібна, і визначимо формат по ширині - 105 мм і по висоті - 210 мм (2). Ідемо далі: Нам потрібно в будь-якому випадку мати поля, а саме 4 мм (3). Це запасний простір, який ми встановимо для остаточного формату, щоб нічого не було занадто близько до краю, далі ми переходимо до відбитку і області інформації, і додаємо 2 мм відбитку (4), і отже, ми визначили робочу область.
Крок 8
Іноді ви, мабуть, ставите питання: книжка чи альбом? Я хотів би сказати вам: чим вужчий формат, тим елегантніше він виглядає. Ми могли б створити цей квиток також горизонтально, але можливо, це більше схоже на квиток на наступний футбольний стадіон.
Ми залишаємось в вертикальному положенні, оскільки вертикальне - це елегантно, вертикальне - це гламурно, і саме цього ефекту ми потребуємо тут. Я відкриватиму вікно «Розмістити» натисканням Ctrl+D...
Крок 9
... і швидко знайду потрібне зображення для фону та збільшу його (1+2). Обережно враховуйте, що ви берете відбиток разом з собою, тобто до червоної лінії в будь-якому місці (3). Тепер я буду зменшувати масштаб (4) та, натисканням правої кнопки миші, виберу опцію Пропорційно заповнювати область (5).
Крок 10
Скло цілком центрується, що, звичайно, гарна річ, але не для нас, оскільки нам потрібен простір зліва. Просто пересуну вміст зображення праворуч (1), збільшу це ще більше (2), при цьому слід зауважити про відображення тут зверху (3), щоб воно не було обрізано.
Крок 11
Отак я можу це собі наразі уявити. Якщо це також ви вважаєте піксельним, ви можете підвищити Продуктивність відображення, просто натиснувши праву кнопку вгорі, ви знайдете Продуктивність відображення,, що, на жаль, вибухає за вікно, але ви знайдете це, і потім виберете Відображати високою якістю.
Крок 12
Тепер я заблокую це зображення за допомогою Ctrl+L як "заблоковане", тому тут нічого більше не відбуватиметься. Продовжимо з правильним заголовком, який нам ще потрібно. Отже, один раз вибираємо Інструмент тексту (1), збільшуємо його величезним (2), і якщо у вас будуть сумніви щодо популярного Гельветика, просто скористайтеся Bebas. Bebas - це чудовий шрифт, який просто вражає, він дуже міцний, і ми використовуватимемо його жирно з розміром шрифта аж 88 точок (3).
Великі літери нам не потрібно включати, оскільки цей шрифт є лише з великих літер, і тут вже починаємо: "Вечеря в темряві". Це буде заголовок, колір ще не дуже підходить, я додам його тимчасово мажента (4), оскільки нам тут треба трохи попрацювати над деталями.
Крок 13
Тож я обертаю це текстове поле на 90° (1), пересуваю сюди, вирівнюю по центру, все правильно, і вам вже можна трохи приблизити та трохи змістити уліво з натиснутою клавішею Shift- і стрілкою вліво, і для гламурного характеру ми просто використовуємо Інструмент лінії (2) та малюємо лінію зверху вниз. Якщо воно тут так само стрибає вгору і вниз, як хвіст від корови (3), то ви можете просто натиснути клавішу Shift, тоді буде все дуже рівно (4).
Отже, ми ще друкуємо це мажента, 1 точка шириною (5), все добре, ми погодились. При лінії потрібно пильнувати, щоб вона закінчувалася зверху і знизу кінцем шрифту. Лінії допоміжних ліній величезно допомагають у таких справах.
Крок 14
Потім я, утримуючи клавішу Alt- та Shift, створюю копію, докладаю її прямо сюди і рухаю зліва (1). Якщо відстань між текстом та чорними областями справа та зліва відрізняється, це просто тому, що у нас тут є трохи надлишку. Це можна вручну скоригувати, просто приблизно в центр.
Зверху та знизу у нас ще не вистачає декілька зірочок, які ми просто вставимо вручну: Ласкаво просимо на вечірку Polygon! Фактично інструмент полігону (3) ви знайдете зліва на панелі інструментів.
Крок 15
Отримавши готовий елемент (1), перед тим як відпустити, є невелика порада: якщо ви натиснете клавіші зі стрілками вліво або вправо на клавіатурі, ви побачите, що можна змінити кількість ваших полігонів (2). Якщо ви хочете мати зірку, якої тут немає, я просто натисну клавішу Пробіл, і якщо ви тепер також натиснете клавішу Пробіл, просто ще раз скористайтеся клавішами зі стрілками: ми зараз змінимо форму, додаючи ще кілька кутів. 1,2,3,4 ... 5 кутів (3). Але це все ще не виглядає як зірка, чи виглядає?
Продовжуємо: Кроки 16–25
Крок 16
Що ви думаєте? Але якщо ви рухаєте клавіші зі стрілками вліво і вправо, ви можете визначити форму зірки (1). Я рухну його праворуч, ... мені це подобається. І зараз я можу відпустити й застосувати колір до неї (2-3).
Звичайно, наша зірка трохи велика, отже, ми зменшимо її і вирівняємо по центру. Підтримуйте відстань, зменште трошки і вирівняйте по центрі знову. З натиснутою клавішею Alt ви можете трохи розтягнути ширину, а тепер ми зробимо копію, Ctrl+C, перейдемо вгору до К і Ctrl+V. Вирівняно по центру, гаразд.
Крок 17
Тепер маємо всі зірочки тут, фасад майже завершено, здається, але, звісно, щось не так (1). Зрозуміло, отже, ми точно змінимо колір, і прямо перейдемо до наступної проблеми, а саме до проблеми з золотом. Тож тепер, щоб мати адекватний золотистий відтінок, ви мусите звернутися до повнотонної фарби з палітри Pantone або HKS.
Хоча в німецькомовному просторі система фарб Pantone вже стала стандартом, я покажу вам вітчизняну палітру HKS та там, як виглядає такий золотистий відтінок. Я відкриваю Photoshop; ось: це палітра HKS, і приблизно зліва ми вже бачимо 98 K, це золото! (2) І з цим значенням нам слід працювати.
Крок 18
Отже, повертаємося до InDesign, 98 K, і вилучимо всі невикористані кольорові поля (1) і тепер створимо нове, а саме через Нове кольорове поле (2), …
Крок 19
… не як процесний колір, а як повнотонний колір (1). У мене тут зазначений колірний режим HKS K (2), і там я вже дійшов до 98 K, тепер я додаю це, і оскільки ми працюємо не з повнотонними кольорами, але друкуємо в 4-х кольоровому режимі, у InDesign також можна легко перетворити це всього одним клацанням в режим CMYK-кольору. Отже, виглядає це як (3), але тепер без обману власної совісті: я зараз видалю цей відтінок кольору, а потім зміню все на HKS, виглядає досить коричневими, чи не так (4)? Що ви скажете? Таким чином, можна чітко очікувати, що це значення не відповідає тому, що ви щойно бачили у палітрі..avif "Елегантна запрошувальна відображувана картка DIN довга з чорнильним світлом, частина 1")
Навіть навпаки! На друку ми фактично отримаємо коричневий відтінок, який вже ніяк не пов'язаний з золотом, і це просто тому, що діапазон кольору CMYK набагато менший, і насичені кольори не можна відображати так чітко, як у палітрі HKS або Pantone. У нашому випадку ми вже вибрали чотирикольоровий друк, отже, найкращі результати можна отримати, якщо ви взялися за палітру й вибрали найкраще наближене значення.
Крок 20
Тому новий кольоровий спектр (1), я вже вибрав один, не повнотоновий колір, а процесний колір, а саме: 18, 34,80 і додаткове число 0. Однак ми можемо зробити Задати ім'я за кольором (2), ОК. Це золотистий відтінок, який я тепер вважаю достатньо прийнятним, але це ще не все.
Насправді, якщо я теж викину цей HKS-відтінок зі свого списку і заміню його на щойно створений, то це виглядатиме так (3):
Це в принципі непогано, можна подумати, що золото визначається візуально не обов'язково за кольором, а скоріше за всією грою кольорів від тіней до світла, які відображаються в матеріалі, і таке графічне відображення на папері можливо лише тоді, коли створюється штучна гра кольорів.
Крок 21
І це можна зробити дуже просто за допомогою градієнтів. Я збираюся створити нове поле з кольором (1), яке буде трохи світліше: близько 7,21, 56,0, Додати (2) OK (3). Після підтвердження ...
Крок 22
...отже, тепер у нас є два кольорових поля (1), і з цього ми зараз створимо для себе поле градієнту. Подивись сюди: Тут зверху (2), один раз новий градієнт, я назвав його "Золотий градієнт" (3), і натиснув на білий відер кольору тут (4); ти міг би вручну ввести їх знову, але це цілком нудно, цього ми не хочемо, тому ми шукаємо тут кольорові поля (5).
Крок 23
Це перше кольорове поле (1), і тут ми вибираємо друге кольорове поле (2). Тепер ще потрібно визначити позицію, ти можеш натиснути тут (3), ...
Крок 24
... це зараз 50 %, насправді це цілком нормально, але, мабуть, ми повинні поміняти кольори тут (1). Це має бути приблизно 50 % (2), після цього ти можеш налаштувати це, тобто потрібно обрати тут радіальний градієнт (3).
Крок 25
Я підтверджую це, і тепер подивіться, що станеться з написом "Dinner in the Dark" (1), якщо я поставлю його у золотий градієнт (2). Отож, тепер у нас є ефект світлового променя. Те ж саме я застосовую на дві контурні лінії; тут ми також беремо золотий градієнт, зірки знизу ми залишаємо за рамками, інакше вони матимуть білу точку в центрі та будуть переходити на зовнішній боки в цей глибоко темний золотий колір, але такий ефект був би не логічним, оскільки світло сяє з центру, та тут уже дуже чітко помітно велику відмінність між тим, що ми мали до цього (3), і тим, що ми маємо після цього (4), це означає, що тобі просто потрібно буде вручну побудувати пластичність та цей глянцевий блиск золота, а ми, на мою думку, це досить добре зробили і можемо перейти безпосередньо до другої сторінки.
