Как создать винтажный флаер музыкального фестиваля в Adobe InDesign

Лето уже пришло, сезон фестивалей в самом разгаре. Если вы планируете провести подобное мероприятие в этом году, можете рекламировать его в винтажном стиле с таким флаером. Его очень просто создать.

Мы соединим все элементы флаера в Adobe InDesign, а также немного отредактируем картинки в Photoshop и Illustrator. Если вы только начинаете изучать программы от Adobe, этот урок - прекрасное всеохватывающее введение в создание макетов для печати и распространения в интернете.

Вам срочно нужен флаер для фестиваля? Вы всегда можете найти прекрасный выбор всевозможных легко редактируемых вариантов шаблонов флаеров на GraphicRiver.

Окей, готовы к самому лучшему лету? Супер! Тогда начинаем...

Что вам понадобится для создания флаера

Чтобы собрать воедино все элементы флаера, вам понадобится доступ к классическому трио программ Adobe: InDesign, Photoshop и Illustrator. Если вы пока не готовы к покупке программного обеспечения, вы можете получить бесплатный 30-дневный пробный доступ ко всем этим программам на adobe.com.

Также вам нужно скачать следующие изображения и шрифты:

• Текстура старой бумаги
• Изображение туристического фургона
• Шрифт Charlevoix Pro SemiBold

Не забудьте установить шрифт прежде чем приступать к уроку. Когда будете готовы, можно начать настраивать макет. 

1. Как настроить макет в InDesign

Шаг 1

Откройте InDesign и перейдите File > New > Document.

В открывшемся окне у поля Intent задайте Print, в поле Number of Pages введите 1 и снимите галочку у Facing Pages.

 Из выпадающего меню Page Size выберите пункт Flyer 8.5x11 или введите в полях Width и Height значения 8.5 и 11 дюймов соответственно.

Также в поле Margin введите 0.2756 дюймов (7 мм) и в поле Bleed - 0.25 дюймов по всем краям страницы. Когда будет готово, нажмите ОК.

Шаг 2

Откройте панель Layers (перейдите Window > Layers) и дважды кликните на названии слоя Layer 1. Переименуйте его в Paper и нажмите OK.

Выберите инструмент Rectangle Frame Tool (F) на панели Tools и растяните его по странице, создав фрейм, который растянут до края под обрез со всех сторон страницы. Перейдите File > Place, выберите картинку с текстурой старой бумаги и нажмите Open.

Растяните картинку, зажав клавишу Shift, чтобы она заполнила весь фрейм. Поверните её (Right-Click > Transform > Rotate), если это необходимо.

3. Как добавить фон-закат на флаер

Шаг 1

Вернитесь к панели Layers и нажмите кнопку Create New Layer в её нижней части. Дважды кликните на слое, чтобы открыть его настройки (Layer Options). Переименуйте слой в Background Color.

Заблокируйте нижний слой Paper, перейдите на слой Background Color.

Шаг 2

Раскройте панель Swatches (перейдите Window > Color > Swatches) и нажмите кнопку New Swatch в её нижней части.

Дважды кликните на образце, чтобы открыть его настройки (Swatch Options). Назовите образец Sunset, задайте Type - Process и Mode - CMYK, введите следующие значения для цветов: C=0 M=53 Y=55 K=0. Нажмите OK.

Шаг 3

Выберите инструмент Rectangle Tool (M) и нарисуйте прямоугольник, который закроет всю нижнюю половину страницы. Задайте цвет его заливки Sunset, а у обводки - без заливки ([None]).

Не снимая выделения с прямоугольника, выберите в верхнем меню пункт Object и перейдите Effects > Gradient Feather.

Задайте форме 90-градусный градиент, потянув тёмный ползунок вправо.

Шаг 4

Создайте второй образец цвета, назовите его Sunrise. Настройки у него установите следующие: C=2 M=19 Y=83 K=0.

При помощи инструмента Rectangle Tool (M) нарисуйте новый прямоугольник, заполняющий всю страницу, нижний его край утяните вниз на высоту примерно в четверть страницы под её нижнюю границу.

Перейдите Object > Effects > Gradient Feather и задайте градиент -90 градусов. Так вы получите нежный эффект заката.

4. Как создать эффект коллажа 

Шаг 1

