1. Design & Illustration
  2. Flyers

Как создать флаер для летнего мероприятия сообщества любителей пикников в Adobe InDesign

by
Read Time:10 minsLanguages:
This post is part of a series called Home Sweet Home.
How to Create a Modern Cottage in a Scandinavian Style in Adobe Illustrator
40 Professional Real Estate Flyer Templates
This post is part of a series called Learn Adobe InDesign.
How to Create a Simple Magazine Template in Adobe InDesign
10 Top Tips for Creating Your Own EPUBs and eMagazines
This post is part of a series called Flyer Design & Templates.
How to Create a High-Contrast Skateboard Flyer in Adobe Photoshop
How to Create a Vintage Music Festival Flyer in Adobe InDesign

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, вы узнаете, как создать одностраничный макет, который подойдёт и для печати, и для распространения в Интернете.

Больше классных шаблонов листовок для летних мероприятий, чтобы привлечь толпы посетителей на следующую вечеринку, можно найти на GraphicRiver.

Готовы к лету? Отлично! Приступаем!

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

Прежде всего, вам нужен Adobe InDesign, чтобы собрать воедино все элементы флаера. Если у вас нет действующей подписки на InDesign, не проблема. Можно скачать 30-дневную пробную версию программы с сайта Adobe.

Если вам хочется добавить дополнительные элементы на скатерть, например, тарелку как в этом уроке, вам также понадобится доступ к Adobe Photoshop, с помощью которого можно удалить ненужный фон с фотографий. Этот шаг — абсолютно не обязательный, вы можете создать флаер и без дополнительных объектов на скатерти.

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

Сохраните изображения в папку, которая легко доступна, и установите шрифты.

1. Как создать новый документ для вёрстки флаера в InDesign

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

Шаг 1

Откройте InDesign, выберите File > New > Document. В поле Intent выберите Print, количество страниц установите 1 и снимите галочку у настройки Facing Pages.

В выпадающем списке Page Size выберите Flyer 8.5x11 или введите в поле Width 8.5 дюймов (215.9 миллиметров) и в поле Height11 дюймов (279.4 миллиметра).

flyer page sizeflyer page sizeflyer page size

Шаг 2

Установите отступы (поля Margins) Сверху (Top) и Снизу (Bottom) 26 мм, а Слева (Left) и Справа (Right) 33 мм.

В поле Bleed введите 5 мм со всех сторон страницы, если вы планируете печатать листовку, если нет — можете установить 0. Затем смело жмите ОК.

new documentnew documentnew document

2. Оформляем фон флаера

Шаг 1

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

Назовите слой Tablecloth и нажмите ОК.

layer optionslayer optionslayer options

Шаг 2

Выберите инструмент Rectangle Frame Tool (F) с панели инструментов и начертите прямоугольник размером во всю страницу, включая поля под обрез со всех сторон.

Перейдите File > Place, найдите и выделите изображение клетчатой скатерти и нажмите Open. Дважды кликните внутри прямоугольного фрейма, чтобы разместить в нём изображение. Зажмите Shift и потяните, чтобы растянуть картинку до нужного размера.

gingham photogingham photogingham photo

3. Как создать рамку

Шаг 1

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

Назовите его Lemon, Color Type установите — Process и Color ModeCMYK. Цвета нужно установить следующим образом: C=7 M=1 Y=68 K=3, нажмите Добавить, а затем — ОК, чтобы закрыть окно.

lemon swatchlemon swatchlemon swatch

Шаг 2

Возвратитесь к панели Layers и заблокируйте слой Tablecloth. Нажмите кнопку Create New Layer внизу панели и назовите его Border.

border layerborder layerborder layer

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

На панели Swatches заливку прямоугольника сделайте цвета Lemon, а цвет обводки выберите [Paper] (белый)

rectangle toolrectangle toolrectangle tool

Шаг 3

Откройте панель Stroke (Window > Stroke) и увеличьте толщину (Weight) обводки прямоугольника до 23 пунктов. У Align Stroke выберите центральную настройку Align Stroke to Inside.

rectangle with white borderrectangle with white borderrectangle with white border

Не снимая выделения с прямоугольника, перейдите в пункт меню Object и выберите Corner Options. В открывшемся окне установите размер всех углов 29 мм, а формуInverse Rounded.

corner optionscorner optionscorner options

Шаг 4

