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

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

by
Difficulty:BeginnerLength:MediumLanguages:
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 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
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

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

Final 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 size

Шаг 2

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

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

new document

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

Шаг 1

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

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

layer options

Шаг 2

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

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

gingham photo

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

Шаг 1

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

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

lemon swatch

Шаг 2

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

border layer

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

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

rectangle tool

Шаг 3

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

rectangle with white border

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

corner options

Шаг 4

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

effects

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

drop shadow
final border

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

Шаг 1

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

layers panel

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

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

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

family text

Шаг 2

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

layers panel

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

outer glow

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

final text effect

Шаг 3

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

sky swatch

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

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

color text

Шаг 4

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

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

glyphs panel

Шаг 5

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

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

glyphs panel

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

Шаг 1

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

brown swatch

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

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

brown shape

Шаг 2

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

drop shadow

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

dashed stroke

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

transparency effect

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

pasted line

Шаг 3

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

group

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

pasted graphic

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

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

Шаг 1

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

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

marquee tool

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

refine edge

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

pasted plate

Шаг 2

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

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

color levels

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

Шаг 3

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

layers panel

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

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

drop shadow
final 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 quality

Шаг 2

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

marks and bleed

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

print marks

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

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

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

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

final flyer
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.