Затем перейдите File > Save, чтобы сохранить получившийся документ InDesign, сверните окошко. Через некоторое время мы вернёмся к нему.

Откройте изображение фургона в Photoshop, создайте дубликат фонового слоя и заблокируйте его, чтобы у вас была копия оригинальной картинки. Нам нужно отделить фургон от всего остального, и это можно сделать грубо, чтобы получить необходимый эффект коллажа.

При помощи инструмента Polygonal Lasso Tool (L) обведите края фургона, закройте обводку и нажмите кнопку Refine Edge в верхней части рабочей области.

Используйте ползунок Shift Edge, чтобы сделать подвинуть выделение максимально плотно, когда результат вас удовлетворит, нажмите ОК. Затем удалите выделение.

Обработайте всё вокруг фургона, оставив тень под ним. Затем перейдите File > Save As и сохраните результат как файл Photoshop (PSD).

Шаг 2

Сверните Photoshop и вернитесь в InDesign.

Создайте новый слой и назовите его Camper Van. Заблокируйте два нижних слоя.

При помощи инструмента Rectangle Frame Tool (F) создайте фрейм в середине страницы, перейдите File > Place и выберите картинку с фургоном, которую мы только что обработали. Разместите её в середине фрейма.

Шаг 3

Создайте новый слой и назовите его Pen Tool. Поместите его под слоем Camper Van и над слоем Background Color.

Выберите инструмент Pen Tool (P) и обведите фургон вокруг, оставляя небольшой промежуток между фотографией и линией.

Обведите фургон полностью и соедините конечную и начальную точки формы.

На панели Swatches заливку формы установите [Paper] (white), а обводку уберите ([None]).

Это создаст замечательный эффект коллажа, будто фургон вырезан.

Шаг 4

Создайте новый образец цвета, назовите его Cherry и задайте следующие настройки: C=0 M=130 Y=94 K=0.

Создайте новый слой поверх всех остальных и назовите его Color. Заблокируйте все нижние слои.

При помощи инструмента Pen Tool (P) обведите часть фургона и закрасьте её цветом Cherry. Например, я обвела центральную дверь. Но вы можете выделить окно, если вам хочется.

Шаг 5

Сверните InDesign на минутку. Сейчас мы создадим яркие элементы для нашего коллажа в Illustrator.

Откройте Illustrator, перейдите File > Place и выберите картинку с фургоном. Заблокируйте слой с ним и создайте новый слой поверх, на нём мы будем работать.

Выберите инструмент Paintbrush Tool (B) и кликните по пункту Brush Definition в выпадающем меню на верхней части рабочей области. Кликните по Brush Libraries Menu и выберите Artistic > Artistic_ChalkCharcoalPencil.

Выберите Chalk - Blunt в окошке, которое откроется. Обведите логотип VW по краю.

Внутренние детали тоже обведите.

Шаг 6

Вы также можете обвести и другие элементы, например, украшение в форме буквы V на передней части фургона...

...и колёса.

Не беспокойтесь о выборе идеального цвета, я, например, просто взяла яркий жёлтый, чтобы выделить формы. Теперь выберите форму с логотипом VW и перейдите Edit > Copy, а затем сверните Illustrator.

Шаг 7

Вернитесь в InDesign и создайте новый образец цвета CMYK. Назовите его Turquoise и задайте следующие настройки: C=79 M=11 Y=48 K=1.

Перейдите Edit > Paste, чтобы вставить векторный логотип VW на страницу. Отредактируйте его размер, зажав Shift, чтобы не нарушить пропорции. Задайте его заливку цветом Turquoise.

Вернитесь в Illustrator, выделите форму в виде буквы V и нажмите Edit > Copy; перейдите в InDesign, нажмите Edit > Paste. Задайте заливку цветом Sunset.

Затем скопируйте и вставьте колёса. Их заливку задайте цветом Sunrise.

Отличная работа! Теперь фургон выглядит превосходно.

5. Как создать типографику в стиле Letterpress

Шаг 1

Создайте новый слой, назовите его Typography и разместите над слоем Background Color и под слоем Pen Tool.

При помощи инструмента Type Tool (T) создайте текстовый фрейм на верхушке страницы. Напишите там  "SUMMER" и наверху, в панели Controls или в панели Character (перейдите Window > Type & Tables > Character) задайте Font - Charlevoix Pro SemiBold, Size - 110 pt, Tracking - 160. Задайте тексту выравнивание по центру на панели Controls, а цвет шрифта выберите [Paper].

