В этом тренинге мы сталкиваемся с типичным вызовом агентской повседневности, но не волнуйтесь: сейчас я не собираюсь писать дневник ежедневного безумия, я просто создаю современный дизайн визитной карточки для вымышленного архитектурного бюро. И помимо процесса дизайна, конечно, речь идет о создании такой визитной карточки для всего коллектива компании.
Adobe InDesign - это мощная программа, которая предлагает множество средств автоматизации, ускоряющих рабочий процесс в несколько раз. Именно такие средства автоматизации мы используем - конкретно речь идет о слиянии данных в визитных карточках. Таким образом, после завершения процесса мы можем легко создавать визитки в больших количествах всего одним нажатием клавиши - будь то для 10 человек, 20 человек, 50, 100 или даже для тысяч или более - никаких проблем.
В последней части тренинга я также расскажу о том, как подготовить данные для передачи надежной типографии. В моем случае я имею в виду viaprinto и подробно определю, что важно при экспорте: какие настройки необходимо обязательно учесть и как следует подготовить конечный продукт, чтобы затем загрузить его?
Создание документа - обратите внимание на требования типографии!
Прежде чем приступить к работе, нам необходимо узнать, какие требования предъявляет наша типография. Для этого мы посещаем сайт viaprinto (1). Здесь мы переходим к визитной карточке (2) и выбираем книжную ориентацию (3). Затем мы переходим к деталям и шаблонам (4) и открываем технический буклет (5).
Вот каковы требования: окончательный формат составляет 55 мм на 85 мм. Кроме того, viaprinto требует добавочную часть в размере 3 мм, это серая зона, в некотором роде дополнение к конечному продукту, потому что в процессе резки она предотвращает возникновение бликов или любых других неприятных сюрпризов. Поэтому добавьте 3 мм обреза.
Кроме того, viaprinto обращает наше внимание на то, что необходимо размещать элементы дизайна так, чтобы не возникали блики, а также чтобы соблюдать безопасное расстояние от линий реза и складок, они должны быть на расстоянии 4 мм. "Разрешать заход полноцветных изображений в область обреза", также чтобы избежать бликов. Вы видите: блики - не только нежеланные гости на дороге, они также мешают в печатной сфере и должны быть избегнуты.
Кроме того, здесь мы можем ближе изучить спецификации продукта и также учесть 300 точек на дюйм, если мы планируем использовать изображения.
Перейдем к InDesign и создадим документ. Файл>Новый>Документ… Целевое назначение - для принта (1), нам не нужна двойная страница (2). Устанавливаем новый формат страниц: 55 мм в ширину и 85 мм в высоту (3). Одна колонка в порядке (4). Поля устанавливаем равными через цепное звено (5). Здесь мы указываем 4 мм на каждой стороне, как рекомендовано viaprinto. И добавляем 3 мм обреза со всех сторон (6). Можно было бы сделать это таким образом, чтобы все было правильно, но я хочу показать вам и альтернативный способ…
Этот способ вновь ведет нас на сайт типографии (1), так как там у нас есть возможность удобно скачать такие шаблоны. Я считаю это довольно удобным, если не хочется заморачиваться вопросом о том, как и где это все установить: просто щелкните по InDesign (2), сохраните и извлеките файл. Файл IDML я открываю…
… и о чудо: viaprinto приложила усилия, чтобы все сделать за нас. Это тоже довольно удобно, так как вы экономите процесс установки. Конечно, вам не нужно удалять все эти сведения, которые видны сейчас - viaprinto переместила их на другой уровень. Мы можем разблокировать все это и просто скрыть через значок с глазом…
… и скрыть. Таким образом, у нас снова есть спецификации под рукой. Обычно я оставлю это так. И с этим заготовкой можно начать дизайн.
Определение цветов
Конечно, нельзя забыть о корпоративных цветах: для этого мы создаем три новых полей цвета через цветовую палитру. Меню Новое поле цвета…
Мы работаем в цветовой модели CMYK, так как подготавливаем все для печати. Сначала определяем два оттенка серого: у Черного ставим 85 % и добавляем его (1). Затем берем более нежный серый с 50 % Черного и также добавляем (2). Затем идет сочная яблочно-зеленая: Цветостойкий на 53 %, Пурпурный на 5 %, Желтый на 100 % и Черный на 0 % (3). Добавить. И у нас есть наши цвета.
Создание направляющих линий
Следующим шагом важно также работать с направляющими линиями. На лицевой стороне мне нужно всего две направляющие линии, которые помогут мне определить центральную точку или точное центрирование. Для этого я могу двигаться курсором по линейке, удерживать кнопку мыши и вытягивать направляющую линию (1). Сначала я убираю ее (2), а затем в верхнем меню (3) определяю ось X- точно по центру, введя просто "55/2". Таким образом, мы точно попадаем в центр по вертикали (4).
Теперь сделаем то же самое горизонтально: нажимаю на линейку, вытаскиваю направляющую линию (1) и вводим значение "85/2" для оси Y- (2).
Таким образом, у нас теперь две направляющие линии, пересекающиеся в центре страницы (3).
Создание наклонных поверхностей
Теперь нам нужны элементы, чтобы заполнить макет. Давайте еще раз взглянем на макет: на лицевой стороне установлены поверхности с диагональными краями, а также прямые поверхности, логотип… Давайте сначала рассмотрим поверхности.
Для этого я немного уменьшаю масштаб, это, кстати, можно сделать с помощью Alt и вращения колеса мыши, таким образом вы всегда удобно увеличиваете местоположение, куда направлен курсор. Я выбираю инструмент фрейм-прямоугольник (1) и рисую большую поверхность (2), которую заполняю антрацитовым цветом (3).
Добавляем контур, зеленый (1) с шириной 3 пт (2).
Теперь необходимо наклонить все это, и здесь сверху можно определить угол наклона: 49° (1). Затем я немного точнее располагаю это.
Нажатием на клавишу W я также изменю вид (2) и смогу лучше оценить это, не видя остальное, что ведь не будет напечатано.
То же самое нужно сделать и здесь сверху, поэтому я создаю копию. Выбираю объект, удерживаю клавишу Alt. Теперь у меня появляется двойная стрелка, и эта двойная стрелка говорит мне, что будет создана копия. Теперь я перетаскиваю объект, прижимая его к верхнему левому углу.
Теперь у нас есть наши красивые, диагональные линии.
Создание полос
Теперь давайте посмотрим на средний перекладину. Для этого я снова создаю с помощью инструмента фрейм-прямоугольник (1) прямоугольник, рисую его здесь (2) и задаю высоту 12 мм (3). Затем цвет, темно-серый (4). Теперь нам нужен еще контур, точно такой же, как у других поверхностей (5). Но если я просто применю контур к прямоугольнику, то у нас будет неприятный эффект, что здесь (6) контур нарушится. Мы этого не хотим.
Поэтому используем хитрость: я убираю контур (1), копирую прямоугольник с помощью Ctrl + C в буфер обмена и вставляю его в исходное положение (2, Правка>Вставить на исходную позицию).
Теперь у нас есть дубль, то есть объекты лежат напрямую друг на друге. На уровнях (1) я могу наблюдать это точно: это передний прямоугольник (2), это задний (3). И теперь я меняю цвет заднего прямоугольника на зеленый (4).
Для высоты я выбираю 115 % (1). Результат: снова нарушается треугольник.
Теперь у нас есть возможность изменить иерархию слоев. Я выбираю задний прямоугольник и отправляю его на задний план (2).
И мы получаем чистые, красивые края, как мы и представляли.
Создание логотипа: основные элементы
Теперь, конечно, нужно придать всему этому идентичность. Для этого мы создадим логотип. Это не так сложно, как кажется. Вот еще раз макет.
Начнем с прямоугольника (1 и 2). Я назначаю ему цвет (3). С помощью Полигонального инструмента (4) я создаю треугольник. Для этого кликаю один раз в документе, и открывается окно Полигон (5). Количество сторон равно 3, подтверждаю нажатием ОК. Убираем контур, устанавливаем цвет на серый (6). Затем выравниваем его по левому краю и увеличиваем размер (7).
Прямоугольник мне кажется слишком большим, треугольник я тоже делаю немного уже (1).
Теперь пришло время использовать Pathfinder. Он довольно удобен, когда речь идет о полном объединении двух объектов. У меня есть Pathfinder в палитре (2), но вы можете найти его также через Окно>Объект и Размещение>Pathfinder.
Я выделяю оба объекта (3). И теперь я кликаю в Pathfinder на этот символ (4), что означает, что оба объекта должны слиться в одну сумму, это, по сути, добавление обоих элементов. И вот наш дом готов (5). Я одвигаю его на страницу.
Итак, теперь мы создаем фон. Для этого я рисую прямоугольную рамку с помощью инструмента Прямоугольной рамки (1), также с зажатой клавишей Shift, чтобы длины сторон были одинаковыми. Я назначаю цвет Зеленый (3). Я делаю дубликат этого прямоугольника (4) и затем еще раз для обоих (5).
И теперь к этому "окну Windows" (6), которое почти так и выглядит, я назначаю Опции углов (Объект>Опции углов…). В данный момент мы находимся в левом верхнем углу прямоугольника (7). Обратите внимание, что символ цепи выключен (8). Мы просто выбираем закругленный угол (9) и он сразу появляется (10).
То же самое мы делаем справа сверху (1), справа снизу (2) и слева снизу (не показано на изображении).
У нас теперь есть четыре закругленных прямоугольника (1). Можно их сделать немного больше (2). Я выравниваю их по центру по голубой вспомогательной линии (2). На это я размещаю дом (2) и на передний план (3 и 4).
Создание логотипа: Использование Pathfinder
Теперь мы разделим все это. Для этого снова нам понадобится Pathfinder, и нам придется объединить отдельные группы еще раз, а именно: верхний левый и нижний правый углы (выберите, как показано на 1) должны слиться в единое целое через Pathfinder (2). Точно так же и верхний правый и нижний левый (выберите, как показано на 3, а затем нажмите 2).
Если теперь переместить это, вы увидите: это стало отдельным объектом (4) и также (5). С помощью Ctrl + Z я верну все на правильное место.
И зачем теперь два элемента фона? Дело в том, что мы хотим использовать два разных цвета: верхний левый и нижний правый должны быть в нежно-сером цвете (1). Другие два остаются зелеными. Я поменяю цвет на доме (2), иначе это слегка запутает.
Я выделяю оба объекта на фоне и сгруппирую их. Таким образом, это станет закрытой единицей, только дом останется отдельно.
И теперь мы центрируем это: Выбираем оба объекта с помощью Shift (1), затем через Выравнивание и с помощью этих двух кнопок (2) центрируем посередине. Дом уже был почти посередине, но я хочу сделать его еще чуть меньше. Итак: Ctrl + Shift + Alt делает все центрированное по центру и уменьшает, если я тяну угол, удерживая это (3).
От него я делаю копию: Ctrl + C, затем Изменить>Вставить в исходное положение (4). Теперь у нас два дома.
Я еще раз группирую группу (1), потому что теперь я могу просто вычесть дом из зеленой области с помощью Pathfinder (выберите дом и зеленые области, затем нажмите 2).
И я отнимаю дом из серой области (1). И вот у нас наш прекрасный логотип, как мы это задумали (2). Я снова выделяю все и группирую это вместе (3).
Это все. И логотип у нас теперь как группа. Мы можем дублировать его, масштабировать или копировать по желанию.
Добавление текста
Теперь мы даем ребенку еще одно имя. Для этого я просто создам текстовое поле, достаточно большое. Для шрифта я возьму Akko Rounded Pro и напишу: "hausfiktiv das architekturbüro". Собственное имя будет отображаться крупным шрифтом, а именно 15 Pt. А под ним - 7,3 Pt. Я специально выбрал такие значения, чтобы вторая строка приблизительно соответствовала ширине первой строки.
Все это я перемещаю вниз. Я выравниваю это примерно по синей линии (1). Дважды щелкаю по ручке здесь внизу (2), чтобы изменить размер до нужного. Выделяю текст с помощью Ctrl + A и центрирую его (3).
Теперь я центрирую все это: я выделил свое текстовое поле (1) и затем ступень (2). Через Выравнивание я могу его красиво разместить по центру (3). И теперь я делаю слово "haus" теперь только зеленым цветом, а остальное - ярко белым (4).
Размещение графики
Вот как на данный момент выглядит результат. В конце концов здесь остались только наши иллюстративные элементы. Через Файл>Вставить...
... я выбираю графики: "Ручка", "Точилка", "Линейка" и "Циркуль" (1). Эти элементы теперь все в загруженном курсоре. Я переключаюсь между элементами с помощью стрелочек (2).
Линейку я помещаю вниз, точилку над ней, ручку рядом, а циркуль на это место. Ручку я немного уменьшаю. Это, кстати, все векторные файлы, поэтому их можно масштабировать по желанию. Первая страница готова (3). Начнем с сохранения.
Создание оборота
Теперь мы приступаем к обороту. Для этого viaprinto уже создал вторую страницу. Мы будем работать с ней на следующем этапе.
Я снова создаю вспомогательные линии. Здесь их чуть больше, потому что на лицевой стороне креативная динамика должна подчеркивать общий вид, но на второй стороне мы сделаем немного статичнее, так как у нас очень много текста. Поэтому мы переходим в Макет>Создать вспомогательные линии... (1). Я хочу одиннадцать вспомогательных линий с расстоянием между столбцами 0 мм (2). Задний план, но уже виден при активированной функции предварительного просмотра (3). Подтвердите (4). Теперь мы можем ориентироваться по ним.
Вот еще раз шаблон, который мы собираемся воссоздать.
Начинаем с крупных зеленых полос наверху и внизу. Для этого я снова беру просто инструмент Прямоугольник-рамка (1), начинаю у обрезного края сверху, создаю прямоугольник (2) и заполняю его зеленым цветом (3). Дублирую его вниз с помощью Alt и Shift (4).
Далее нам, конечно же, нужен наш темно-серый блок, который я нарисую вручную. Окунуть в цвет и готово (1).
С первой страницы мы украдем наше лого. Ctrl + C, а затем вставим на вторую страницу (Правка>Вставить в исходное положение). Я немного увеличиваю его, чтобы ориентироваться по вспомогательным линиям (2). Верхний край я выравниваю на 5 мм (3).
С именем мы приближаемся к финальному результату. Я создаю текстовое поле, изменяю шрифт на Myriad Pro, так как Akko Rounded Pro использовался только для собственного имени, а для переписки предусмотрен Myriad Pro. "Markus Mustermann" я центрирую и увеличиваю значение размера шрифта до 14 Pt. Имя устанавливаю курсивом, фамилию - легким шрифтом. Для межстрочного интервала устанавливаю 18 Pt. И на следующей строке вставляю "Директор" шрифтом 10 Pt.
Затем здесь также есть небольшое цветовое выделение. "Директор" будет светло-серым. Имя я устанавливаю темно-серым цветом.
Продолжаем с оставшимися контактными данными, которые предусмотрены. Я сделаю это быстро, потому что уже все подготовлено в моей библиотеке. Я не хочу вас утомлять тем, как я это делаю. Это в основном простые текстовые поля и несколько пиктограмм. Это вы сможете сделать самостоятельно. Раз размещено по центру, все уже готово.
В нашем шаблоне у нас все еще есть эти тонкие линии, которые по-настоящему расплываются в конце слева и справа. Теперь мы это воссоздаем: Мы берем Инструмент линейки (1), удерживаем клавишу Shift при создании линии, чтобы создать прямую линию (2). Я устанавливаю толщину 0,6 Pt (3). Нам не нужен цвет, нам нужна только контур, который мы применим к нежно-серому (4).
И теперь внимание: Мы вызываем палитру Эффектов (5) и накладываем Плавные градиентные края (6). Единственное, что нам нужно изменить здесь, это переключить Тип на Радиальный (7). Подтверждаю.
И вот, у нас есть эффект. Я делаю копию линии, удерживаю клавиши Alt и Shift, перемещаю вниз на позицию. И затем вторую копию еще ниже.
Таким образом, мы завершили эту страницу, и наши две страницы созданы.
Объединение данных
Как мы можем сделать так, чтобы нам не нужно было каждый раз создавать визитки для десяти человек, а просто сделать это в InDesign одним щелчком?
По сути, это вовсе не так сложно. Вам просто нужен файл TXT со всеми базовыми данными сотрудников. У меня есть вот такой файл (1): В нем различные сотрудники с именем и фамилией, должностью, улицей, почтовым индексом, городом, электронной почтой и внутренним номером. Единственное особенность здесь: Слова разделены табуляциями и перечислены просто по порядку вниз.
В InDesign я использую функцию Объединение данных (2). Если у вас ее нет справа на странице, вы можете легко открыть ее через Окно>Утилиты. И там мы можем выбрать Источник данных (3 и 4): "Сотрудники вымышленной фирмы.txt" (5).
Теперь система видит: Первая строка - это исходная строка, откуда она берет все обозначения (1), "Имя", "Фамилия", "Улица" и так далее.
Теперь нам нужно сделать следующее: Мы выделяем "Мустерманн" и присваиваем тег "Имя". И для "Маркуса" мы присваиваем тег "Фамилия".
Это немного большой текст, он показывает нам переполнение текста. Для демонстрации я увеличиваю размер текста до 13 Pt, так он красиво помещается в строку (2).
Мы также получаем "Директор". Это "Должность". И так далее с улицей, почтовым индексом и городом. Веб-сайт остается прежним, электронную почту мы заменяем на тег "Электронная почта". В номере телефона мы добавляем только внутренний номер. Таким образом, мы присвоили все необходимое.
Мы присвоили все теги. Теперь мы можем начать использовать Объединение данных. Для этого я нажимаю один раз на Объединение данных (1) и выбираю Создать объединенный документ (2 и 3).
Затем появляется диалоговое окно (4), в котором нужно указать, что делать в случае переполнения текста и т. д. Я просто подтверждаю все (5), и InDesign приступает к работе. Здесь мне сообщается (6): "При объединении записей не создавался переполненный текст". Я подтверждаю это.
Теперь, через режим просмотра страниц, мы можем увидеть, что сделал InDesign: Он создал нам визитки для всех сотрудников. Давайте посмотрим: "Альбрехт Маркус", директор. "ма" - его сокращение для электронной почты, и у него внутренний номер "11".
Давайте посмотрим других. Хорошо, я думаю, что единственное, что я сделал неправильно здесь, это то, что имя теперь написано наоборот, но это не так уж и страшно, потому что вы, наверное, поняли принцип, что все можно быстро создать всего лишь несколькими кликами. Именно это я хотела добиться.
Подготовка к типографии (Экспорт и разделение)
Как нам подготовить все это, чтобы оно также могло быть обработано viaprinto? Здесь есть несколько мелочей, на которые нужно обратить внимание. Дьявол, как всегда, кроется в деталях. Давайте еще раз посмотрим на веб-сайт viaprinto и взглянем на раздел помощи:
Под Руководства (1), затем Создание исходного документа (2), а затем на ПК (3, возможно, и 4 для Mac), вы найдете раздел Adobe InDesign для ПК (5). Там мы видим все требования, которые мы должны учесть от создания до экспорта (6). И то, что так красиво представлено здесь, я буду реализовывать шаг за шагом.
В InDesign сначала я открываю диалоговое окно экспорта (Файл>Экспорт...). Я называю его "vcard.pdf" и сохраняю в новую папку "Экспорт". Так открывается диалоговое окно экспорта...
Печатное предприятие viaprinto теперь написало, что они хотели бы использовать PDF/X-3:2002. Я устанавливаю это как Стандарт. В разделе Общие нам больше ничего делать не нужно.
В разделе Сжатие viaprinto говорит, что нам нужно установить кубическо-бикубическое пересчета на значения 356 и 534. Затем мы должны указать Автоматически (JPEG).
В разделе Марки и обрезка нужно указать, что мы хотим использовать Настройки обрезки документа. У нас уже установлено 3 мм, и мы будем отображать это при экспорте.
В разделе Вывод очень важно сделать правильный выбор, так как нужно учитывать несколько моментов, чтобы конвертировать в правильное целевое цветовое пространство. Viaprinto предлагает в этом случае: Конвертировать в целевой профиль (сохранить значения). Как Целевая модель требуется указать ISO Coated v2 300% (ECI). В данном случае «Покрытый» означает глянцевую бумагу. Это практически противоположность неглянцевой бумаге, которую вы можете знать из газет, она более грубая по текстуре.
Затем нам нужно перейти к разделу Расширенные настройки, выбрать Уменьшение прозрачности [Высокое разрешение] и активировать флажок Игнорировать отклонения на дропах для печати. Это в принципе все. Мы начинаем экспорт.
У нас теперь 18 страниц (1). Зеленая полоска здесь сверху (2) так высока, потому что обрезка также была экспортирована. Это выглядит очень широко, но реальный размер обрезки будет ниже.
Теперь у меня есть все визитные карточки, должно быть два коллеги, которые не находятся в Мюнхене ... Один из них - "Фельс Фридрих" (3) ...
... и еще "Фойгт Торстен", они оба находятся в Эрфурте. И что замечательно: в viaprinto есть возможность отправить заказ с разной адресацией, то есть - в данном примере 90 процентов сотрудников находятся в Мюнхене, но оставшиеся 10 процентов в Эрфурте - можно легко уточнить при заказе: Я хотел бы, чтобы последние два отправили в Эрфурт.
Чтобы это сделать, нам не нужно ничего больше делать в Acrobat, кроме как разделить это документ один раз. Через Просмотр>Инструменты>Страницы (1) можно разделить Документ (2).
Количество страниц: Я хочу по 2 страницы на каждую (1) и подтверждаю это (2). Таким образом, документ будет разделен на девять документов (3). Это значит, что у нас теперь есть по одному PDF для каждого набора визитных карточек.
Теперь в папке "Экспорт" есть файл со всеми нашими страницами, а также файлы с отдельными визитными карточками (4). Файлы со всеми страницами можно удалить.
Настройка загрузки и отправки
Теперь вернемся на страницу viaprinto. Мы снова выбираем Визитную карточку (1), Портретный формат (2) и нажимаем на Загрузить документ (3). Затем там появляется Менеджер документов (4), которому я просто говорю, что ему нужно загрузить все эти документы по очереди. Это займет некоторое время (5).
Я добавил все в корзину. Вот еще последняя карта, "vcardTeil9", я добавлю ее. В функции предварительного просмотра мы уже видим ...
... "Фельс Фридрих", это тот, который находится в Эрфурте, и теперь мы также добавляем его в корзину, ему также нужно 250 штук.
Теперь у меня есть обзор корзины, последние две уходят в Эрфурт, а все остальные уходят в Мюнхен. Я перехожу к Далее.
Здесь теперь мы можем выбрать несколько адресов: Отправить на один или несколько адресов (1). Мы выбираем "Маркуса Альбрехта" и "Фельса Фридриха" (2). И теперь мы также можем установить позиции. Так что "Фридрих" всегда получает "0", даже для других позиций (3). Позиции 6 и 7 должны отправиться в Эрфурт, так что он получит свои 250 штук. Для адреса в Мюнхене я также устанавливаю "0" (4). Затем рассчитывается стоимость доставки (5).
Это теперь будет удвоено в счете, но это понятно, так как отправляется на два разных адреса, по 4,95 евро (1). Далее (2).
«Доставка (Германия)» за 9,90 евро. Затем еще раз Далее (3) ...
... и вот у нас есть сводка того, как это все должно выглядеть. Теперь все настроено так, что эссенцците получают свои визитки, а мюнхенцы получают свои.
Затем вы можете это подтвердить, но я не стану этого делать, иначе здесь будут отправляться визитки каким-то людям сомнительного архитектурного бюро, которого на самом деле не существует.
Так что вы здесь многое узнали, и я надеюсь, что вам понравилось дизайнерство, а также объединение данных и это окно загрузки. Удачи в воплощении этого на практике! Просто попробуйте.
Ваш Стефан