Не снимая выделения с прямоугольника перейдите Object > Effects > Transparency. Уменьшите непрозрачность (Opacity) до 93%, чтобы клетчатый узор снизу слегка просвечивал.

effectseffectseffects

Затем в левом меню окошка выберите Drop Shadow. В выпадающем списке Mode выберите Multiply, Opacity установите около 22%, Distance задайте 2 мм, Angle65 градусов и Size7 мм. Нажмите ОК, чтобы применить эффекты и закрыть окно.

drop shadowdrop shadowdrop shadow
final borderfinal borderfinal border

4. Как оформить надписи на листовке

Шаг 1

Вернитесь на панель Layers, заблокируйте слой Border и создайте поверх него новый слой Typography.

layers panellayers panellayers panel

Выберите инструмент Type Tool (T) и потяните им по жёлтой рамке, чтобы создать текстовое поле. В нём мы вводим название мероприятия, например "Family".

На панели Character (Window > Type & Tables > Character) или на панели Character Formatting Controls над рабочей областью, выберите шрифт Nicoline, Size — 160 пунктов и выравнивание — по центру.

На панели Swatches выберите цвет шрифта [Paper].

family textfamily textfamily text

Шаг 2

Выделите текстовое поле и нажмите Edit > Copy, Edit > Paste, разместите копию под исходным текстовым полем. Откорректируйте текст во втором текстовом поле, например, напишите "Picnic".

layers panellayers panellayers panel

Выделите оба текстовых поля, перейдите Object > Effects > Outer Glow. Кликните на цветной квадратик рядом с выпадающим меню Mode, чтобы открыть окошко Effect Color. Выберите красный цвет из стандартных образцов и нажмите ОК.

outer glowouter glowouter glow

Уменьшите непрозрачность (Opacity) до 7%, в выпадающем списке Technique выберите Softer, а в поле Size введите 2.5 мм. Задайте Noise 30% и Spread 38% перед тем как нажать ОК.

final text effectfinal text effectfinal text effect

Шаг 3

Создайте новый цвет CMYK на панели Swatches со следующими параметрами C=70 M=14 Y=0 K=0 и назовите его Sky.

sky swatchsky swatchsky swatch

Увеличьте масштаб и переместитесь к верхней части жёлтой рамки. Создайте новое текстовое поле, используя инструмент Type Tool (T), и напишите что-нибудь завлекающее, например, "Come along to Sunnydale’s".

Шрифт выберите Charlevoix Pro Medium, его размер — 16.5 пунктов, Tracking — 90 и выровняйте текст по центру. Может быть вам захочется выделить какую-нибудь ключевую деталь, например, название места, шрифтом Charlevoix Pro Semibold.

color textcolor textcolor text

Шаг 4

Выберите текстовое поле и нажмите Edit > Copy, Edit > Paste. Переместите его в нижнюю часть жёлтой рамки и отредактируйте текст: впишите дату и время проведения мероприятия. Увеличьте размер шрифта до 22 пунктов, начертаниеSemibold.

На панели Glyphs (Window > Type & Tables > Glyphs) вы можете вставить маркер (буллит), чтобы разделить информацию, для этого нужно просто дважды кликнуть по символу на панели.

glyphs panelglyphs panelglyphs panel

Шаг 5

Нажмите Edit > Paste, чтобы вставить ещё одну копию текстового поля, переместите его под поле с датой и временем. Отредактируйте текст: напишите, что ожидает посетителей на мероприятии. Здесь также можно вписать информацию о ценах на билеты и дате начала их продажи.

Установите размер шрифта около 14 пунктов.

glyphs panelglyphs panelglyphs panel

5. Как добавить на флаер ленту

Шаг 1

Вернитесь к панели Swatches и создайте новый цвет CMYK. Назовите его Brown и задайте следующие параметры: C=79 M=78 Y=81 K=0.

brown swatchbrown swatchbrown swatch

Создайте новый слой Ribbon и разместите его между слоями Border и Tablecloth. Заблокируйте все другие слои, пока вы работаете со слоем Ribbon.

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

brown shapebrown shapebrown shape

Шаг 2

Выделите коричневый прямоугольник и перейдите Object > Effects > Drop Shadow. Режим наложения тени установите Multiply, отредактируйте непрозрачность (Opacity) и другие настройки,чтобы получилась лёгкая тень под лентой.

drop shadowdrop shadowdrop shadow

