Дорогие мужчины, привет, дорогие дамы, здесь опять ваш Стефан Ридль из PSD-Tutorials.de. Мы достигли последнего большого этапа нашего большого дизайн-проекта. В ближайшие минуты, надеюсь, вы проведете со мной немного времени, потому что мы будем создавать эту замечательную открытую открытку. Это, несомненно, модный парикмахер, конкретно - новый модный парикмахер "Les Cheveux". Так что волосато.
Далее на оборотной стороне нашей открытки у нас будут часы работы и дополнительные услуги. Мы вставим QR-код. Мы также укажем контактные данные в разделе социальных медиа.
Итак, переходим к внутренней части, то есть правая и левая внутренние части. Справа мы представим команду, ...
... слева мы еще раз перечислим все услуги. Все это украшено отличными изображениями, четким расположением, красивыми симметриями и аккуратным характером. Жду нашего совместного путешествия ...
Параметры печати для открытки
Естественно, сперва нам нужно узнать параметры печати. Поэтому давайте заглянем к нашей типографии, diedruckerei.de. Там у нас уже есть Информационные и Открытки (1). Мы берем Открытки (2). Обратите внимание на формат, здесь есть альбомный и книжный формат. Мы берем альбомный формат (3). Там уже указаны размеры: 21 см и 10,5 см.
Однако нам нужно учесть одну вещь, потому как вы видите в Деталях, что конечный формат другой, а именно 42 см на 10,5 см. Логично, ведь у нас есть один керно-сгиб, значит, мы должны удвоить 21 см.
Кроме того, здесь есть много дополнительных указаний о теме улучшений и обо всем, что еще нужно учесть.
Также здесь, например, в разделе Дата, вы найдете, в каком цветовом режиме вам нужно работать, процент распространения цвета, вы видите, что нам нужно добавить 2 мм обреза. И в разделе Детали при необходимости вы также можете скачать лист данных и шаблоны. Нам это все не нужно, потому что мы создадим все вручную. У нас, собственно, правильное практическое мышление. Давайте же поднимемся на вершины с помощью InDesign CC ... Поехали.
Подготовка документа InDesign
Через Файл>Новый>Документ… мы сперва создаем новый документ. Страницу (1) в данном случае мы можем пропустить, поскольку установим формат самостоятельно непосредственно с подходящей шириной. Ширина составляет 420 мм, а высота - 105 мм (2). Мы оставим столбцы (3) такими же, потому что затем нам нужно будет создать сетку вспомогательных линий. Для полей (3) я выбрал 4 мм во всех направлениях. Это просто безопасный зазор для текстов, которые мы добавим или для других критических линий. Внизу есть еще выступ и область информации. Если у вас не отображается, просто нажмите на эту маленькую стрелочку (4). Мы устанавливаем все на 2 мм (5) и подтверждаем документ (6).
Определение цветовых полей
Для лучшего обзора и удобства я, как обычно, выберу и удалят все цветовые поля (2) (1), которые нам не понадобятся. Я определю новые цветовые поля (1), которые нам понадобятся для нашего макета. Первым будет цвет для текста: C=0, M=0, Y=0 и K=90 (2). После каждого определения цвета щелкнем по Добавить (3). Далее C=68, M=100, Y=27 и K=24, теперь у нас есть этот винно-пурпурный цвет (4). Еще раз добавлю. Далее C=43, M=88, Y=0 и K=0 (5). Это более светлая вариация. И наконец, добавим что-то совершенно иное: C=22, M=0, Y=100 и K=0 (6). Теперь у нас есть яркий желтый цвет. Он уже выглядит как ядерно-желтый оттенок, но нам это тоже нужно, ведь это комплементарный цвет к нашим тонам фиолетового. Подтверждаем с OK (7).
Добавление направляющих линий на образцовой странице
Сначала переходим на образец страницы. Я создаю себе соответствующую сетку из вспомогательных линий, чтобы не делать это вручную на всех страницах. Для этого выбираем образец страницы в панели страниц…
… и через Макет>Создание направляющих линий… проводим нужные линии. Я хочу, чтобы все делилось на группы по трое, то есть 3 строки с 0 мм расстоянием между столбцами и 6 столбцов, также с 0 мм расстоянием между столбцами (1). Тогда это будет выглядеть как уже видно на фоне (2).
Продолжаем: вытягиваем слева направляющую линию (1) и вручную устанавливаем её на 28,8 мм (2). И еще одну (3), я вытягиваю её на 391,2 мм (4). Теперь она слева и справа.
Возвращаемся на нашу обычную страницу. У нас есть эта сетка и мы не можем случайно ничего сдвинуть, так как содержимое образца страницы заблокировано.
Создание закругленной панели с однотонной тенью
Начинаем с правой страницы в верхней части, рисуем небольшую границу сверху и снизу. Для этого просто размещаем прямоугольник (1), затем выбираем соответствующий цвет (2) и уменьшаем высоту элемента до 3,5 мм (3).
Теперь нужно красиво расположить элемент в косой верхней части (4). Вы также можете немного изменить масштаб с помощью Alt и колесика мыши… аккуратно прилегать к косой верхней части (5). Она определяется шириной 2 мм, а элемент — 3,5 мм, это означает, что останется видимой 1,5 мм в финальном формате.
Теперь нужно этот элемент растянуть до нужной ширины (1), до средней линии, лучше увеличить масштаб для точной работы (2).
Теперь снова рисуем прямоугольник (1). Высота должна быть 10 мм (2), цвет устанавливаем на темный фиолетовый (3). Поднимаем его вверх (4).
Теперь нам нужен инструмент Преобразовать в направляющую точку (1). С его помощью выбираем эту точку (2). Удерживая кнопку мыши, деформируем так, чтобы получить здесь красивую, элегантную, округлую кривую (3). Вот как я это вижу. Давайте посмотрим на это без направляющих линий (4): Таким образом, форма изменилась.
Что с этим делать? Очевидно — наложить на неё эффект. Через панель Эффекты (1) вы можете выполнить соответствующие настройки или щелкнуть здесь сверху на fx (2). Здесь выбираем Тень внутри (3), сверху вниз, то есть с Углом -90° (4). Прозрачность остается 75% (4). Подтверждаем нажатием OK (5). Таким образом, у нас имеется этот эффект (6), от темно-черного к фиолетовому (стрелка на 6).
Затем я дублирую этот путь (1), просто перетаскивая его на этот символ (2). Есть множество способов дублирования в InDesign, это всего лишь один из них. Я активирую верхний путь (3).
Теперь убираю эффект, сняв флажок здесь (1). Затем увеличиваю его немного. У нас здесь высота 10 мм. Я перемещаю опорную точку наверх (2) и увеличиваю её до 11,8 мм (3) – результат, как показано на изображении. Теперь его нужно переместить немного назад (4).
Это будет выглядеть как (1).
В панели Эффекты мы делаем еще несколько настроек: Мы выбираем Тень внутри (2). Мы можем оставить -90° (3). Но мы уменьшаем прозрачность до 50% (4), Отступ до 1 мм (5) и Размер до 1 мм (6). Это значит, что тень проходит очень близко к краю (7).
Для моего вкуса все еще немного сильно, поэтому просто введите 75% здесь сверху (1). Вы можете сделать это также и здесь (2) … Enter … и таким образом постепенно создавать объем.
Наконец, делаем копию. Это означает, что я также переношу этот путь на новый уровень (1). Потом я немного увеличиваю его по высоте, с 11,8 мм до 13,4 мм (2). Будьте внимательны, чтобы не уйти слишком далеко, но это вполне нормально. Теперь мы можем сохранить эффекты, но я снова уменьшаю прозрачность до 50% (3).
Так теперь выглядит игра цветов (1). Можно подумать, что это маленькая одноцветная радуга. И я выделяю всё это и создаю дубликат с зажатой Alt и Shift (2). Снаружи у ручки (3) я могу всё один раз повернуть (4), …
… а именно на 180° (1). Потом я могу аккуратно расположить это внизу на обрезе (2 и 3).
Итак, у нас теперь на верхнем крае и на нижнем крае полностью симметричное, одинаковое изображение. Это действительно точный клон. Таким образом делать работу легче – ведь не нужно все удваивать. Копирование действительно творит чудеса.
Размещение изображения
Через команду Разместить с помощью Ctrl+D вы можете выбрать подходящее изображение. Посмотрите на эту леди. Вау! Это действительно привлекательно. Затем мы его просто тянем.
В данный момент оно находится по центру, но это не имеет значения, потому что оно вскоре переместится на задний план (обратите внимание на подсказки в изображении).
Затем выбираем ПКМ, Адаптировать > Заполнить рамку пропорционально (1). И теперь перемещаем это изображение вниз в панели Слои (2).
Теперь у нас отрезаны глаза у красивой дамы (1). Мы этого не хотим. И чтобы лучше это визуализировать, я снова щёлкаю правой кнопкой мыши и устанавливаю Качество отображения на высокое. Теперь я могу дважды щёлкнуть, выбрать содержимое изображения и с помощью клавиши Shift и стрелки вниз взять столько, чтобы уверенно включить в изображение её глаза и частично ногти. Это может выглядеть у вас вот так.
Вставка текста и добавление эффекта
Далее идём к тому, чтобы добавить имя парикмахеру. Мы делаем это в следующем шаге, создавая текстовое поле. Шрифт Nouvelle Vague, который доступен только в одном стиле (1). Устанавливаем размер шрифта 50 пт, активируем прописные буквы (2), устанавливаем цвет белый (3), затем центрируем (4) и начинаем вводить текст ... И уменьшаем размер текстового поля (дважды щёлкнуть у 5).
Следующим шагом я хочу добавить больше глубины, и мы добиваемся этого через панель Эффекты (1). Там можно выбрать Тень (2). Расстояние в три с половиной миллиметра почти всегда слишком много. Я уменьшаю это до 1 мм (3), этого достаточно, также и для размера 1 мм (4) и угол примерно 104° (5). Прозрачность оставляем на уровне 75 % (6).
Если посмотрите (7): Мы получаем действительно больше глубины, и я хочу это для улучшения читаемости букв.
Шрифт Nouvelle Vague действительно хороший шрифт, но совсем не подходит для текстов, длиннее заголовков. Поэтому я создаю второе текстовое поле. И нам нужен другой шрифт. В моем примере я выбрал шрифт Fira Sans, именно стиль Light. Вот вы видите особый символ, символ Typekit (1). Это означает, что если у вас нет шрифта, у вас есть возможность загрузить нужные шрифты через Adobe, то есть через Typekit. Я покажу вам, как это работает.
Я быстро форматирую: центрирую (2), цвет белый (3), активирую прописные буквы (4). Затем мы пишем: "Ваш новый модный парикмахер в городе" (5).
Эффект с тенью я просто копирую через панель Эффекты (выделить заголовок, 1) и нажимаю на значок fx (2), и переношу это на второй элемент (3). Но здесь, вероятно, мы переборщили, поэтому зайдём снова (дважды щёлкнуть у 4) и уменьшим расстояние и размер до 0,5 мм (5, результат у 6).
Экскурс: Шрифты от Typekit
Возвращаемся к шрифту Fira Sans: Откуда он? Как его получить? Я хочу его сейчас, что для этого нужно? Если у вас есть подписка Creative Cloud от Adobe, запустите своё приложение CC. Вы можете нажать здесь сверху на кнопку Домой. Там, конечно же, есть приложения, то есть все программы. А затем через Элементы (1) загружаем различные активы, то есть файлы. У вас также есть облачное хранилище. Вы можете выбирать соответствующие элементы из Маркета и использовать их. Это как огромный рынок, где вы можете брать то, что вам нужно. И есть Шрифты (2).
Если вам нужен определённый шрифт, такой как Fira Sans, который я уже скачал здесь с 14 дополнительными стилями, вы можете легко синхронизировать шрифты из Typekit. Давайте кликнем туда (3).
Открыв свой браузер, мы попадаем на Adobe Typekit (4), и там вы можете ввести, например, Fira Sans. Затем он покажет вам соответствующие шрифты с различными стилями. Вы легко можете выбрать нужные шрифты через Использовать шрифты (6), выбрав стили шрифта (7), которые вам нужны. В моем случае они уже все синхронизированы. Я мог бы их удалить (8), но мы же этого не хотим.
Если вам нужен другой шрифт, просто перейдите на домашнюю страницу. У вас здесь есть огромное количество удивительных возможностей (см. изображение)… Хотите шрифт с засечками или, возможно, скорее без засечек, для рабочего стола, для веб-страниц или, возможно, просто внести несколько других изменений внизу? Как должно восприниматься начертание шрифта? Вы можете загрузить его одним щелчком мыши, он автоматически синхронизируется с вашим InDesign, пока вы подключены к Интернету, и вы можете использовать его в своем документе. Однако у всего этого есть недостаток: вы можете использовать шрифт только в том случае, если вы подключены к Интернету. Так что если вы в какой-то момент больше не будете онлайн, у вас возникнет проблема, что шрифт недоступен, потому что его просто нельзя синхронизировать. Я заканчиваю с этим снова, но теперь вы знаете, откуда этот шрифт происходит.
И мы также используем его полностью во всей нашей макетной работе, потому что он является красочным, его можно хорошо читать, он точно выражает то, что мы хотим передать – это действительно замечательный шрифт.
Настройка межстрочного интервала
В заголовке я бы хотела отрегулировать межстрочный интервал. В данный момент установлено 60 пунктов. Я вручную уменьшу его до 50 пунктов.
Создание линии с цветовым градиентом
Теперь перейдем к линии. Вы можете нарисовать ее с помощью Инструмента Линейного рисунка (1), от самого левого места заголовка до самого правого места заголовка (2). Затем мы используем нашу комплементарную Кернреактор-желтую (3). Вот как это выглядит сейчас довольно жестко (4).
Поэтому добавим градиент. Мы можем легко настроить его через панель Эффекты (двойной щелчок на 5), выбрав здесь мягкое градиентное переходное перо (6). В параметрах вы выбираете радиальный градиент (7). Теперь произошло изменение: линия здесь постепенно становится бледной (8).
Мне кажется, это чуть перебор (1), поэтому я вношу небольшую корректировку, просто сдвигая этот ромб немного вправо, где-то на половину (2, в эффектах с мягким градиентным переходом). Если я теперь это подтверждаю, градиент становится значительно меньше (3), и я с этим полностью согласен.
Расположение текста и линии в макете
Теперь нам нужно немного сблизить все это: я пристыковываю линию к нижней части заголовка (1), затем я опускаюсь вниз с помощью Shift и стрелки вниз (2). Текст я прикрепляю к желтой линии (3), и тоже смещаюсь вниз (4).
Теперь я выделяю все три элемента, удерживая клавишу Shift, чтобы лучше выровнять. Я сдвигаю все вниз, чтобы использовать взгляд модели в качестве руководства. Я хочу, чтобы она смотрела на имя, пальцем тоже можно немного указать.
Теперь я сдвигаю это в край (1) и делаю три раза Shift и стрелку вправо (2). Я думаю, что мы на безопасной стороне. Теперь у нас практически готовая передняя сторона.
Размещение иконок
Единственное, что еще не хватает, это эти маленькие иконки здесь внизу. Я беру их из своей библиотеки. Поэтому я немного приближаюсь, открываю библиотеку (1) и сначала выбираю фен (2) – который есть в каждом парикмахерском салоне. Я размещаю его справа, именно на нашей линии отступа 4 мм (3). Как был собран весь этот элемент? – У нас есть круг с белой контурной линией толщиной 2 пикселя, внутри которого содержится иконка от Fotolia. Рядом располагается соответствующий маслообразный уход за волосами. Он идет рядом (4). Затем я делаю один шаг влево с помощью Shift и стрелки влево (5). Затем идет последний элемент, ножницы, и снова та же манипуляция для позиционирования. Вы видите по всем этим линиям, что это векторный файл, то есть файл AI из Adobe Illustrator, который я импортировал здесь.
Теперь давайте посмотрим на это все с высоты птичьего полета (1): на мой взгляд, там даже немного больше места. Сейчас это выглядит очень сжато. Это также нужно учесть в вашем макете: правильно ли это? Это соответствует тому, что я хочу, или нет? Поэтому я выделяю фон, блокирую его с помощью Ctrl+L (2).
Теперь я могу взять эти два элемента (3), еще раз Shift и влево. И последний элемент со скальпелем еще раз с Shift влево. Теперь мы выиграли немного пространства, это просто выглядит лучше (4). Здесь вам действительно нужно внимательно посмотреть своим художественным глазом: Это соответствует? Правильно? Соответствуют ли гармонии, пропорции? Похоже ли все это на единый пакет? Я думаю, теперь мы на безопасной стороне.
Как вам нравится лицевая сторона? Я нахожу ее довольно хорошей.
Обратная сторона: графические элементы для основного макета
Мы переходим плавно налево на обратную сторону нашей открывающейся открытки для парикмахера. Мы начинаем с того, чтобы продублировать эти тонкие линии здесь сверху (1), которые мы оборудовали потрясающими 3,5 мм, Вы выделяете объект, выбираете клавишу Alt для копирования, и клавишу Shift, чтобы оставаться на оси. Затем смещаете его влево (2) и позиционируете его в самом краю обреза (3). Затем уменьшаете его размер (4). Затем я снова копирую его, переношу его вправо и тяну его до этой вспомогательной линии (5). И снова копирую и переношу объект до вспомогательной линии (6).
Теперь нам нужно поменять цвета: левый и правый получают цвет Белый (1). Теперь я могу выбрать все три элемента и также с Alt и Shift опустить их вниз к обрезу (2).
После того, как все они переместились вниз, мы продолжаем, добавляя большое цветное поле слева и справа. Мы используем другой цвет - глубокий фиолетовый (1). Здесь я создаю прямоугольник (2). Здесь обратите внимание, чтобы прийти на одинаковую высоту.
Я также создаю копию этого и тяну его отсюда (4) до складки (5).
Таким образом, мы можем за несколько секунд создать основной макет, на котором будем работать. На картинке слева мы разместим ключевое слово, описывающее, что есть на этой стороне, т.е. расположение. В середине мы возьмем контактные данные. Мы вставим адрес, встроим QR-код и так далее. И, наконец, в это поле будет добавлено дополнение к портфолио услуг.
Размещение текста
Начнем с того, чтобы назвать вещи своими именами: создадим текстовое поле (1), выберем Fira Sans в Полужирном, заглавные буквы и размер шрифта 48 пт, также выровняем по центру. Цвет - Белый (все настройки на панели 2). Запишем туда: "Местоположение" (3).
Еще один двойной щелчок по ручке для изменения размера текстового поля (4). Давайте еще повернем его на 90° и переместим его на место, выравнивая по центру (ориентируемся на вспомогательные линии в 5). Таким образом, мы уже успешно разместили первый элемент (6).
Вот как теперь выглядит страница.
Вставка изображения и дополнительных услуг
Продолжаем работу с правой частью страницы. Мы работаем с комбинацией текстов, изображения и некоторых прозрачностей, чтобы создать красивый визуальный эффект: создаем текстовое поле (1), меняем шрифт на Fira Sans Light. Размер шрифта 14 пт, заглавные буквы отключены, цвет - белый (настройки на панели 2). "Полезно знать", затем добавляем пустую строку.
Уменьшаем размер шрифта до 9 пт, большие буквы также убираем, и затем Заполнить текстом (настройки на панели 3). У нас сейчас пять строк, я уменьшу их до четырех, уменьшаю размер текстового поля (двойной щелчок на нижней ручке текстового поля). Пока мы просто оставим его слева, потому что мы займемся выравниванием, когда у нас будет и подходящее изображение.
Вызываем диалоговое окно Разместить с помощью Ctrl+D, выбираем нужное изображение (4), размещаем его (5). Очевидно, что оно слишком большое, поэтому я уменьшаю его в высоту. Думаю, 47 мм должно быть достаточно (6). Затем я размещаю содержимое изображения, чтобы получилось полотно с дамой и ее красивым лицом (7). Важно при размещении изображений, чтобы лицо всегда смотрело в макет. Таким образом, она смотрит вверх под углом. Было бы плохо, если она смотрела бы за пределы макета, там ничего нет.
Я перемещу его к верхней вспомогательной линии (1) и нажму Shift и вниз. То же самое с этим полем (2), Shift и вниз.
От этого создаю копию и перемещаю его вниз (3). Вызываю этот диалог с помощью Ctrl+Y (4), и здесь вы увидите неформатированный текст (5), удаляем его. И оставляем "Полезно знать", это строка, с которой мы будем работать.
Он находится за изображением, поэтому я немного сдвигаю его вниз (1). И тогда мы заменим это на: "С нетерпением ждем вашего визита" - "вашего визита" мы устанавливаем на Medium (2). Это очень популярный эффект, когда работают с разными шрифтами, например, с Полужирным и Light, если просто ставите толстый и тонкий рядом. Но, конечно, вы выделяете важные моменты Полужирным, которые фундаментальны и важны.
Перемещаем это вниз к нижней вспомогательной линии (3) и нажимаем Shift вверх (4). Тогда все будет в порядке.
Затем мы переходим к дополнительным услугам, которые мы предлагаем здесь. Во-первых, выберите прямоугольную рамку (1), нажмите на рабочую область и укажите ширину 30 мм и высоту 5 мм (2). Цвет - белый (3). Уменьшить непрозрачность на 80 % (4), чтобы получить легкую полупрозрачность. Затем я беру инструмент текст (5), нажимаю один раз и форматирую его: Fira Sans, на этот раз - с использованием Light, 10 Pt (6). Для цвета необходимо выбрать не чистый черный, а немного более мягкий (7).
И теперь с помощью Ctrl+B определяем расстояние до рамки: слева 2 мм (8), чтобы курсор отошел от края. Затем можно выбрать центрирование (9). Теперь мы можем начать вводить текст, например: „Консультация по стилю“ (10).
Затем можно скопировать это поле с помощью Shift и Alt, вставив его сразу ниже (1) и затем с помощью Shift и стрелка вниз настроить расстояние (2). „Создание образа для невесты“. И при следующем элементе всплывут вспомогательные линии (3). Мы можем многократно скопировать это и заполнить соответствующими текстами (4).
Теперь выделяем все и, удерживая клавишу Shift, чтобы не сдвигаться по оси, центрируем по изображению. Здесь вы видите вспомогательную линию (5). Готово (6).
Добавляем текст для адреса, выравниваем и форматируем элементы
Что, конечно же, нам еще не хватает? Логично - адреса, потому что что такое парикмахер, если неизвестно, где находится его салон. Ну что ж, приступим.
На обратной стороне должно быть указано также имя. Я просто скопирую его с лицевой стороны, выбирая эти три элемента и удерживая клавишу Alt-, переношу влево (1).
Теперь нам нужно изменить цвет, поэтому используем Ctrl+A, чтобы изменить все на другой цвет (2) и размер шрифта 30 Pt (3). Расстояние между строками можно проигнорировать, т.к. она будет однострочной. И я хочу отказаться от тени на сей раз. Это необязательно, так как обе цвета создают хороший контраст друг с другом. Так что просто нажмите здесь вверху (4) на иконку тени, и она исчезнет.
Далее этот элемент перемещаем вверх, пристыковываем (5) и с помощью Shift и стрелка вниз задаем позицию. Таким образом, у нас получается такая же пропорция, как на лицевой стороне (6).
Здесь (1) мы также убираем тень (2) и меняем цвет на 90% черный (3). Эту линию мы также сменяем на цвет, переходя от ядреного желтого к черносмородиновому (4).
Затем выделяем все три элемента (5), поднимаем вверх к вспомогательной линии (6) и затем нажимаем Shift и один раз стрелку вниз (7). Теперь у нас точно такая же ось, как и у поля сбоку (красная линия в 7).
Вы видите, в графическом дизайне всегда нужно создавать симметрию, создавать гармонию. Это, возможно, даже не осознается сознательно, но это важно для подсознательного восприятия, чтобы это придавало аккуратный характер.
Одну поправку, которую нам нужно сделать, касается ширины текстовых полей - они слишком большие, и из-за этого получается такое изображение (8). Мы же всегда вели линию от размера текстовых полей, и вот она просто нарушает линию, которую я хочу видеть. Поэтому я уменьшаю это. И это важно, потому что для нижней части мне нужны опорные линии текстовых полей. Итак: нажмите дважды на ручки (как в 9).
Теперь нам нужно центрировать его. Я сдвигаю его немного влево, и уже видите: слева сверху и справа сверху есть зеленые стрелки (1) - опять же вспомогательные линии, замечательно. Если их у вас нет, обязательно включите Вид>Сетка и Вид>Вспомогательные линии активировать Умные вспомогательные линии.
То же самое здесь, также центрируем (2).
Сейчас мы уменьшим линию. Если я просто подойду один раз (3) и изменю длину, мы сдвинем только справа. Если мы хотим потянуть с обеих сторон, просто нажмите клавишу Alt-, и тогда эта линия сократится слева (зеленые линии у 3, итог у 4).
Продолжаем: Теперь мы создаем большое текстовое поле, шириной как и в заголовке сверху (1). Я его расширяю, снова используя Fira Sans, начертание Medium. Размер шрифта - 10 Pt, этого вполне достаточно. Представьте, насколько большими они будут при печати с таким размером шрифта, удивительно, насколько великолепно эти буквы все еще будут видны. Так что можно работать чуть пониже. Включить верхний регистр, выбрать цвет (смотри настройки в 2) и начать с „Мобильный телефон“.
Теперь я хочу, чтобы „Мобильный“ выравнивался по правому краю. Это можно сделать просто, выделив пробел перед словом (3) и нажав Shift- и Tab-. Вуаля - „Мобильный“ перескакивает вправо (4).
Теперь мы можем перейти к концу строки, сделать абзац и ввести телефонный номер, который также будет варьироваться по шрифту - мы снова берем Light-шрифт и цвет 90% черный (см. настройки в 1). Я ввожу номер телефона, снова нажимаю Shift и Tab и ввожу мобильный номер (2).
Поскольку нам это часто потребуется, я решаю определить эти отдельные форматирования как формат абзаца (3) и называю это "Subline". Я также создаю новый формат ниже. Я называю это "Информационный текст". (Для этого форматируем соответствующий текст, открываем Форматы абзацев через 3, входим с именем и подтверждаем).
Теперь я могу перейти к следующей строке, два абзаца. Я ввожу «Адрес», и определяю его как Subline. Снова Shift+Tab, здесь будет "Время работы". Тогда у нас, конечно, неправильный формат, я его меняю. О, что это произошло ... Информационный текст также написан заглавными буквами. Почему? Давайте посмотрим - в форматах абзацев. В разделе Основные типы символов (1) у нас есть Стиль букв. Поменять на Обычный (2), тогда этого не произойдет. Таким образом, я могу быстро заполнить это с помощью форматов и с помощью Shift+Tab назначить соответствующие форматы (3).
Здорово, не правда ли? Поэтому если определенный формат постоянно повторяется, например, этот «Локейшн», его можно определить как формат абзаца, тогда с помощью одноразового нажатия решить проблему с форматированием, не настраивая все каждый раз. Всегда стоит использовать форматы только тогда, когда они повторяются. До этого у нас это было меньше, но вот мы его использовали в первый раз.
Иконки для социальных медиа разместить
Поскольку мир взаимосвязан через социальные медиа-каналы и платформы, мы также вставим этот элемент здесь внизу. Я уже подготовил подходящее в моей библиотеке (1), просто три иконки к популярнейшим платформам. Я размещаю их красиво влево (2).
Затем мы приступаем к новым текстовым полям, просто наугад нарисованы. Мы берем Fira Sans Light шрифтом размером 6,5 Pt, снова красим в наш прекрасный лиловый цвет (настройки в 4). Затем начинаем с первого текста. Я центрирую его относительно иконок (5), ...
... причастить его слева (1) и двигаться со стрелочной клавишей и Shift дважды вправо (2). Копируем текстовое поле, Alt и Shift, пристыковываем к следующей иконке (3), снова два шага вправо (4). Наконец, еще одна птичка. Однако у нас заканчивается место (5).
Видимо, нам нужно подвинуть весь элемент не по центру, а в край слева (1). Затем трижды с Shift и стрелочной клавишей вправо (2). Думаю, что так будет лучше. А теперь мы поместим туда птичку (3).
Промежуточный результат: 
Создание QR-кода в InDesign
Поскольку InDesign также пропитался мрачной стороной, как его братья Illustrator и Photoshop, то есть с версии InDesign CC, у вас также есть возможность создавать QR-коды прямо из пользовательского интерфейса. Это можно легко сделать через Объект>Создать QR-код.
Проблема здесь в том, что QR-коды вызывают некоторое скепсис. Одни считают это хорошим, потому что - почему? Понятно - QR-коды строят мост между печатными изделиями и цифровым миром. И с этим они совершенно правы.
Если, например, у вас есть адаптивный веб-сайт - такой, как у нашего парикмахера или, например, одного из этих аккаунтов здесь внизу - вы можете легко ввести адрес. Выставить тип на Ссылка и указать URL (см. следующее изображение), и он выведет нам QR-код, который можно легко отсканировать с мобильного телефона.
Другие люди говорят: "О Господи, QR-коды? Нечто такое ужасное не впишется в дизайн. Я этого вообще не хочу. У меня даже на телефоне нет приложения для сканирования QR-кодов". Такие мнения, конечно, тоже существуют - вы должны самостоятельно решать.
Но я хочу показать вам: Эта функция здесь есть. Здесь вы можете выбрать Тип, Ссылка, Текстовое сообщение, даже Электронную почту, после сканирования QR-кода автоматически загружается предварительно определенное письмо, которое вам остается только отправить. Так что вы можете использовать много уловок здесь. Мне это действительно нравится. Вам просто нужно решить самому, хотите ли вы этот трюк или нет. Я в любом случае внедрю его (1 и подтвердить).
Теперь у нас есть QR-код, который я могу легко нарисовать (1). Что мы замечаем? Контраст цветов очень драматичный, но его можно изменить снова правой кнопкой мыши, внизу, где написано: Изменить QR-код... Просто нажмите на него, вы снова попадете в диалоговое окно, и там мы выбираем 90% черный (2). Теперь он немного мягче. Затем мы перемещаем содержимое в место, которое нам нужно, чтобы образовать линию (3).
Затем, разумеется, следует мотивирующее текстовое поле, потому что в настоящее время нужно побудить пользователя сканировать этот QR-код, чистое любопытство давно не хватает. И такая странная куча пикселей сейчас не обязательно привлечет рыбу к тарелке. Я вставляю текст и форматирую его: 10,5 Pt, цвет фиолетовый, шрифт Журнал, он написан от руки. Я также уменьшаю межстрочный интервал (см. настройки в 1), добавляю легкое наклонение (2) и позиционирую все это (3). Теперь мы создали мотивацию сканировать этот QR-код, иначе это, возможно, никто бы не сделал. Но как только где-то слышится "скидка, здесь скидки, здесь распродажа зимой, здесь дарят плюшевого мишку, здесь вы получите яблоню во Франции ..." - да, люди тут же встают "на уши". Поэтому нам нужно именно это средство именно на том месте, где находится QR-код.
Обзор текущего макета
Итак. Вот наша двойная карта, лицевая сторона, обратная сторона. Мы уже закончили. В следующей части вы увидите, как мы создадим внутренние страницы.
