Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Print Design

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

by
Read Time:10 minsLanguages:
This post is part of a series called Learn Adobe InDesign.
How to Design a Stylish Real Estate Flyer Template in Adobe InDesign
This post is part of a series called Flyer Design & Templates.
How to Create a Summer Picnic Community Event Flyer in Adobe InDesign
10 Top Tips for Creating Awesome Event Flyers

Russian (Pусский) translation by Anna Chusova (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

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

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

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

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

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

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

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 дюймов соответственно.

flyer sizeflyer sizeflyer size

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

new documentnew documentnew document
new flyer documentnew flyer documentnew flyer document

Шаг 2

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

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

paper texturepaper texturepaper texture

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

paper on pagepaper on pagepaper on page

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

Шаг 1

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

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

background colorbackground colorbackground color

Шаг 2

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

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

sunset swatchsunset swatchsunset swatch

Шаг 3

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

sunset rectanglesunset rectanglesunset rectangle

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

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

effects gradienteffects gradienteffects gradient

Шаг 4

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

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

sunrise swatchsunrise swatchsunrise swatch

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

90 degree gradient90 degree gradient90 degree gradient

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

Шаг 1

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

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

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

trace with the lasso tooltrace with the lasso tooltrace with the lasso tool

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

refine edge settingsrefine edge settingsrefine edge settings

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

deleted areadeleted areadeleted area
refine edge of the selectionrefine edge of the selectionrefine edge of the selection

Шаг 2

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

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

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

placed imageplaced imageplaced image

Шаг 3

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

create a pen tool layercreate a pen tool layercreate a pen tool layer

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

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

pen tool tracepen tool tracepen tool trace

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

pen tool paper fillpen tool paper fillpen tool paper fill

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

collage effect resultcollage effect resultcollage effect result

Шаг 4

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

cherry swatchcherry swatchcherry swatch

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

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

door in reddoor in reddoor in red

Шаг 5

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

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

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

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

outside of logooutside of logooutside of logo

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

trace the inside logotrace the inside logotrace the inside logo

Шаг 6

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

traced swoop resulttraced swoop resulttraced swoop result

...и колёса.

yellow color applied to wheelsyellow color applied to wheelsyellow color applied to wheels

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

Шаг 7

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

turquoise swatchturquoise swatchturquoise swatch

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

adjust the logo filladjust the logo filladjust the logo fill

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

swoop duplicatedswoop duplicatedswoop duplicated

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

wheels filled with sunrise colorwheels filled with sunrise colorwheels filled with sunrise color

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

final collage designfinal collage designfinal collage design

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

Шаг 1

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

layer optionslayer optionslayer options

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

controls panel editscontrols panel editscontrols panel edits

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

adjust the trackingadjust the trackingadjust the tracking

Шаг 2

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

add sunset coloradd sunset coloradd sunset color

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

create new swatchcreate new swatchcreate new swatch

Шаг 3

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

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

glyphs panel to insert bulletsglyphs panel to insert bulletsglyphs panel to insert bullets

Шаг 4

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

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

duplicate layerduplicate layerduplicate layer

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

rename type shadowsrename type shadowsrename type shadows

Шаг 5

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

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

font color contrastfont color contrastfont color contrast

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

create text shadowscreate text shadowscreate text shadows

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

final flyer designfinal flyer designfinal flyer design

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

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

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

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

export pdf settingsexport pdf settingsexport pdf settings

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

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

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

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

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

review press qualityreview press qualityreview press quality

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

export pdfexport pdfexport pdf

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

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

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

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

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

Vintage Music Festival Flyer Adobe InDesign TutorialVintage Music Festival Flyer Adobe InDesign TutorialVintage Music Festival Flyer Adobe InDesign Tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads