() translation by (you can also view the original English article)
В этом уроке мы будем пользоваться Adobe InDesign, Photoshop и Illustrator одновременно, чтобы создать праздничный флаер в винтажном стиле. Этот флаер идеально подойдет для рекламы офисной вечеринки или других праздничных событий, у него сильный типографический дизайн, который несложно создать даже новичку.
Ищете чего-то нового для праздничного вечера? Вы найдете огромную подборку шаблонов праздничных флаеров на GraphicRiver.
Готовы к празднованию? Замечательно, приступим к делу!
Что вам понадобится для этого урока
Чтобы воссоздать этот дизайн, вам необходимо скачать следующие изображения и файлы со шрифтами. Сохраните изображения в папку, которую будет легко найти, и установите шрифт.
1. Как настроить флаер в InDesign
Прежде, чем мы погрузимся в создание графики и текстов, важно установить необходимые настройки дизайна и привести в порядок базовые элементы раскладки флаера. А именно, фонового цвета и текстуры. Для начала откроем программу Adobe InDesign.
Шаг 1
В InDesign заходим в Файл - Новый - Документ. Оставляем Предназначение на Печать, Количество Страниц = 1, и убираем значок с опции Развороты.
Из выпадающего меню выбираем Размер Страницы Флаер 8.5x11, или вручную набиваем 215.9 mm в поле Ширина и 279.4 mm в поле Высота. Снижаем значение Поля до 10 мм, добавляем Выпуск за Обрез 3 мм для всех краев страницы.
Нажимаем ОК для создания нового документа.
Шаг 2
Открываем панель Слои (Окно - Слои), двойной клик по Слой 1, чтобы открылось окно Опции Слоя. Задаем ему название "Бумага", щелкаем ОК.
Выбираем инструмент Прямоугольная Рамка (F) из панели Инструменты в левой части рабочей области, щелкаем и перетаскиваем рамку, чтобы создать новую рамку, которая выйдет за границы выпуска за обрез.
Шаг 3
Зайдите в Файл - Разместить, найдите изображение с Текстурой Бумаги, кликните по команде Открыть. Кликните по кнопке Пропорциональная Заливка Рамки в панели управления вверху рабочей области, чтобы изображение полностью заполнило рамку.
Шаг 4
Вернитесь в панель Слоев и кликните по опции Создать новый слой внизу панели. Двойной клик по слою, чтобы переименовать его в "Фоновый цвет". Щелкните по ОК, затем заблокируйте слой "Бумага" внизу.
Шаг 5
Откройте панель Образцы (Окно - Цвет - Образцы) и кликните по кнопке Новый Образец внизу панели.
Дайте ему название Золото, затем выберите Процесс для Типа и CMYK для Режима. Установите уровни на C=2 M=36 Y=71 K=25, кликните OK.
С помощью инструмента Прямоугольник (М) создайте новую прямоугольную фигуру на странице, которая также выходит за границы области печати. Из панели Образцов выберите цвет Золото для Заливки прямоугольника.
Шаг 6
Выделйяте прямоугольник, и затем зайдите в Объект - Эффекты - Прозрачность. В меню Режим выбирайте Перекрытие, и снизьте Непрозрачность до 50%.
Шаг 7
Заблокируйте слой "Фоновый цвет" и создайте над ним новый, назвав его "Градиент". Воспользуйтесь инструментом Прямоугольник (М), чтобы создать новый, который начинается вверху страницы и в длину занимает примерно три четверти страниы.
Создайте новый образец CMYK на панели Образцов. Установите уровни на C=72 M=8 Y=10 K=13, назовите его "Голубой лед". Примените образец Голубой лед для Заливки прямоугольника.
Шаг 8
Выделите прямоугольник, зайдите в Объект - Эффекты - Градиентная Растушевка. Сдвиньте левый движок (темный) в сторону движка, находящегося по центру, и откорректируйте Угол градиента на 90 градусов.
Шаг 9
Кликните по опции Прозрачность вверху меню окна, установите Режим на Жесткий Свет. Снизьте Непрозрачность до 78%, кликните ОК.
Шаг 10
Зайдите в Файл-Сохранить как, сохраните ваш документ InDesign, задайте ему запоминающееся имя, например "Флаер офисной вечеринки.indd", а затем сверните окно InDesign. К этому еще вернемся.
2. Как создать изображение-силуэт
Теперь, когда у нас есть раскладка для флаера, можно приступить к работе над креативными элементами дизайна. А что может быть более праздничным, чем силуэт оленя? Воспользуемся снимком оленя в лесу в качестве основы, поэтому обязательно скачайте его.
Шаг 1
Откройте изображение оленя в Adobe Photoshop. В панели Слои (Окно - Слои) перетащите слой Фон на кнопку внизу Создать новый слой, чтобы создать еще один такой же. Сделайте фоновый слой невидимым.
Зайдите в Выделить - Цветовой Диапазон.
Кликните по самой светлой части оленя, - по рогам или ушам, - затем повысьте уровень Разброса до примерно 145, чтобы силуэт всего оленя был очерчен более четко.
Добавьте новый Слой Корректировки Уровней, и подвиньте слайдеры, чтобы повысить белую область выделенной области изображения.
Шаг 2
Теперь, когда увеличен контраст изображения, вам будет легче отделить силуэт оленя от фона.
С помощью инструмента Лассо (L) обведите рисунок по контуру левой стороны оленя, обходя рога и отделив левую сторону фона.
Щелкните по кнопке Уточнить Край вверху рабочей области и подвигайте слайдеры, чтобы сделать выделение силуэта оленя более точным.
Щелкните по опции Умный Радиус и добавьте значение Сгладить примерно =2, чтобы сделать край не таким резким.
Когда вас все будет устраивать, кликните ОК, а затем щелкните по кнопке Delete, чтобы избавиться от фона.
Повторите этот процесс, отмечая следующий сегмент фона с помощью инструмента Лассо (L), прибегая к функции Уточнить Край, чтобы сделать выделение более точным. Затем кликните ОК, удалите выделенное с помощью Delete.
Шаг 3
Продолжайте двигаться вдоль контура силуэта оленя (нас интересует только голова и шея, поэтому не переживайте из-за фона под брюхом), удаляйте сегменты фона по ходу работы.
С помощью инструментов Лассо (L) и Волшебная Палочка (W) выделите любые сегменты фона, которые еще могут остаться вокруг силуэта и удалите их.
Шаг 4
Как только вас будет устраивать силуэт, вернитесь на Слой Корректировки Уровней, который вы создали ранее.
Это изображение вы будете перемещать в Illustrator для трассировки, поэтому важно, чтобы вы сделали силуэт максимально темным и четким, чтобы добиться хорошего результата трассировки. Подвиньте слайдеры Уровней в противоположном направлении, чтобы максимально затемнить изображение и практически превратить его в темный силуэт.
Затем зайдите в Файл - Сохранить как и сохраните изображение в формате PSD.
Шаг 5
Сверните Photoshop и откройте Adobe Illustrator. Создайте новый документ.
Зайдите в Файл - Разместить, выберите изображение PSD, кликните по Открыть. Теперь изображение выделено, заходите в Окно - Трассировка.
Измените Режим на Черно-белый, поставьте галочку в окошке Предпросмотр внизу окна, чтобы вам было видно, как проходит процесс трассировки. Подвиньте слайдеры так, чтобы вас устраивал результат. Вам нужен четко очерченный силуэт, но также необходимо сохранить некоторые детали в краях, например шерстинки, шероховатости на рогах, чтобы результат выглядел интересно. Поставьте галочку в окошке Игнорировать Белый, затем выйдите из окна Трассировка Изображения.
Выделите трассированное изображение, зайдите в Объект - Трассировка изображения - Развернуть.
Шаг 6
Правый клик (в Windows) или Control-Click (Mac) > Разгруппировать. Затем выделите и удалите фон трассированного изображения, чтобы у вас остался только силуэт.
Выделите черный силуэт, откройте выпадающее меню Кистей вверху рабочей области. Кликните по Меню Библиотеки Кистей - Художественные - МелУгольКарандаш.
Добавьте черную обводку краю силуэта, выбрав кисть Карандаш и повысив Толщину обводки до 1,5 pt.
Затем зайдите в Объект - Контур - Преобразовать Границы Обводки.
Откройте окно Обработка Контуров (Окно - Обработка Контуров), щелкните по опции Добавление, чтобы объединить обводку с остальным силуэтом, создав объединенную векторную фигуру.
Шаг 7
Силуэт по-прежнему выделен, зайдите в панель Образцы (Окно - Образцы), откорректируйте цвет Заливки фигуры с черного на белый.
Зайдите в Файл - Сохранить Как, и сохраните изображение в формате файла Illustrator.
Шаг 8
Вернитесь к документу InDesign и заблокируйте слой Градиент. Создайте новый слой поверх него и назовите его "Олень".
Возьмите инструмент Прямоугольная Рамка (F) и перетяните на страницу, чтобы создать рамку для большого изображения. Зайдите в Файл - Разместить, выберите изображение Illustrator и нажмите Открыть.
Двойной клик внутри рамки изображения, чтобы напрямую выделить изображение, измените размер, удерживая кнопку Shift, чтобы сохранить пропорции. Пусть силуэт оленя заполняет всю страницу, оставив немного места наверху.
3. Как включить типографику в дизайн флаера
Типографика для этого флаера напоминает пазл! Вы будете вставлять текст в пустое пространство между рогами, чтобы создать эффект плотного заполнения текстом вверху флаера.
Шаг 1
Заблокируйте слой "Олень" и создайте поверх него новый слой, назовите его "Типографика 1". Сохраните все разные элементы текста на разных слоях, вам тогда будет легче работать с индивидуальными элементами дизайна.
Зайдите в панель Образцы и создайте новый образец CMYK, C=73 M=11 Y=10 K=9, назовите его "Синий".
Воспользуйтесь инструментом Текст (Т) и перетащите на страницу, создав небольшую рамку между внутренними кончиками рогов оленя. Впечатайте слово "ешьте", либо из окна Печатный Знак (Окно - Текст и Таблицы - Печатный Знак), или панель Управления Форматированием поверх рабочей области, выберите Шрифт Le Paris, Размер Шрифта 90 pt. В панели Образцы выберите Цвет Шрифта, Синий.
Шаг 2
Редактирование - Копировать, Редактирование - Вставить текстовую рамку, расположите ее под первой. Измените текст на "пейте". Измените размер текста и рамки так, чтобы он идеально вписался под текст вверху. В этой технике необходимо потренироваться, но продолжайте менять размер шрифта и корректировать положение блока с текстом внутри рамки, пока он не будет выглядеть так, как вам надо.
Продолжайте этот процесс Копирования и Вставки текстовых рамок для каждого следующего слова и символа (например, "!") и подгоняя текст по размеру. Здесь выполнена фраза "Ешьте, пейте и веселитесь!" Подгоните Размер Шрифта и положение текстовых рамок так, чтобы все вместе хорошо смотрелось.
Шаг 3
Создайте новый слой, назовите его "Типографика 2".
Увеличьте верхний левый угол странице, Вставьте еще одну текстовую рамку. Измените Цвет Шрифта на "Бумагу" и измените текст на "приходите". Скопируйте и Вставьте вторую текстовую рамку, измените текст на "к нам". Пусть какие-то из текстовых рамок выходят за края области печати.
Продолжайте создавать следующие текстовые рамки, пока у вас не получится фраза "приходите к нам и присоединяйтесь к празднеству!"
Шаг 4
Создайте новый слой, назовите его "Типографика 3". Затем создайте новый образец CMYK, C=53 M=52 Y=70 K=53, назовите его "Темно-зеленый".
Перейдите в правый верхний угол страницы и Вставьте новую текстовую рамку. Задайте Цвет Шрифта на темно-зеленый. В этом месте будет идеально вставить адрес мероприятия и контакты ответственного лица.
Откройте панель Символов (Окно - Текст и Таблицы - Символы) и создайте новую текстовую рамку. Двойным кликом по символу-черточке вставьте текстовую рамку, шрифт Le Paris, цвет Темно-зеленый.
Зайдите в Текст - Создать контуры, чтобы преобразовать черточку в векторную фигуру, тогда вам будет легче менять ее масштаб, растягивать и сжимать.
Вы можете воспользоваться этой фигурой для заполнения пустого пространства или выделения определенных частей текста.
Шаг 5
Создайте новый слой, назовите его "Типографика 4". Продолжайте Вставлять текстовые рамки в постер, задавая цвет текста Золотой из образцов, которые вы ранее создали. Расположите текстовые рамки по левую сторону флаера. Заполните текстовый контент информацией о мероприятии, меню и другими пунктами программы.
Добавьте другие текстовые рамки на слой "Типографика 4", цвет "Золотой", заполните оставшееся место с правой стороны флаера.
Заполните пропуски между деталями рогов короткими элементами текста с небольшим шрифтом.
Шаг 6
На новом слое "Типографика 5" добавьте больше текстов в Темно-зеленом цвете над макушкой оленя. Напишите время проведения мероприятия.
Добавьте день и дату в Темно-зеленом в верхнем левом углу флаера.
Шаг 7
Вернитесь на другие слои, чтобы добавить еще текст, заполняя пропуски между деталями рогов.
Главное, - выделить самую важную информацию вроде даты, места и времени более ярким цветом, Темно-зеленым.
В итоге вы заполните всю верхнюю половину флаера текстами - потрясающая работа, вы почти закончили!
4. Как добавить текстурное перекрытие на флаер
Последняя задача - добавить едва заметную текстуру поверх изображения. Текстура придаст вашему флаеру более винтажный, трендовый вид, и сделает весь дизайн более профессиональным.
Шаг 1
Ненадолго сверните окно InDesign.
Откройте в Illustrator векторный файл Brushed Grunge Texturе.
Удалите белый фон из изображения, оставив только черную текстуру. Задайте Белый для цвета Заливки текстуры.
Файл - Сохранить Как текстуру в формате файла Illustrator.
Шаг 2
Вернитесь в документ InDesign и создайте новый слой, назовите его "Текстура".
Воспользуйтесь инструментом Прямоугольной Рамки (F) и создайте новую рамку поверх всей страницы. Зайдите в Файл-Разместить, выберите файл с текстурой из Illustrator, кликните Открыть.
Расположите изображение внутри рамки так, чтобы оно покрывало всю страницу и при этом не слишком перекрывало текст или силуэт оленя.
Проследите, чтобы рамка с изображением была выделена, зайдите в Объект - Эффекты - Прозрачность. Выберите Режим - Перекрытие, снизьте Непрозрачность до 60%. Кликните ОК.
Вот и готово! Дизайн вашего флаера закончен, потрясающая работа! Все, что осталось сделать - экспортировать файл для печати или разослать его по электронной почте.
Шаг 3
Зайдите в Файл - Экспорт. Озаглавьте файл, выберите Формат из выпадающего меню Adobe PDF (Печать), а если вы будете рассылать файл по почте, выбирайте Adobe PDF (Интерактивный). Кликните Сохранить.
Откроется окно Экспорт в Adobe PDF, выбирайте [Качество Печати] из выпадающего меню Настройки вверху окна.
Кликните по Метки и Выпуск за Обрез в левой части окна меню. Пометьте Все Метки Принтера и Использовать Настройки Выпуска за Обрез в Документе. Кликните ОК, чтобы создать файл PDF, готовый для печати. Вы можете отправить этот документ в типографию для печати.
Заключение: Советы по созданию потрясающих дизайнов флаеров
Флаеры невелики по размеру, но производят большое впечатление. Флаер с хорошим дизайном - экономичный способ привлечь к себе на праздник гостей, полных энтузиазма. В этом уроке мы создали праздничный флаер для вечеринки в офисе с помощью программ Adobe, и подсказали вам несколько советов и секретов создания убедительных флаеров. Вы теперь знаете, как:
- создать дизайн флаера в Adobe InDesign, наложить цвет, градиенты для привлекательного фона;
- создать потрясающий силует в Photoshop и Illustrator;
- использовать гарнитуру для создания плотного типографического дизайна;
- применять перекрытие текстурой для придания оттенка винтажности флаеру.
Каким бы ни было ваше мероприятие, этот процесс из четырех частей прекрасно подойдет для дизайна любого флаера, с гарантией отличного результата каждый раз.
Ищете шаблон флаера для следующего мероприятия? Ознакомьтесь с широким выбором дизайнов праздничных флаеров на GraphicRiver. Вы наверняка найдете что-нибудь подходящее!