Выберите инструмент Line Tool (\) и, удерживая клавишу Shift, начертите короткую горизонтальную линию вдоль верхней стороны коричневого прямоугольника. На панели Swatches выберите цвет обводки [Paper] (белый). На панели Stroke задайте толщину линий 3 пункта, в выпадающем списке Type выберите пункт Dashed (3 and 2).

dashed strokedashed strokedashed stroke

Не снимая выделения с линии перейдите Object > Effects > Transparency и установите непрозрачность (Opacity) 65%, затем нажмите ОК.

transparency effecttransparency effecttransparency effect

Скопируйте и вставьте линию, расположите её на нижней стороне коричневого прямоугольника зеркально исходной линии.

pasted linepasted linepasted line

Шаг 3

Мышкой выделите коричневый прямоугольник и обе линии, затем кликните по ним правой кнопкой мыши > сгруппировать (Group).

groupgroupgroup

Выделите получившуюся группу, Edit > Copy, Edit > Paste. Перенесите скопированную группу на правую сторону флаера, чтобы казалось, что лента идёт через всю его ширину.

pasted graphicpasted graphicpasted graphic

6. Добавляем дополнительные объекты на скатерть

Этот шаг — абсолютно не обязательный. Если вам хочется добавить дополнительные элементы: тарелки, столовые приборы или что-то ещё — на скатерть, вам понадобится Adobe Photoshop и несколько фотографий этих элементов на белом фоне.

Шаг 1

Откройте фотографию тарелки с голубым ободком в Photoshop.

Выберите инструмент Elliptical Marquee Tool на панели инструментов и, удерживая клавишу Shift, потяните и начертите круг по размеру тарелки. Если сразу идеально обвести тарелку не получилось, при помощи клавиш со стрелками подвиньте выделение на место.

marquee toolmarquee toolmarquee tool

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

refine edgerefine edgerefine edge

Edit > Copy, Edit > Paste выделение, и его содержимое переместится на новый слой поверх исходного. Отключите видимость исходного слоя.

pasted platepasted platepasted plate

Шаг 2

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

Добавьте новый корректирующий слой Color Balance Adjustment при помощи кнопки внизу панели Layers. Здесь я немного подвигала ползунки Cyan и Blue, чтобы придать тарелке более яркий голубой оттенок.

color levelscolor levelscolor levels

Если вы закончили редактировать фотографию, перейдите File > Save As и сохраните результат как файл Photoshop (PSD).

Шаг 3

Вернитесь в InDesign и создайте новый слой (здесь он назван Plates) над слоем Ribbon и под слоем Border.

layers panellayers panellayers panel

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

Для большей реалистичности можно также добавить тень, для этого перейдите Object > Effects > Drop Shadow.

drop shadowdrop shadowdrop shadow
final designfinal designfinal design

Флаер готов — отличная работа! Если вы хотите разместить флаер в интернете, переходите File > Export и выберите из выпадающего списка тип файла Adobe PDF (Interactive), JPEG или PNG. Если же вы планируете печатать флаеры в типографии, читайте дальше, чтобы узнать, как лучше всего экспортировать макет.

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

Шаг 1

Прежде всего сохраните вашу работу File > Save.

Затем вернитесь в меню File и выберите пункт Export. В открывшемся окне из выпадающего меню Тип файла (Format) выберите Adobe PDF (Print) и нажмите Save.

В открывшемся окне Export в верхней части окна выберите пункт Press Quality в выпадающем списке Preset. Поставьте галочку у настройки View PDF after Exporting.

press qualitypress qualitypress quality

Шаг 2

Выберите пункт Marks and Bleeds в левом меню. Поставьте галочки All Printer’s Marks и Use Document Bleed Settings.

marks and bleedmarks and bleedmarks and bleed

Затем нажмите Export, чтобы создать PDF-файл для печати.

print marksprint marksprint marks

Результат: Примерно так выглядит готовый флаер

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

  • Создать макет стандартного флаера в Adobe InDesign.
  • Создать фотофон и яркую рамку для получения многослойного, 3D-эффекта.
  • Создать собственные графические элементы, такие как ленты, прямо в InDesign.
  • Работать с типографикой как профессионал.
  • Редактировать и размещать изображения в макете так, чтобы получить трендовый flat-lay эффект.
  • Экспортировать готовые работы как PDF-файлы для печати.

Ещё больше макетов флаеров для летних мероприятий можно найти на GraphicRiver, посмотрите их обязательно!

final flyerfinal flyerfinal flyer
One subscription.
Unlimited Downloads.
Get unlimited downloads