Как сделать листовку в индизайне
Как сделать листовку в индизайне
По просьбам читателей, выкладываю урок по созданию буклета в InDesign. Обычно буклеты изготавливаются на бумаге A4 или А3 формата. Буклетом считается печатная продукция, сфальцованная любым способом двумя и более сгибами. Сейчас мы рассмотрим буклет А4 формата, напечатав который нужно будет сделать сгиб двумя фальцами. Вид фальцовки у нас «раскладушка», давайте рассмотрим ее схему:
Примечание. Прошу обратить внимание, точные размеры границ в буклете для фальцовки вам следует уточнить в типографии, где он будет печататься и фальцеваться, это нужно для того, чтобы быть уверенным в правильном загибе буклета.
1. Запустим программу InDesign. В окне запуска, в поле Create New выберем Document (Создать новый документ).
2. В окне New Document выставим настройки: Number of Pages (Число страниц) – 2, в поле Page Size (Размер листа) выберем A4, Orientation (Ориентация) – горизонтально, Сolumns (Колонки) – 3, Gutter (Расстояние между колонками) – 8 мм., Margins (Поля) – 4 мм везде и Bleed (Блиды / Выпуск за обрез) по 2 мм.
Откроется рабочая область нашего будущего буклета. Если нажать F12, выйдет палитра Pages, будут видны две страницы.
4. В меню Window выберем палитру Mini Bridge, в ней удобно работать с файлами, если же у вас более ранняя версия, можно добавлять файлы с помощью File > Place (Поместить). На панели инструментов выберем инструмент «Фрейм» (Restangle Frame Tool).
Начертим прямоугольник, далее в палитре Mini Bridge выберем папку, в которой будут находиться графические файлы для нашего буклета.
5. Перетягиваем картинку во фрейм левой кнопкой мыши. Если она больше или меньше фрейма, жмем горячую клавишу Alt+Shift+Ctrl+E или заходим Object (Объект) > Fitting (Установка)> Fit Content Proportionally (Заполнить фрейм пропорционально). Также можно трансформировать картинку во фрейме «белой» стрелкой с нажатой клавишей Shift.
6. С помощью инструмента «прямоугольник»
рисуем фон квадратами различных оттенков,
подобрав цвета с картинки с помощью инструмента «пипетка».
Нажимаем F6 (открываем палитру «Цвет» (Color)) и регулируем цвета, вбивая их вручную или меняя оттенки с помощью ползунков. Сверху картинки накладываем еще один прямоугольник, задаем оттенок пипеткой с картинки или с помощью палитры Color, установим ему прозрачность 35%.
7. На панели инструментов выберем инструмент Текст (Type Tool)
. и создадим текстовый блок, в моем случае «COFFee». Черной стрелкой можно трансформировать и вращать текст, если подвести стрелку к верхнему или нижнему уголку фрейма. Зайдем в меню Window > Type > Character или нажмем Ctrl+T. Отредактируем текст по своему вкусу,
. и зададим ему цвет в палитре Color (F6).
8. Создадим текст по окружности. Выберем инстумент Эллипс,
и начертим его вдоль блюдечка.
Далее выберем инструмент «Текст по контуру» (Type on a Path),
. щелкнем по окружности и наберем текст.
С помощью инструмента выделения (Selection Tool, белая стрелка)
можно будет правильно направить текст по окружности.
Убрать обводку у окружности можно будет также в палитре Color (F6).
Не забываем периодически переключаться в режим Preview в нижней части панели инструментов, для более удобного отображения результата работы.
Как создать флаер для летнего мероприятия сообщества любителей пикников в Adobe InDesign
Russian (Pусский) translation by Anna Chusova (you can also view the original English article)
Планируете городскую ярмарку, семейный пикник или летнее барбекю? Проще простого сделать такой летний флаер, он отлично подойдёт для любого семейного мероприятия. Из этого урока, подходящего для начинающих изучать 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.5×11 или введите в поле Width 8.5 дюймов (215.9 миллиметров) и в поле Height — 11 дюймов (279.4 миллиметра).
Шаг 2
Установите отступы (поля Margins) Сверху (Top) и Снизу (Bottom) 26 мм, а Слева (Left) и Справа (Right) — 33 мм.
В поле Bleed введите 5 мм со всех сторон страницы, если вы планируете печатать листовку, если нет — можете установить 0. Затем смело жмите ОК.
2. Оформляем фон флаера
Шаг 1
Откройте панель Layers (Window > Layers) и дважды кликните на названии стандартного слоя Layer 1 в списке слоёв.
Назовите слой Tablecloth и нажмите ОК.
Шаг 2
Перейдите File > Place, найдите и выделите изображение клетчатой скатерти и нажмите Open. Дважды кликните внутри прямоугольного фрейма, чтобы разместить в нём изображение. Зажмите Shift и потяните, чтобы растянуть картинку до нужного размера.
3. Как создать рамку
Шаг 1
Разверните панель Swatches (Window > Color > Swatches) и нажмите кнопку New Swatch внизу панели.
Назовите его Lemon, Color Type установите — Process и Color Mode — CMYK. Цвета нужно установить следующим образом: C=7 M=1 Y=68 K=3, нажмите Добавить, а затем — ОК, чтобы закрыть окно.
Шаг 2
Возвратитесь к панели Layers и заблокируйте слой Tablecloth. Нажмите кнопку Create New Layer внизу панели и назовите его Border.
Выберите инструмент Rectangle Tool (M) и растяните на странице прямоугольник, его границы должны совпасть с линиями полей.
На панели Swatches заливку прямоугольника сделайте цвета Lemon, а цвет обводки выберите [Paper] (белый)
Шаг 3
Откройте панель Stroke (Window > Stroke) и увеличьте толщину (Weight) обводки прямоугольника до 23 пунктов. У Align Stroke выберите центральную настройку Align Stroke to Inside.
Не снимая выделения с прямоугольника, перейдите в пункт меню Object и выберите Corner Options. В открывшемся окне установите размер всех углов 29 мм, а форму — Inverse Rounded.
Шаг 4
Не снимая выделения с прямоугольника перейдите Object > Effects > Transparency. Уменьшите непрозрачность (Opacity) до 93%, чтобы клетчатый узор снизу слегка просвечивал.
Затем в левом меню окошка выберите Drop Shadow. В выпадающем списке Mode выберите Multiply, Opacity установите около 22%, Distance задайте 2 мм, Angle — 65 градусов и Size — 7 мм. Нажмите ОК, чтобы применить эффекты и закрыть окно.
4. Как оформить надписи на листовке
Шаг 1
Вернитесь на панель Layers, заблокируйте слой Border и создайте поверх него новый слой Typography.
Выберите инструмент Type Tool (T) и потяните им по жёлтой рамке, чтобы создать текстовое поле. В нём мы вводим название мероприятия, например «Family».
На панели Character (Window > Type & Tables > Character) или на панели Character Formatting Controls над рабочей областью, выберите шрифт Nicoline, Size — 160 пунктов и выравнивание — по центру.
На панели Swatches выберите цвет шрифта [Paper].
Шаг 2
Выделите текстовое поле и нажмите Edit > Copy, Edit > Paste, разместите копию под исходным текстовым полем. Откорректируйте текст во втором текстовом поле, например, напишите «Picnic».
Выделите оба текстовых поля, перейдите Object > Effects > Outer Glow. Кликните на цветной квадратик рядом с выпадающим меню Mode, чтобы открыть окошко Effect Color. Выберите красный цвет из стандартных образцов и нажмите ОК.
Уменьшите непрозрачность (Opacity) до 7%, в выпадающем списке Technique выберите Softer, а в поле Size введите 2.5 мм. Задайте Noise 30% и Spread 38% перед тем как нажать ОК.
Шаг 3
Создайте новый цвет CMYK на панели Swatches со следующими параметрами C=70 M=14 Y=0 K=0 и назовите его Sky.
Увеличьте масштаб и переместитесь к верхней части жёлтой рамки. Создайте новое текстовое поле, используя инструмент Type Tool (T), и напишите что-нибудь завлекающее, например, «Come along to Sunnydale’s».
Шрифт выберите Charlevoix Pro Medium, его размер — 16.5 пунктов, Tracking — 90 и выровняйте текст по центру. Может быть вам захочется выделить какую-нибудь ключевую деталь, например, название места, шрифтом Charlevoix Pro Semibold.
Шаг 4
Выберите текстовое поле и нажмите Edit > Copy, Edit > Paste. Переместите его в нижнюю часть жёлтой рамки и отредактируйте текст: впишите дату и время проведения мероприятия. Увеличьте размер шрифта до 22 пунктов, начертание — Semibold.
На панели Glyphs (Window > Type & Tables > Glyphs) вы можете вставить маркер (буллит), чтобы разделить информацию, для этого нужно просто дважды кликнуть по символу на панели.
Шаг 5
Нажмите Edit > Paste, чтобы вставить ещё одну копию текстового поля, переместите его под поле с датой и временем. Отредактируйте текст: напишите, что ожидает посетителей на мероприятии. Здесь также можно вписать информацию о ценах на билеты и дате начала их продажи.
Установите размер шрифта около 14 пунктов.
5. Как добавить на флаер ленту
Шаг 1
Вернитесь к панели Swatches и создайте новый цвет CMYK. Назовите его Brown и задайте следующие параметры: C=79 M=78 Y=81 K=0.
Создайте новый слой Ribbon и разместите его между слоями Border и Tablecloth. Заблокируйте все другие слои, пока вы работаете со слоем Ribbon.
Шаг 2
Выделите коричневый прямоугольник и перейдите Object > Effects > Drop Shadow. Режим наложения тени установите Multiply, отредактируйте непрозрачность (Opacity) и другие настройки,чтобы получилась лёгкая тень под лентой.
Выберите инструмент Line Tool (\) и, удерживая клавишу Shift, начертите короткую горизонтальную линию вдоль верхней стороны коричневого прямоугольника. На панели Swatches выберите цвет обводки [Paper] (белый). На панели Stroke задайте толщину линий 3 пункта, в выпадающем списке Type выберите пункт Dashed (3 and 2).
Не снимая выделения с линии перейдите Object > Effects > Transparency и установите непрозрачность (Opacity) 65%, затем нажмите ОК.
Скопируйте и вставьте линию, расположите её на нижней стороне коричневого прямоугольника зеркально исходной линии.
Шаг 3
Мышкой выделите коричневый прямоугольник и обе линии, затем кликните по ним правой кнопкой мыши > сгруппировать (Group).
Выделите получившуюся группу, Edit > Copy, Edit > Paste. Перенесите скопированную группу на правую сторону флаера, чтобы казалось, что лента идёт через всю его ширину.
6. Добавляем дополнительные объекты на скатерть
Этот шаг — абсолютно не обязательный. Если вам хочется добавить дополнительные элементы: тарелки, столовые приборы или что-то ещё — на скатерть, вам понадобится Adobe Photoshop и несколько фотографий этих элементов на белом фоне.
Шаг 1
Откройте фотографию тарелки с голубым ободком в Photoshop.
Выберите инструмент Elliptical Marquee Tool на панели инструментов и, удерживая клавишу Shift, потяните и начертите круг по размеру тарелки. Если сразу идеально обвести тарелку не получилось, при помощи клавиш со стрелками подвиньте выделение на место.
Затем нажмите кнопку Refine Edge в верхней части рабочей области. Отрегулируйте ползунки так, чтобы область выделения оказалась ровно по краю тарелки, и кликните ОК.
Edit > Copy, Edit > Paste выделение, и его содержимое переместится на новый слой поверх исходного. Отключите видимость исходного слоя.
Шаг 2
Кстати, вы можете не только убрать фон у фотографии, но и отредактировать цвета, чтобы изображение подходило цветовой палитре листовки.
Добавьте новый корректирующий слой Color Balance Adjustment при помощи кнопки внизу панели Layers. Здесь я немного подвигала ползунки Cyan и Blue, чтобы придать тарелке более яркий голубой оттенок.
Если вы закончили редактировать фотографию, перейдите File > Save As и сохраните результат как файл Photoshop (PSD).
Шаг 3
Вернитесь в InDesign и создайте новый слой (здесь он назван Plates) над слоем Ribbon и под слоем Border.
При помощи инструмента Rectangle Frame Tool (F) создайте фрейм для изображения в одном из углов страницы. Нажмите File > Place и отредактируйте размер картинки, чтобы получилось оформление в стиле flat-lay.
Для большей реалистичности можно также добавить тень, для этого перейдите Object > Effects > Drop Shadow.
Флаер готов — отличная работа! Если вы хотите разместить флаер в интернете, переходите 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.
Шаг 2
Выберите пункт Marks and Bleeds в левом меню. Поставьте галочки All Printer’s Marks и Use Document Bleed Settings.
Затем нажмите Export, чтобы создать PDF-файл для печати.
Результат: Примерно так выглядит готовый флаер
Поздравляю, ваш флаер готов, можно начать распространять его. Вы изучили много отличных приёмов создания макетов для печати в InDesign, давайте перечислим несколько основных навыков, которые вы можете использовать в других проектах. Теперь вы знаете, как:
Ещё больше макетов флаеров для летних мероприятий можно найти на GraphicRiver, посмотрите их обязательно!