Привет, друзья, здесь Стефан Ридль с PSD-Tutorials.de, и сегодня мы вместе и коллективно погружаемся в темную сторону, потому что сегодня пойдет речь о особом продукте, который мы собираемся создать в дизайне, а именно о пригласительном билете, как вы видите здесь, с эффектом черно-света. Это означает, что мы будем использовать элементы, видимые только под УФ-светом, и что может быть лучше, чем приглашение на "Ужин в темном месте".
Начинаем: Шаги 1–15
Шаг 1
Какой фантастический эффект создает черно-свет, я покажу вам, включив вам это фото. Здесь у нас уже есть такой пригласительный билет, и вы также видите соответствующий черно-свет.
В настоящее время он выключен, что означает: у нас прекрасно подсвеченное фото, но если я теперь выключу свет, для всех из вас, кто боится темноты: отвернитесь сейчас или быстро возьмите чашку кофе, потому что мы закрываем занавес.
Взгляните:
Вот как это выглядит. Таким образом у нас есть этот эффект. Здесь вы видите (1) и здесь (2): Это логотип нашего партнера по печати, diedruckerei.de или onlineprinters. И эти маленькие кубики, они совсем не видны, как вы можете увидеть (3). Именно такой эффект мы также хотим использовать на нашем пригласительном билете. Итак, будьте внимательны и начнем. Давайте сразу же посмотрим в InDesign.
Шаг 2
Вот она, наша гламурная пригласительная карта: стильная, элегантная и определенно адресована высшему обществу. Формат - формат DIN-lang, мы видим здесь переднюю сторону (слева), а (справа) будет задняя сторона, и теперь я хочу показать вам, где будет размещен этот эффект черно-света, а именно на обратной стороне.
Шаг 3
Когда я в панели слоев включаю соответствующий слой ("УФ"), то вы видите здесь: Это будет наш эффект черно-света, который мы будем использовать. Но прежде чем дойдем до этого, давайте сначала рассмотрим, что же такое важно для такого странного пригласительного билета.
Шаг 4
Поскольку мне не хватает техническое оснащение, чтобы напечатать такой уф-покрытый пригласительный билет дома в подвале, я обращаюсь к нашему компетентному печатному партнеру в Интернете, и там мы можем прокрутить главную страницу: Здесь есть билеты>Билеты (черно-светлая краска). Именно то, что нам нужно.
Шаг 5
Формат: Мы выбрали формат DIN-lang (1), и тут мы видим различные параметры (2): двусторонняя печать четырехцветная (4/4), бумага для фотодрука 300 г/м² с матовой поверхностью и очень изысканным весом. Мы также хотим создать по-настоящему изысканный облик, чему мы однозначно согласны, защищено от подделок благодаря специальной краске, видимой только под черно-светом (УФ-светом), индивидуальный черно-светный мотив, который мы можем сами создать, покрытие до 30 %. Здесь мы должны создать спеццвет и в деталях мы также находим итоговый формат: 10,5 на 21 см (3). Я советую всегда использовать предопределенный формат. Конечно, нельзя всегда гарантировать это, иногда приходится делать более индивидуальные печатные продукты, но я хотел бы рассказать вам на примере, почему существуют эти стандартные форматы.
Шаг 6
Давайте откроем Photoshop, и я приготовил для вас лист печати. На таком листе печати, конечно, много места для печати, разумеется, здесь формат А4, меньше формат А5, формат А6, в два раза больше, чем формат А4, до формата А3, в два раза больше, чем А2, и в два раза больше, чем А1. Так что у нас здесь действительно много места.
Я открываю свои панели, зумлю здесь немного наоборот, вот, теперь вы все видите. Если мы останемся при стандартном формате, то на площадь формата А4 мы получим три так называемых блокировки, то есть на них можно напечатать три страници, и этот эффективный результат называется блокировками.
О распределении на таком листе печати вам, как дизайнеру, не нужно беспокоиться. Этим занимается типография. Пойдем еще шаг дальше, включим следующую группу, и уже на удвоенной площади мы получим шесть блокировок. Еще шаг: мы получим двенадцать блокировок на четверть площади листа печати. Еще один шаг, и мы уже получим 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), и если у вас когда-либо есть сомнения по поводу популярного Helvetica, просто используйте Bebas. Bebas - отличный шрифт, который просто звучит, он действительно мощный, и мы будем использовать его с полужирным начертанием размером невероятных 88 пт (3).
Верхний регистр нам не понадобится, потому что этот шрифт существует только в верхнем регистре, и тут начинаем: "Ужин в темноте". Заголовок будет таким, цвет еще не совсем подходит, я просто предварительно установлю пурпурный цвет (4), потому что нам нужно будет сделать еще немного подстройки.
Шаг 13
Так, я поверну это текстовое поле на 90° (1), перемещу сюда, по центру, так будет правильно, и теперь немного увеличим масштаб и переместим его влево с закрепленной клавишей Shift и стрелкой влево, и для гламурного характера мы просто нарисуем с помощью Инструмента линии (2) линию отверху вниз. Если у вас также все трясется, как хвост коровы (3), просто удерживайте клавишу Shift, тогда будет идеально (4).
Так, мы установим ее таже на пурпурный цвет, шириной 1 пт (5), подходит, так что мы согласны. При создании линии важно, чтобы она заканчивалась вверху и внизу со смещением от шрифта. Вспомогательные линии, конечно же, помогают в этом случае значительно.
Шаг 14
Затем я создам копию, удерживая Alt- и Shift, прикреплю ее сюда и размещу влево (1). Если интервал между текстом и черными областями справа и слева разный (стрелки сверху), это просто потому, что у нас здесь (2) немного превышения. Мы можем это скорректировать вручную, просто примерно разместив его посередине.
Сверху и снизу еще не хватает нескольких звездочек, которые мы просто добавим вручную: Добро пожаловать на Полигонпати! Вы найдете Инструмент Полигон слева на панели инструментов.
Шаг 15
Теперь вы можете просто потащить (1), и прежде чем отпустить, вот маленький совет: когда вы сейчас двигаете стрелки на клавиатуре влево или вправо, то вы видите, что можете изменить количество ваших полигонов (2). Однако, если вы хотите иметь звезду, которой у нас здесь нет, я просто нажму на пробел, и если вы нажали пробел, просто используйте опять стрелки: Теперь мы меняем форму, добавляя больше углов. 1,2,3,4 … 5 углов (3). Но это все еще кажется не совсем звездой, правда?
Продолжаем: Шаги 16–25
Шаг 16
Что вы думаете? Если теперь двигать стрелки влево и вправо, то вы можете определить форму звезды (1). Я теперь сдвину это вправо, … мне это нравится. И сейчас я могу отпустить и применить цвет (2-3).
Конечно, наша звезда все еще немного большая, поэтому мы уменьшим ее, а затем сделаем по центру. Обратите внимание, что мы сохраним зазор, поэтому еще немного уменьшим и еще раз по центру. Удерживая клавишу Alt, можно немного растянуть в ширину, а теперь сделаем копию, Ctrl+C, переходим вверх к K и 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, я добавлю это сейчас, и поскольку мы будем печатать не полноцветными красками, а в четырехкрасочной системе, есть возможность просто одним щелчком мыши в InDesign превратить это в цветовой режим CMYK-модели. Так выглядит распределение (3), но теперь признаться, Я удаляю этот цвет, а затем все меняю на HKS, это уже достаточно коричневый оттенок, верно (4)? Что вы думаете? Так что определенно нельзя ожидать, что это значение соответствует тому, что вы только что увидели на колесе..avif "Элегантная пригласительная открытка DIN длиной с чернильной краской для UV-света Часть 1")
Напротив, даже на печати мы скорее получим коричневый оттенок, который уже совсем никак не связан с золотом, и это происходит потому, что цветовое пространство CMYK гораздо меньше и не может так же ярко отображать насыщенные цвета, как цветовое пространство HKS или Pantone. В любом случае, для нашего продукта мы уже выбрали четырехцветную печать, поэтому лучшие результаты достигаются, если вы вооружаетесь цветовым колесом и выбираете наилучшее приблизительное значение.
Шаг 20
Поэтому Новое Цветовое Поле (1), я уже выбрал, не как полнотоновый-цвет, а как процессовый-цвет, а именно: 18, 34,80 и дополнительное число 0. Но мы также можем добавить Название с цветовым значением (2), Хорошо. Это золотой цвет, который я сейчас считаю довольно приемлемым, но это все еще недостаточно.
Потому что если я выкину этот HKS-цвет из моего списка и заменю его только что созданным, то это будет выглядеть так (3):
В общем, это вполне нормально, можно было бы подумать, но визуально золото определяется не только по цвету, но скорее по цветовой гамме от теней к светам, которые отражаются в материале, и такое графическое отображение на бумаге действительно возможно только при искусственном создании такой игры цветов.
Шаг 21
И это можно легко сделать с помощью градиентов. Сейчас я создам новое поле цвета (1), которое немного светлее: примерно 7,21, 56,0, Добавить (2) ОК (3). После подтверждения, …
Шаг 22
… теперь у нас есть два поля цвета (1), и я создам из них для нас градиентное поле. Взгляните: здесь сверху (2), один раз новое градиентное поле, я называю его "Золотой градиент" (3), и один раз щелкнул по белому ведру краски здесь (4); это можно было бы ввести вручную, но это совершенно скучно, нам это не нужно, поэтому мы ищем здесь сверху поля цвета (5).
Шаг 23
Это первое поле цвета (1), и здесь мы выбираем второе поле цвета (2). Теперь важно определить позицию, можно нажать сюда (3), …
Шаг 24
… он сейчас находится на 50%, на самом деле, это вполнепорядке, наверное, нужно поменять цвета здесь (1). Так должно быть, примерно 50% (2), это можно будет настроить позже, вам просто нужно выбрать радиальный градиент в этом месте (3).
Шаг 25
Я подтверждаю это, и теперь взгляньте, что произойдет с надписью "Ужин в темноте" (1), если я установлю для неё золотой градиент (2). Теперь у нас здесь эффект свечения. То же самое я сделаю с двумя контурными линиями; здесь мы также используем золотой градиент, звезды внизу мы оставим без изменений, иначе у них в середине будет белая точка, и они переместятся наружу в этот глубокий темно-золотой цвет, но этот эффект будет нелогичным, потому что свет излучается из середины, и теперь разница между тем, что у нас было ранее (3), и тем, что у нас есть сейчас (4), становится очевидной, это означает, что вам нужно будет вручную создать объем и этот блестящий блеск золота, и, думаю, что мы с этим справились довольно хорошо и можем сразу перейти ко второй стороне.