Выделите текстовый фрейм, нажмите Edit > Copy, Edit > Paste и переместите копию под оригинал. Напишите в новом текстовом фрейме "FESTIVAL" и отредактируйте Tracking, чтобы слово поместилось в нём.

Шаг 2

Выделите оба текстовых фрейма, скопируйте их и вставьте ниже, изменив цвет текста на Sunset.

Повторите вставку ещё раз, на этот раз создав новый образец цвета под названием Sky Blue с настройками C=49 M=0 Y=2 K=0. Эту копию поместите ниже.

Шаг 3

При помощи инструмента Type Tool (T) создайте несколько текстовых фреймов в нижней части страницы. В них вы можете указать детали, такие как дата, место проведения или что будет на мероприятии. Тексту нужно задать шрифт Charlevoix Pro SemiBold и цвет шрифта [Paper].

При помощи панели Glyphs (перейдите Window > Type & Tables > Glyphs) можно вставить точки между словами.

Шаг 4

Убедитесь, что вас устраивает получившийся макет и текст. Сейчас мы создадим копию текста, чтобы добавить ему тень, поэтому нужно, чтобы оригинал и копия были одинаковы. Самое время проверить, нет ли ошибок!

Вернитесь к панели Layers и кликните правой кнопкой мыши по слою Typography. Выберите Duplicate Layer “Typography”.

Затем переместите копию под слой Typography. Переименуйте его в Type Shadows. Заблокируйте слой Typography, расположенный над ним.

Шаг 5

Зажмите левую кнопку мыши и проведите курсором через всю страницу, чтобы выделить все текстовые фреймы на слое Type Shadows. Затем при помощи клавиш со стрелками переместите текст немного вправо и вниз.

Выберите каждую пару текстовых фреймов со словами "SUMMER FESTIVAL" и установите им цвет шрифта контрастный основному. Получится интересная тень в стиле letterpress.

Поработайте с остальными текстовыми фреймами, установив цвет шрифта [Paper] или любой другой по вашему выбору. 

В конце концов у вас получится очень классный эффект letterpress, который отлично сочетается с коллажем фургона.

6. Как экспортировать флаер для распространения

Экспорт флаера для распространения по интернету

Если вы хотите распространять флаер, прикрепив его к электронному письму, или подготовить его для загрузки на сайт, вам потребуется сделать пару настроек.

Перейдите File > Export. Выберите пункт Adobe PDF (Interactive) из меню Format, если вы планируете прикреплять флаер к электронным письмам.

Либо выберите JPEG или PNG, если планируете загружать картинку на сайт.

Экспорт флаера для печати

Если вы планируете печатать свой флаер, вам нужно настроить обрез при экспорте.

Перейдите File > Export и выберите Adobe PDF (Print) из меню Format. Нажмите Save.

В открывшемся окошке выберите [Press Quality] из меню Preset в верхней части окошка.

Кликните по пункту Marks and Bleeds в левом меню и поставьте галочки All Printer’s Marks и Use Document Bleed Settings. Затем нажмите Export, чтобы создать готовый для печати документ PDF. Можете отправлять его на принтер хоть сейчас!

Итог: вы создали один классный флаер

Поздравляю, ваш флаер для фестиваля готов! Сейчас вам нужно лишь откинуться на спинку кресла и наблюдать как продаются билеты.

Прежде чем вы расслабитесь под прекрасную музыку, давайте быстренько пробежимся по ключевым навыкам, которые вы получили в этом уроке и которые можете применять для создания других флаеров. Теперь вы знаете как:

• Настроить стандартный макет флаера в Adobe InDesign.
• Создать профессиональные фон и текстуру для макета.
• Отредактировать картинки в стиле коллажа в Photoshop и добавить векторные детали при помощи Illustrator.
• Настроить типографику в стиле letterpress, добавив дизайну трендовость.
• Экспортировать флаер для распространения онлайн или для печати.

Мы провернули кучу работы - отлично! Если вам нужно больше идей для флаеров, вы можете найти огромное количество шаблонов флаеров, которые легко редактировать, на GraphicRiver. Посмотрите сами!